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(sidebar): prevent sidebar from moving on page scroll

Browse source
This commit is contained in:
Jimmy Cai 2020-09-03 23:37:48 +02:00
parent bbe7e4b73d
commit be6fcfb526
No known key found for this signature in database
GPG key ID: 3EA408E527F37B18
2 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -19,14 +19,15 @@
}
&.sticky {
top: 30px;
top: 0;
}
@media (min-width: $on-phone + 1) {
width: 25%;
margin-right: 1%;
padding-top: 50px;
}
@media (min-width: $on-desktop) {
width: 20%;
}

21
assets/scss/style.scss
View file

@ -47,9 +47,14 @@ a {
}
}
#content {
@media (min-width: $on-phone) {
padding-top: 30px;
main.main {
min-width: 0;
padding: 0 15px;
max-width: 100%;
flex-grow: 1;
@media (min-width: $on-phone + 1) {
padding-top: 15px;
}
@media (min-width: $on-tablet) {
@ -57,16 +62,6 @@ a {
}
}
main.main {
min-width: 0;
padding: 0 15px;
max-width: 100%;
@media (min-width: $on-phone + 1) {
padding: 0 15px;
}
flex-grow: 1;
}
.main-grid {
@media (max-width: $on-phone) {
flex-direction: column;