X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2F_player-variables.scss;h=79c87885207fa40c4ec4364dfcd2a53372d39657;hb=adc61ac6a3e53edddb3dd605ccaf372afd1c0b38;hp=4e9e8736c02c1a24c9e2a4d6f7a6c8d0f385a16b;hpb=b6a1dd4d1b3b0032f8b968e72cbd074f646e8827;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss index 4e9e8736c..79c878852 100644 --- a/client/src/sass/player/_player-variables.scss +++ b/client/src/sass/player/_player-variables.scss @@ -1,19 +1,32 @@ $primary-foreground-color: #fff; $primary-foreground-opacity: 0.9; $primary-foreground-opacity-hover: 1; -$primary-background-color: #000; +$primary-background-color: rgba(0, 0, 0, 0.8); $font-size: 13px; -$control-bar-height: 34px; + +$control-bar-height: 38px; +$control-bar-icon-size: 26px; +$control-bar-volume-slider-height: 14px; +$control-bar-slider-top: -15px; +$control-bar-font-size: 14px; +$control-bar-play-font-size: 34px; +$control-bar-next-previous-play-font-size: 14px; +$control-bar-button-width: 38px; + +$control-bar-total-height: $control-bar-height - $control-bar-slider-top; $slider-bg-color: lighten($primary-background-color, 33%); $progress-margin: 10px; -$assets-path: '../../assets/' !default; +$dock-padding: 20px; -body { - --embedForegroundColor: #{$primary-foreground-color}; +$first-control-bar-element-margin-left: 10px; +$first-control-bar-element-margin-left-small-width: 5px; - --embedBigPlayBackgroundColor: #{$primary-background-color}; -} +$screen-width-750: 750px; +$screen-width-570: 570px; +$screen-width-350: 350px; + +$assets-path: '../../assets/' !default;