From 68169dd18ee80ce6f3904b0a1fe58c305559458c Mon Sep 17 00:00:00 2001
From: Patrick Marsceill <patrick.marsceill@gmail.com>
Date: Tue, 23 Oct 2018 11:40:39 -0400
Subject: [PATCH] Nav, footer, and search mobile cleanup
---
_sass/layout.scss | 18 ++++++++++++++++--
_sass/navigation.scss | 7 ++++++-
_sass/search.scss | 20 ++++++++++++++++----
3 files changed, 38 insertions(+), 7 deletions(-)
diff --git a/_sass/layout.scss b/_sass/layout.scss
index b83cf8eb..75e87ace 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 @@
}
}
+body {
+ position: relative;
+ padding-bottom: $sp-10;
+
+ @include mq(md) {
+ position: static;
+ padding-bottom: 0;
+ }
+}
+
.site-footer {
+ position: absolute;
+ bottom: $sp-3;
+
@include mq(md) {
- margin-top: $sp-10;
+ right: 0;
}
}
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index 6eb972f3..bce4a76f 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 96d9bb57..b57aa6e3 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;
}
}
--
GitLab