Make navbar display contaner width
This commit is contained in:
parent
24a5d96775
commit
97e91542a7
1 changed files with 4 additions and 16 deletions
|
@ -39,12 +39,14 @@
|
||||||
|
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
// max-height: @navbar-height;
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: none;
|
border: none;
|
||||||
.home-button a {
|
.home-button a {
|
||||||
.transition(~"ease-in-out .3 all");
|
.transition(~"ease-in-out .3 all");
|
||||||
}
|
}
|
||||||
|
@media (min-height: @screen-sm-min) {
|
||||||
|
max-height: @navbar-height;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-nav.nav {
|
.navbar-nav.nav {
|
||||||
|
@ -117,25 +119,11 @@
|
||||||
.header {
|
.header {
|
||||||
#navbar-container {
|
#navbar-container {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 110%;
|
|
||||||
margin-left: -5%;
|
|
||||||
&:not(.stick-top) {
|
&:not(.stick-top) {
|
||||||
position: initial;
|
position: initial;
|
||||||
}
|
}
|
||||||
&.stick-top {
|
&.stick-top {
|
||||||
@container-size: 720px;
|
width: 100%;
|
||||||
width: @container-size * 1.1;
|
|
||||||
margin-left: -@container-size * 0.05;
|
|
||||||
@media (min-width: @screen-md-min) {
|
|
||||||
@container-size: 940px;
|
|
||||||
width: @container-size * 1.1;
|
|
||||||
margin-left: -@container-size * 0.05;
|
|
||||||
}
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
@container-size: 1140px;
|
|
||||||
width: @container-size * 1.1;
|
|
||||||
margin-left: -@container-size * 0.05;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue