mirror of
https://github.com/danbulant/api_docs
synced 2026-05-19 12:19:08 +00:00
Update nav button to go to very edge of screen
This commit is contained in:
parent
1478579c59
commit
1e144aaa66
1 changed files with 7 additions and 6 deletions
|
|
@ -194,9 +194,10 @@ html, body {
|
|||
#nav-button {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: $main-padding / 2 - 8px;
|
||||
left: $main-padding / 2 - 8px;
|
||||
padding: 0 1.5em 5em 0; // increase touch area size
|
||||
top: 0;
|
||||
left: 0;
|
||||
$side-pad: $main-padding / 2 - 8px;
|
||||
padding: $side-pad 1.5em 5em $side-pad; // increase touch area size
|
||||
z-index: 100;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
|
|
@ -208,8 +209,8 @@ html, body {
|
|||
}
|
||||
span {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: -0.4em;
|
||||
top: 35px;
|
||||
left: 1px;
|
||||
line-height: 1;
|
||||
@include transform(rotate(-90deg));
|
||||
}
|
||||
|
|
@ -217,7 +218,7 @@ html, body {
|
|||
@include transition(left ease-in-out 0.3s);
|
||||
|
||||
&:hover { opacity: 1; }
|
||||
&.open {left: $main-padding / 2 - 8px + $nav-width}
|
||||
&.open {left: $nav-width}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue