M _sass/minimal-mistakes/_masthead.scss => _sass/minimal-mistakes/_masthead.scss +3 -1
@@ 3,11 3,13 @@
========================================================================== */
.masthead {
- position: relative;
border-bottom: 1px solid $border-color;
animation: $intro-transition;
animation-delay: 0.15s;
z-index: 20;
+ position: sticky;
+ background: $background-color;
+ top: 0;
&__inner-wrap {
@include clearfix;
M _sass/minimal-mistakes/_utilities.scss => _sass/minimal-mistakes/_utilities.scss +1 -0
@@ 422,6 422,7 @@ body:hover .visually-hidden button {
========================================================================== */
.sticky {
+ top: 3.375em;
@include breakpoint($large) {
@include clearfix();
position: sticky;
M assets/css/main.scss => assets/css/main.scss +0 -10
@@ 11,16 11,6 @@ $comments-provider: {{ site.comments.provider }};
@import "minimal-mistakes"; // main partials
-.masthead {
- position: sticky;
- background: $background-color;
- top: 0;
-}
-
-.sticky {
- top: 3.375em;
-}
-
@media (prefers-color-scheme: light) {
@import "minimal-mistakes/skins/{{ site.minimal_mistakes_light_skin | default: 'default' }}"; // skin
@import "minimal-mistakes"; // main partials