honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed mobile nav

This commit is contained in:
Alex Wolfe 2015-03-04 20:54:55 -08:00
parent 94d86ec02d
commit d783c5e014
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/resources/css/module/_main-nav.scss
View File

@ -4,6 +4,12 @@
padding: 0px ($unit * 2);
box-shadow: 0px 2px 5px 0 rgba($coal, 0.26);
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
padding: 0px 0px 0px ($unit * 2);
}
h1 {
margin: 0px ($unit * 9) 0px 0px;
padding: 0px;
@ -11,6 +17,12 @@
width: 136px;
float: left;
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
margin: 0;
}
a {
background: url('/resources/images/logos/standard/logo-nav.png') 0px 8px no-repeat;
display: block;
@ -110,11 +122,12 @@
// DROPDOWN TRIGGER BUTTON
.main-nav-mobile-trigger {
display: none;
padding-right: 30px + ($unit * 2);
padding: 0px (24px + $unit) 0px $unit;
font-size: 14px;
.icon {
left: auto;
right: ($unit * 2);
right: ($unit );
opacity: .56;
}