client/src/sass/player/_player-variables.scss

   1 @use 'sass:color';
   2
   3 @use 'bootstrap/scss/functions' as *;
   4
   5 $primary-foreground-color: #fff;
   6 $primary-foreground-opacity: 0.9;
   7 $primary-foreground-opacity-hover: 1;
   8 $primary-background-color: rgba(0, 0, 0, 0.8);
   9
  10 $font-size: 13px;
  11
  12 $control-bar-height: 38px;
  13 $control-bar-icon-size: 26px;
  14 $control-bar-volume-slider-height: 14px;
  15 $control-bar-slider-top: -15px;
  16 $control-bar-font-size: 14px;
  17 $control-bar-play-font-size: 34px;
  18 $control-bar-next-previous-play-font-size: 14px;
  19 $control-bar-button-width: 38px;
  20
  21 $control-bar-total-height: $control-bar-height - $control-bar-slider-top;
  22
  23 $slider-bg-color: color.adjust($primary-background-color, $lightness: 33%);
  24
  25 $progress-margin: 10px;
  26
  27 $dock-padding: 20px;
  28
  29 $first-control-bar-element-margin-left: 10px;
  30 $first-control-bar-element-margin-left-small-width: 5px;
  31
  32 $screen-width-750: 750px;
  33 $screen-width-570: 570px;
  34 $screen-width-350: 350px;
  35
  36 $assets-path: '../../assets/' !default;