thang/notes
1
0
Fork 0
mirror of https://github.com/thangisme/notes.git synced 2024-12-22 05:36:26 -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 {

20
_sass/search.scss
View File

@ -3,15 +3,27 @@
// //
.search { .search {
position: relative;
z-index: 99;
display: none; display: none;
flex-grow: 1;
padding-bottom: $gutter-spacing / 2;
background-color: $white;
padding: $sp-2;
margin-bottom: $sp-3;
@include mq(md) { @include mq(md) {
position: relative;
z-index: 99;
display: block; display: block;
flex-grow: 1;
padding-top: $sp-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;
} }
} }