Style fixes
This commit is contained in:
parent
20382b2b14
commit
1ee60ea629
|
@ -4,7 +4,7 @@
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 150;
|
z-index: 150;
|
||||||
background-color: $color-active;
|
background-color: $color-bg-dark;
|
||||||
color: $color-active-font;
|
color: $color-active-font;
|
||||||
border-radius: .2em;
|
border-radius: .2em;
|
||||||
|
|
||||||
|
|
|
@ -9,7 +9,7 @@ vn-login {
|
||||||
color: $color-font;
|
color: $color-font;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
background-color: #3c393b;
|
background-color: $color-bg-dark;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -21,7 +21,7 @@ vn-login {
|
||||||
max-width: 19em;
|
max-width: 19em;
|
||||||
min-width: 15em;
|
min-width: 15em;
|
||||||
padding: 3em;
|
padding: 3em;
|
||||||
background-color: white;
|
background-color: $color-bg-panel;
|
||||||
box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6);
|
box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6);
|
||||||
border-radius: .5em;
|
border-radius: .5em;
|
||||||
|
|
||||||
|
@ -63,12 +63,11 @@ vn-login {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
background-color: white;
|
background-color: $color-bg-panel;
|
||||||
|
|
||||||
& > .box {
|
& > .box {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background-color: white;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -27,6 +27,7 @@ $border-thick: .15em;
|
||||||
|
|
||||||
$color-header: #3d3d3d;
|
$color-header: #3d3d3d;
|
||||||
$color-bg: #e5e5e5;
|
$color-bg: #e5e5e5;
|
||||||
|
$color-bg-dark: #3d3d3d;
|
||||||
$color-font:#222222;
|
$color-font:#222222;
|
||||||
$color-font-secondary: #9b9b9b;
|
$color-font-secondary: #9b9b9b;
|
||||||
$color-active: #3d3d3d;
|
$color-active: #3d3d3d;
|
||||||
|
@ -58,9 +59,10 @@ $color-alert-light: lighten($color-alert, 35%);
|
||||||
/*
|
/*
|
||||||
$color-header: #3d3d3d;
|
$color-header: #3d3d3d;
|
||||||
$color-bg: #222;
|
$color-bg: #222;
|
||||||
|
$color-bg-dark: #222;
|
||||||
$color-font: white;
|
$color-font: white;
|
||||||
$color-font-secondary: #777;
|
$color-font-secondary: #777;
|
||||||
$color-active: #888;
|
$color-active: #666;
|
||||||
$color-active-font: white;
|
$color-active-font: white;
|
||||||
$color-bg-panel: #3c3b3b;
|
$color-bg-panel: #3c3b3b;
|
||||||
$color-main: #f7931e;
|
$color-main: #f7931e;
|
||||||
|
@ -84,4 +86,4 @@ $color-notice-medium: darken($color-notice, 20%);
|
||||||
$color-notice-light: darken($color-notice, 35%);
|
$color-notice-light: darken($color-notice, 35%);
|
||||||
$color-alert-medium: darken($color-alert, 20%);
|
$color-alert-medium: darken($color-alert, 20%);
|
||||||
$color-alert-light: darken($color-alert, 35%);
|
$color-alert-light: darken($color-alert, 35%);
|
||||||
*/
|
/**/
|
Loading…
Reference in New Issue