mirror of
https://github.com/rottenwheel/revuo-weekly.git
synced 2024-10-01 04:35:37 -04:00
code optimization
This commit is contained in:
parent
04b48b95ec
commit
2134e09e9a
@ -3,25 +3,25 @@
|
||||
// Nav menu
|
||||
|
||||
@mixin icon-position($position) {
|
||||
display: block;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
#{$position}: 25px;
|
||||
z-index: 10;
|
||||
height: 36px;
|
||||
padding: 8px;
|
||||
background-color: rgba(240,240,240,.6);
|
||||
background-color: rgba(240, 240, 240, 0.6);
|
||||
@media (max-width: 480px) {
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin open($x) {
|
||||
-webkit-transform: translateX($x);
|
||||
-moz-transform: translateX($x);
|
||||
-ms-transform: translateX($x);
|
||||
transform: translateX($x);
|
||||
-webkit-transform: translateX($x);
|
||||
-moz-transform: translateX($x);
|
||||
-ms-transform: translateX($x);
|
||||
transform: translateX($x);
|
||||
width: 100%;
|
||||
@media (min-width: 940px) {
|
||||
width: 30%;
|
||||
@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
@mixin nav-position($position) {
|
||||
width: 14rem;
|
||||
width: 14rem;
|
||||
position: fixed;
|
||||
background-color: $main-color;
|
||||
top: 0;
|
||||
@ -38,10 +38,10 @@
|
||||
color: $background-color;
|
||||
opacity: 0.95;
|
||||
-webkit-transition: all 0.3s ease-in;
|
||||
-moz-transition: all 0.3s ease-in;
|
||||
-ms-transition: all 0.3s ease-in;
|
||||
transition: all 0.3s ease-in;
|
||||
-moz-transition: all 0.3s ease-in;
|
||||
-ms-transition: all 0.3s ease-in;
|
||||
transition: all 0.3s ease-in;
|
||||
z-index: 1;
|
||||
padding: 72px 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user