1
Fork 0

Fixed mobile navbar

This commit is contained in:
Jake Howard 2016-01-08 17:42:36 +00:00
parent ec8bbcfde3
commit cb691cbea0
2 changed files with 24 additions and 7 deletions

View file

@ -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*/

View file

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