troldspejlet/hugo-theme-stack
troldspejlet/hugo-theme-stack
1
0
Fork 0
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2024-11-23 10:21:46 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: improve top padding and article toolbar style

Browse source
This commit is contained in:
Jimmy Cai 2020-09-07 11:34:28 +02:00
parent 829678936b
commit 634e6ce96b
No known key found for this signature in database
GPG key ID: 3EA408E527F37B18
4 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/partials/layout/article.scss
View file

@ -1,6 +1,10 @@
@import "variables.scss";
.article-page {
@media (min-width: $on-phone) and (max-width: $on-tablet) {
--main-top-padding: 30px;
}
.left-sidebar {
@media (max-width: $on-tablet) {
display: none;
@ -99,7 +103,7 @@
align-items: center;
@media (max-width: $on-phone) {
margin-top: 15px;
margin-top: 20px;
}
@media (min-width: $on-tablet) {

2
assets/scss/partials/sidebar.scss
View file

@ -25,7 +25,7 @@
@media (min-width: $on-phone + 1) {
width: 25%;
margin-right: 1%;
padding: 50px 15px;
padding: var(--main-top-padding) 15px;
max-height: 100vh;
}

5
assets/scss/style.scss
View file

@ -52,10 +52,7 @@ main.main {
padding: 0 15px;
max-width: 100%;
flex-grow: 1;
@media (min-width: $on-phone + 1) {
padding-top: 50px;
}
padding-top: var(--main-top-padding);
}
.main-grid {

4
assets/scss/variables.scss
View file

@ -10,6 +10,10 @@ $on-desktop-large: 1920px;
* CSS Variables
*/
:root {
@media (min-width: $on-phone + 1) {
--main-top-padding: 50px;
}
--body-background: #f5f5fa;
--accent-color: #34495e;
--accent-color-darker: #2c3e50;