Skip to content

N
node-slate
Commit 1e144aaa authored by Robert Lord's avatar Robert Lord
Browse files
Options

Update nav button to go to very edge of screen

parent 1478579c
Show whitespace changes
Inline Side-by-side
Showing with 7 additions and 6 deletions
source/stylesheets/screen.css.scss
View file @ 1e144aaa
...@@ -194,9 +194,10 @@ html, body { ...@@ -194,9 +194,10 @@ html, body {
#nav-button { #nav-button {
display: none; display: none;
position: fixed; position: fixed;
top: $main-padding / 2 - 8px; top: 0;
left: $main-padding / 2 - 8px; left: 0;
padding: 0 1.5em 5em 0; // increase touch area size $side-pad: $main-padding / 2 - 8px;
padding: $side-pad 1.5em 5em $side-pad; // increase touch area size
z-index: 100; z-index: 100;
color: #000; color: #000;
text-decoration: none; text-decoration: none;
...@@ -208,8 +209,8 @@ html, body { ...@@ -208,8 +209,8 @@ html, body {
} }
span { span {
position: absolute; position: absolute;
top: 30px; top: 35px;
left: -0.4em; left: 1px;
line-height: 1; line-height: 1;
@include transform(rotate(-90deg)); @include transform(rotate(-90deg));
} }
...@@ -217,7 +218,7 @@ html, body { ...@@ -217,7 +218,7 @@ html, body {
@include transition(left ease-in-out 0.3s); @include transition(left ease-in-out 0.3s);
&:hover { opacity: 1; } &:hover { opacity: 1; }
&.open {left: $main-padding / 2 - 8px + $nav-width} &.open {left: $nav-width}
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment