// 字体主题相关的变量值：
$font-color:#409eff;

// 播放器尺寸相关的变量值：
$player-width: 700px;
$player-height: 450px;

// 控制器相关的变量值：
$control-bar-height: 41px;

// 进度条相关的变量值：
$progress-bar-height-hover: 5px;
$progress-bar-height: 3px;


// 时间显示相关的变量值：
$time-display-color: #fff;
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
// JS 与 scss 共享变量，在 scss 中通过 :export 进行导出，在 js 中可通过 ESM 进行导入
:export {
  fontColor: $font-color;
  playerWidth: $player-width;
  playerHeight: $player-height;
  controlBarHeight: $control-bar-height;
  progressBarHeighthover: $progress-bar-height-hover;
  progressBarHeight: $progress-bar-height;
  timeDisplayColor: $time-display-color;
}