1
Fork 0

Modify styles on navbar

This commit is contained in:
Jake Howard 2016-01-17 11:24:16 +00:00
parent 586829398e
commit cd9b791874
3 changed files with 6 additions and 8 deletions

View file

@ -25,8 +25,8 @@
right: auto; right: auto;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
.transition(~"ease-in-out .2s all");
} }
.transition(~"ease-in-out .2s all");
&.dropup { &.dropup {
bottom: 100%; bottom: 100%;
top: initial; top: initial;
@ -48,7 +48,7 @@
.navbar { .navbar {
border-radius: 0; border-radius: 0;
.home-button a { .home-button a {
.transition(~"ease-in-out .3s color"); .transition(~"ease-in-out .3 all");
} }
} }

View file

@ -15,8 +15,6 @@
} }
html, body{ html, body{
font-family: @font-family-sans-serif;
font-size: 16px;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }

View file

@ -4,7 +4,7 @@
@gray: lighten(@gray-base, 33.5%); @gray: lighten(@gray-base, 33.5%);
@gray-light: lighten(@gray-base, 46.7%); @gray-light: lighten(@gray-base, 46.7%);
@gray-lighter: lighten(@gray-base, 93.5%); @gray-lighter: lighten(@gray-base, 93.5%);
@brand-primary: darken(#428bca, 6.5%); @brand-primary: #ff7f00;
@brand-success: #5cb85c; @brand-success: #5cb85c;
@brand-info: #5bc0de; @brand-info: #5bc0de;
@brand-warning: #f0ad4e; @brand-warning: #f0ad4e;
@ -18,7 +18,7 @@
@font-family-serif: 'Roboto'; @font-family-serif: 'Roboto';
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base: @font-family-sans-serif; @font-family-base: @font-family-sans-serif;
@font-size-base: 14px; @font-size-base: 15px;
@font-size-large: ceil((@font-size-base * 1.25)); @font-size-large: ceil((@font-size-base * 1.25));
@font-size-small: ceil((@font-size-base * 0.85)); @font-size-small: ceil((@font-size-base * 0.85));
@font-size-h1: floor((@font-size-base * 2.6)); @font-size-h1: floor((@font-size-base * 2.6));
@ -103,8 +103,8 @@
@dropdown-fallback-border: #ccc; @dropdown-fallback-border: #ccc;
@dropdown-divider-bg: #e5e5e5; @dropdown-divider-bg: #e5e5e5;
@dropdown-link-color: @gray-dark; @dropdown-link-color: @gray-dark;
@dropdown-link-hover-color: darken(@gray-dark, 5%); @dropdown-link-hover-color: #fff;
@dropdown-link-hover-bg: #f5f5f5; @dropdown-link-hover-bg: darken(@gray-dark, 30%);
@dropdown-link-active-color: @component-active-color; @dropdown-link-active-color: @component-active-color;
@dropdown-link-active-bg: @component-active-bg; @dropdown-link-active-bg: @component-active-bg;
@dropdown-link-disabled-color: @gray-light; @dropdown-link-disabled-color: @gray-light;