Modify styles on navbar
This commit is contained in:
parent
586829398e
commit
cd9b791874
3 changed files with 6 additions and 8 deletions
|
@ -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");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Reference in a new issue