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

Fixed mobile navbar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -20,9 +20,11 @@
} }
#navigation { #navigation {
@media (min-width: @screen-xs-max) {
.flexbox(); .flexbox();
justify-content: center; justify-content: center;
float: none; 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;
} }
@media (min-width: @screen-xs-max) {
navbar + * { navbar + * {
margin-top: 52px; 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*/

4
static/src/less/style.less
View file

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