dan/api_docs
1
0
Fork 0
mirror of https://github.com/danbulant/api_docs synced 2026-05-24 12:27:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update nav button to go to very edge of screen

Browse source
This commit is contained in:
Robert Lord 2014-06-12 01:39:37 -07:00
parent 1478579c59
commit 1e144aaa66
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
source/stylesheets/screen.css.scss
View file

@ -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 {
} }
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 {
@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}
} }