resilien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

mobile navbrand style

This commit is contained in:
JT 2014-07-23 18:44:15 -07:00
parent 1753704eab
commit c2e23aa60a
2 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
website/source/stylesheets/_header.less
View File

@ -52,6 +52,7 @@ body.page-sub{
.navbar-toggle{
margin-top: 26px;
margin-bottom: 14px;
margin-right: 0;
border: 2px solid @white;
border-radius: 0;
.icon-bar{
@ -324,6 +325,18 @@ body.page-sub{
}
}
@media (max-width: 480px) {
@media (max-width: 320px) {
#header{
.navbar-brand {
&.logo{
padding:0 0 0 54px !important;
font-size: 20px !important;
line-height:40px !important;
margin-top: 26px !important ;
.img-retina("../images/header-logo.png", "../images/header-logo@2x.png", 44px, 40px);
}
}
}
}

17
website/source/stylesheets/main.css
View File

@ -116,6 +116,7 @@ body.page-sub #header .main-links.navbar-nav li > a {
#header .navbar-toggle {
margin-top: 26px;
margin-bottom: 14px;
margin-right: 0;
border: 2px solid #ffffff;
border-radius: 0;
}
@ -338,6 +339,22 @@ body.page-sub #header .main-links.navbar-nav li > a {
line-height: 22px;
}
}
@media (max-width: 320px) {
#header .navbar-brand.logo {
padding: 0 0 0 54px !important;
font-size: 20px !important;
line-height: 40px !important;
margin-top: 26px !important ;
background-image: url("../images/header-logo.png");
background-size: 44px 40px;
}
}
@media (max-width: 320px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 320px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 320px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 320px) and only screen and (min-device-pixel-ratio: 2), (max-width: 320px) and only screen and (min-resolution: 192dpi), (max-width: 320px) and only screen and (min-resolution: 2dppx) {
#header .navbar-brand.logo {
background-image: url("../images/header-logo@2x.png");
background-size: 44px 40px;
}
}
#footer-wrap {
background-color: white;
padding: 0 0 50px 0;