archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Make navbar display contaner width

Browse source
This commit is contained in:
Jake Howard 2016-03-20 17:19:04 +00:00
parent 24a5d96775
commit 97e91542a7
1 changed files with 4 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/src/less/navbar.less
View file

@ -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;
}
} }
} }
} }