diff --git a/_sass/layout.scss b/_sass/layout.scss index b83cf8e..75e87ac 100644 --- a/_sass/layout.scss +++ b/_sass/layout.scss @@ -93,7 +93,8 @@ } .navigation, -.site-title { +.site-title, +.site-footer { @include container; @@ -114,8 +115,21 @@ } } -.site-footer { +body { + position: relative; + padding-bottom: $sp-10; + @include mq(md) { - margin-top: $sp-10; + position: static; + padding-bottom: 0; + } +} + +.site-footer { + position: absolute; + bottom: $sp-3; + + @include mq(md) { + right: 0; } } diff --git a/_sass/navigation.scss b/_sass/navigation.scss index 6eb972f..bce4a76 100644 --- a/_sass/navigation.scss +++ b/_sass/navigation.scss @@ -20,6 +20,7 @@ .navigation-list { padding: 0; margin-top: $sp-4; + margin-bottom: 0; list-style: none; @include mq(md) { @@ -53,8 +54,12 @@ } .navigation-list-item { - @include fs-3; + @include fs-4; margin: 0; + + @include mq(md) { + @include fs-3; + } } .navigation-list-link { diff --git a/_sass/search.scss b/_sass/search.scss index 96d9bb5..b57aa6e 100644 --- a/_sass/search.scss +++ b/_sass/search.scss @@ -3,15 +3,27 @@ // .search { + position: relative; + z-index: 99; display: none; + flex-grow: 1; + padding-bottom: $gutter-spacing / 2; + background-color: $white; + padding: $sp-2; + margin-bottom: $sp-3; @include mq(md) { - position: relative; - z-index: 99; display: block; - flex-grow: 1; padding-top: $sp-1; - padding-bottom: $gutter-spacing / 2; + padding-right: 0; + padding-bottom: $sp-4; + padding-left: 0; + margin-bottom: 0; + background-color: transparent; + } + + &.nav-open { + display: block; } }