mobile-header
This commit is contained in:
parent
3509649a0c
commit
dba65d1bdb
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue