Fixed mobile navbar
This commit is contained in:
parent
ec8bbcfde3
commit
cb691cbea0
2 changed files with 24 additions and 7 deletions
|
@ -20,9 +20,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#navigation {
|
#navigation {
|
||||||
.flexbox();
|
@media (min-width: @screen-xs-max) {
|
||||||
justify-content: center;
|
.flexbox();
|
||||||
float: none;
|
justify-content: center;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
& a {
|
& a {
|
||||||
.transition(~"ease-in-out .3s color");
|
.transition(~"ease-in-out .3s color");
|
||||||
}
|
}
|
||||||
|
@ -100,6 +102,21 @@
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
}
|
}
|
||||||
|
|
||||||
navbar + * {
|
@media (min-width: @screen-xs-max) {
|
||||||
margin-top: 52px;
|
navbar + * {
|
||||||
|
margin-top: 52px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* @group Header Navbar*/
|
||||||
|
@media (min-width: @screen-xs-max) {
|
||||||
|
.header navbar{
|
||||||
|
#navbar-container {
|
||||||
|
position: initial;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end Header Navbar*/
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
@import "node_modules/bootstrap/less/bootstrap";
|
@import "node_modules/bootstrap/less/bootstrap";
|
||||||
@import "node_modules/bootstrap/less/theme";
|
@import "node_modules/bootstrap/less/theme";
|
||||||
@import "node_modules/ionicons/less/ionicons";
|
@import "node_modules/ionicons/less/ionicons";
|
||||||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
|
// @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
|
||||||
@import (inline) "node_modules/animate.css/animate.css";
|
@import (inline) "node_modules/animate.css/animate.css";
|
||||||
@import (inline) "node_modules/normalize.css/normalize.css";
|
@import (inline) "node_modules/normalize.css/normalize.css";
|
||||||
@import 'homepage';
|
@import 'homepage';
|
||||||
|
@ -122,7 +122,7 @@ footer {
|
||||||
/* @group content base */
|
/* @group content base */
|
||||||
.jumbotron.header {
|
.jumbotron.header {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 0;
|
||||||
background-color: #232323;
|
background-color: #232323;
|
||||||
color: white;
|
color: white;
|
||||||
.box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
|
.box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
|
||||||
|
|
Reference in a new issue