1
Fork 0
This repository has been archived on 2023-03-26. You can view files and clone it, but cannot push or open issues or pull requests.
theorangeone.net-legacy/static/src/less/navbar.less

144 lines
2.4 KiB
Text
Raw Normal View History

2016-01-02 23:29:02 +00:00
#navigation {
2016-01-08 17:42:36 +00:00
@media (min-width: @screen-xs-max) {
.flexbox();
justify-content: center;
float: none;
}
2016-01-02 23:29:02 +00:00
& a {
.transition(~"ease-in-out .3s color");
}
& > li {
2016-02-28 22:27:01 +00:00
height: @navbar-height;
2016-01-02 23:29:02 +00:00
@media (min-width: @screen-md-min) {
margin-right: 23px;
}
}
2016-01-24 21:09:17 +00:00
.dropdown-toggle, & > li > a {
2016-02-28 22:27:01 +00:00
font-size: 19px;
}
2016-01-08 19:05:50 +00:00
.dropdown-menu {
@media (min-width: @screen-sm) {
right: auto;
left: 50%;
transform: translate(-50%, 0);
}
2016-01-17 11:24:16 +00:00
.transition(~"ease-in-out .2s all");
2016-01-08 19:05:50 +00:00
&.dropup {
bottom: 100%;
top: initial;
}
&.dropdown {
top: 100%;
bottom: initial;
}
.open & {
opacity: 1;
}
}
2016-01-02 23:29:02 +00:00
}
2016-01-08 19:05:50 +00:00
2016-01-03 17:51:14 +00:00
.navbar {
max-height: @navbar-height;
2016-01-03 17:51:14 +00:00
border-radius: 0;
2016-02-28 22:27:01 +00:00
border: none;
2016-01-08 19:05:50 +00:00
.home-button a {
2016-01-17 11:24:16 +00:00
.transition(~"ease-in-out .3 all");
2016-01-08 19:05:50 +00:00
}
2016-01-03 17:51:14 +00:00
}
2016-01-02 23:29:02 +00:00
.navbar-nav.nav {
margin: 0;
}
2016-01-08 19:05:50 +00:00
.navbar-toggle {
right: 10px;
}
2016-01-02 23:29:02 +00:00
#navbar-container {
2016-02-28 22:27:01 +00:00
margin: 0;
z-index: 10000;
2016-01-10 22:09:47 +00:00
@media (max-width: @screen-xs-max) {
width: 96%;
left: 2%;
}
@media (min-width: @screen-sm-min) {
width: 100%;
}
2016-01-29 22:56:59 +00:00
i + *, .glyphicon + * {
2016-01-10 21:47:29 +00:00
margin-left: 5px;
2016-01-08 19:05:50 +00:00
}
2016-01-02 23:29:02 +00:00
& .container-fluid{
padding-right: 0;
padding-left: 0;
}
&.align {
@media (min-width: @screen-sm) {
2016-02-28 22:27:01 +00:00
position: initial;
height: @navbar-height;
2016-01-02 23:29:02 +00:00
}
@media (max-width: @screen-sm) {
position: fixed;
top: 0;
2016-01-08 19:05:50 +00:00
width: 95%;
2016-01-02 23:29:02 +00:00
}
}
}
#navbar-anchor {
position: absolute;
height: @navbar-height;
2016-01-02 23:29:02 +00:00
}
2016-01-08 19:05:50 +00:00
@media (min-width: @screen-xs-max) {
.home-button {
margin-right: 15px !important;
}
2016-01-02 23:29:02 +00:00
}
#navbar {
margin: 0;
padding: 0;
}
.navbar-brand {
margin-left: 15px;
}
2016-01-03 15:04:46 +00:00
.stick-top {
position: fixed;
top: 0;
z-index: 10000;
}
2016-01-05 14:11:26 +00:00
2016-01-08 17:42:36 +00:00
/* @group Header Navbar*/
2016-02-28 22:27:01 +00:00
@media (min-width: @screen-sm-min) {
.header {
2016-01-08 17:42:36 +00:00
#navbar-container {
margin: 0 auto;
2016-02-28 22:27:01 +00:00
width: 110%;
margin-left: -5%;
&:not(.stick-top) {
position: initial;
}
&.stick-top {
@container-size: 720px;
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;
}
}
2016-01-08 17:42:36 +00:00
}
2016-02-28 22:27:01 +00:00
}
2016-01-08 17:42:36 +00:00
}
/* @end Header Navbar*/