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 {
|
||||
@media (min-width: @screen-xs-max) {
|
||||
.flexbox();
|
||||
justify-content: center;
|
||||
float: none;
|
||||
}
|
||||
& a {
|
||||
.transition(~"ease-in-out .3s color");
|
||||
}
|
||||
|
@ -100,6 +102,21 @@
|
|||
z-index: 10000;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-xs-max) {
|
||||
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/theme";
|
||||
@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/normalize.css/normalize.css";
|
||||
@import 'homepage';
|
||||
|
@ -122,7 +122,7 @@ footer {
|
|||
/* @group content base */
|
||||
.jumbotron.header {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-bottom: 0;
|
||||
background-color: #232323;
|
||||
color: white;
|
||||
.box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
|
||||
|
|
Reference in a new issue