mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
41 lines
827 B
SCSS
41 lines
827 B
SCSS
// Typography
|
|
$base-font-family: $font-stack-system;
|
|
$heading-font-family: $base-font-family;
|
|
|
|
// Line height
|
|
$base-line-height: 1.5;
|
|
$heading-line-height: 1.2;
|
|
|
|
// Other Sizes
|
|
$base-border-radius: 3px;
|
|
$base-spacing: 1.5em;
|
|
$small-spacing: $base-spacing / 2;
|
|
$base-z-index: 0;
|
|
|
|
// Colors
|
|
$blue: #1565c0;
|
|
$dark-gray: #333;
|
|
$medium-gray: #999;
|
|
$light-gray: #ddd;
|
|
|
|
// Font Colors
|
|
$base-font-color: $light-gray;
|
|
$action-color: $light-gray;
|
|
|
|
// Border
|
|
$base-border-color: $light-gray;
|
|
$base-border: 1px solid $base-border-color;
|
|
|
|
// Background Colors
|
|
$viewport-background-color: #fff;
|
|
|
|
// Focus
|
|
$focus-outline-color: transparentize($action-color, 0.4);
|
|
$focus-outline-width: 3px;
|
|
$focus-outline: $focus-outline-width solid $focus-outline-color;
|
|
$focus-outline-offset: 2px;
|
|
|
|
// Animations
|
|
$base-duration: 150ms;
|
|
$base-timing: ease;
|