ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More work on variable usage

Browse Source
This commit is contained in:
Sam Potts
2019-04-11 20:50:20 +10:00
parent 848e798809
commit 996075decc
13 changed files with 69 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/sass/settings/colors.scss
View File

@ -2,7 +2,7 @@
// Colors
// ==========================================================================
$plyr-color-main: #1aafff !default;
$plyr-color-main: #fff !default;
$plyr-color-gunmetal: #2f343d !default;
$plyr-color-fiord: #4f5b5f !default;
$plyr-color-lynch: #6b7d85 !default;

2
src/sass/settings/controls.scss
View File

@ -9,7 +9,7 @@ $plyr-control-radius: 3px !default;
$plyr-video-controls-bg: #000 !default;
$plyr-video-control-color: #fff !default;
$plyr-video-control-color-hover: #fff !default;
$plyr-video-control-color-hover: #000 !default;
$plyr-video-control-bg-hover: var(--plyr-color-main) !default;
$plyr-audio-controls-bg: #fff !default;

20
src/sass/settings/type.scss
View File

@ -8,9 +8,9 @@ $plyr-font-size-small: 14px !default;
$plyr-font-size-large: 18px !default;
$plyr-font-size-xlarge: 21px !default;
$plyr-font-size-time: $plyr-font-size-small !default;
$plyr-font-size-time: var(--plyr-font-size-small) !default;
$plyr-font-size-badge: 9px !default;
$plyr-font-size-menu: $plyr-font-size-small !default;
$plyr-font-size-menu: var(--plyr-font-size-small) !default;
$plyr-font-weight-regular: 500 !default;
$plyr-font-weight-bold: 600 !default;
@ -18,3 +18,19 @@ $plyr-font-weight-bold: 600 !default;
$plyr-line-height: 1.7 !default;
$plyr-font-smoothing: false !default;
@include css-vars(
(
--plyr-font-family: $plyr-font-family,
--plyr-font-size-base: $plyr-font-size-base,
--plyr-font-size-small: $plyr-font-size-small,
--plyr-font-size-large: $plyr-font-size-large,
--plyr-font-size-xlarge: $plyr-font-size-xlarge,
--plyr-font-size-time: $plyr-font-size-time,
--plyr-font-size-badge: $plyr-font-size-badge,
--plyr-font-size-menu: $plyr-font-size-menu,
--plyr-font-weight-regular: $plyr-font-weight-regular,
--plyr-font-weight-bold: $plyr-font-weight-bold,
--plyr-line-height: $plyr-line-height
)
);