blob: 46d7e552f47937f9dd29613e4678e3353ed68e8b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
@use "sass:color";
// Text, icons, hover states
$primary-foreground-color: #fff !default;
// Control backgrounds (control bar, big play, menus)
$primary-background-color: #2B333F !default;
$primary-background-transparency: 0.7 !default;
// Hover states, slider backgrounds
$secondary-background-color: color.adjust($primary-background-color, $lightness: 33%, $space: hsl) !default;
$secondary-background-transparency: 0.5 !default;
// Avoiding helvetica: issue #376
$text-font-family: Arial, Helvetica, sans-serif !default;
// Using the '--' naming for component-specific styles
$big-play-button--border-size: 0.06666em !default;
$big-play-button--width: 3em !default;
$big-play-button--line-height: 1.5em !default;
$big-play-button--height: $big-play-button--line-height + ($big-play-button--border-size * 2) !default;
$big-play-button--transparency: 0.8 !default;
|
