thang/notes
1
0
Fork 0
mirror of https://github.com/thangisme/notes.git synced 2025-02-21 06:57:46 -05:00
Code Issues Projects Releases Wiki Activity

Nav, footer, and search mobile cleanup

Browse Source
This commit is contained in:
Patrick Marsceill 2018-10-23 11:40:39 -04:00
parent dc182d1935
commit 68169dd18e
No known key found for this signature in database
GPG Key ID: 286B93882D828F40
3 changed files with 39 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
_sass/layout.scss
View File

@ -93,7 +93,8 @@
} }
.navigation, .navigation,
.site-title { .site-title,
.site-footer {
@include container; @include container;
@ -114,8 +115,21 @@
} }
} }
.site-footer { body {
position: relative;
padding-bottom: $sp-10;
@include mq(md) { @include mq(md) {
margin-top: $sp-10; position: static;
padding-bottom: 0;
}
}
.site-footer {
position: absolute;
bottom: $sp-3;
@include mq(md) {
right: 0;
} }
} }

7
_sass/navigation.scss
View File

@ -20,6 +20,7 @@
.navigation-list { .navigation-list {
padding: 0; padding: 0;
margin-top: $sp-4; margin-top: $sp-4;
margin-bottom: 0;
list-style: none; list-style: none;
@include mq(md) { @include mq(md) {
@ -53,8 +54,12 @@
} }
.navigation-list-item { .navigation-list-item {
@include fs-3; @include fs-4;
margin: 0; margin: 0;
@include mq(md) {
@include fs-3;
}
} }
.navigation-list-link { .navigation-list-link {

22
_sass/search.scss
View File

@ -3,15 +3,27 @@
// //
.search { .search {
display: none;
@include mq(md) {
position: relative; position: relative;
z-index: 99; z-index: 99;
display: block; display: none;
flex-grow: 1; flex-grow: 1;
padding-top: $sp-1;
padding-bottom: $gutter-spacing / 2; padding-bottom: $gutter-spacing / 2;
background-color: $white;
padding: $sp-2;
margin-bottom: $sp-3;
@include mq(md) {
display: block;
padding-top: $sp-1;
padding-right: 0;
padding-bottom: $sp-4;
padding-left: 0;
margin-bottom: 0;
background-color: transparent;
}
&.nav-open {
display: block;
} }
} }