mcg/mlpcardgame
2
0
Fork 0
Code Issues 23 Pull requests 1 Releases Wiki Activity

Make textboxes look dark

Browse source
This commit is contained in:
Hamcha 2019-09-10 10:03:08 +02:00
parent 761baaf461
commit 8f0e18f829
Signed by: hamcha
GPG key ID: 44AD3571EB09A39E
1 changed files with 42 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/assets/scss/_variables.scss
View file

@ -28,7 +28,19 @@ $red: hsl(348, 100%, 61%) !default;
// Typography // Typography
$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default; $family-sans-serif: BlinkMacSystemFont,
-apple-system,
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
"Fira Sans",
"Droid Sans",
"Helvetica Neue",
"Helvetica",
"Arial",
sans-serif !default;
$family-monospace: monospace !default; $family-monospace: monospace !default;
$render-mode: optimizeLegibility !default; $render-mode: optimizeLegibility !default;
@ -53,11 +65,11 @@ $gap: 32px !default;
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16 // 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
$tablet: 769px !default; $tablet: 769px !default;
// 960px container + 4rem // 960px container + 4rem
$desktop: 960px + (2 * $gap) !default; $desktop: 960px+(2 * $gap) !default;
// 1152px container + 4rem // 1152px container + 4rem
$widescreen: 1152px + (2 * $gap) !default; $widescreen: 1152px+(2 * $gap) !default;
// 1344px container + 4rem; // 1344px container + 4rem;
$fullhd: 1344px + (2 * $gap) !default; $fullhd: 1344px+(2 * $gap) !default;
// Miscellaneous // Miscellaneous
@ -72,7 +84,6 @@ $speed: 86ms !default;
$variable-columns: true !default; $variable-columns: true !default;
// The default Bulma derived variables are declared below // The default Bulma derived variables are declared below
$primary: $turquoise !default; $primary: $turquoise !default;
@ -150,3 +161,11 @@ $size-small: $size-7 !default;
$size-normal: $size-6 !default; $size-normal: $size-6 !default;
$size-medium: $size-5 !default; $size-medium: $size-5 !default;
$size-large: $size-4 !default; $size-large: $size-4 !default;
// Input box styling
$input-color: $white;
$input-background-color: $black-ter;
$input-border-color: $grey-darker;
$input-focus-border-color: $turquoise;
$input-hover-border-color: scale-color($turquoise, $lightness: -30%);