diff options
Diffstat (limited to 'javascript/videojs/src/css/_private-variables.scss')
| -rw-r--r-- | javascript/videojs/src/css/_private-variables.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/javascript/videojs/src/css/_private-variables.scss b/javascript/videojs/src/css/_private-variables.scss new file mode 100644 index 0000000..46d7e55 --- /dev/null +++ b/javascript/videojs/src/css/_private-variables.scss @@ -0,0 +1,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; |