f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-06-07 16:17:50 +00:00
Code Issues Packages Releases Activity

refactor(mobile): resume footer slide animation & content min-height

Browse Source
This commit is contained in:
Cotes Chung 2022-10-13 21:08:32 +08:00
parent fd5df7e1a1
commit 3432413020
No known key found for this signature in database
GPG Key ID: 0D9E54843167A808
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
_sass/addon/commons.scss
View File

@ -1195,6 +1195,10 @@ $sidebar-display: "sidebar-display";
} }
} }
#main-wrapper {
min-height: calc(100vh - #{$footer-height-mobile});
}
#core-wrapper { #core-wrapper {
min-height: calc(100vh - #{$topbar-height} - #{$footer-height-mobile}) !important; min-height: calc(100vh - #{$topbar-height} - #{$footer-height-mobile}) !important;
@ -1259,13 +1263,18 @@ $sidebar-display: "sidebar-display";
overflow-x: hidden; overflow-x: hidden;
} }
footer {
@include slide;
}
[#{$sidebar-display}] { [#{$sidebar-display}] {
#sidebar { #sidebar {
transform: translateX(0); transform: translateX(0);
} }
#topbar-wrapper, #topbar-wrapper,
#main-wrapper { #main-wrapper,
footer {
transform: translateX(#{$sidebar-width}); transform: translateX(#{$sidebar-width});
} }
} }