mobile-header

This commit is contained in:
captainill 2015-11-08 23:30:55 -08:00
parent 3509649a0c
commit dba65d1bdb
3 changed files with 19 additions and 8 deletions

View file

@ -21,6 +21,7 @@ body.page-sub{
#header {
.navbar-brand {
.logo{
padding-left: 50px;
font-size: 0;
text-transform: uppercase;
background: image-url('../images/consul-hero-logo.png') 0 0 no-repeat;
@ -75,9 +76,12 @@ body.page-sub{
.navbar-brand {
.logo{
padding-left: 37px;
//font-size: 18px;
@include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
//background-position: 0 45%;
@include img-retina("../images/consul-hero-logo.png", "../images/consul-hero-logo@2x.png", $project-logo-width * .75, $project-logo-height * .75);
img{
width: 72px;
height: 14px;
}
}
}
}

View file

@ -59,7 +59,6 @@
.navbar-toggle{
height: $header-height;
margin: 0;
padding-right: 15px;
border-radius: 0;
.icon-bar{
border: 1px solid $black;
@ -196,6 +195,14 @@
}
}
@media (max-width: 992px) {
#header {
> .container{
width: 100%;
}
}
}
@media (max-width: 414px) {
#header {
.navbar-header{

View file

@ -4,9 +4,9 @@
// --------------------------------------------------
// Variables
$project-logo-width: 50px;
$project-logo-height: 50px;
$project-logo-pad-left: 8px;
$project-logo-width: 40px;
$project-logo-height: 40px;
$project-logo-pad-left: 0px;
// Mixins
@mixin project-a-style{
@ -21,7 +21,7 @@ $project-logo-pad-left: 8px;
@mixin project-footer-a-style{
line-height: 30px;
&:hover{
opacity: .5;
}