diff options
author | Sam Potts <sam@potts.es> | 2020-04-24 00:32:16 +1000 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2020-04-24 00:32:16 +1000 |
commit | 3b521f73bd773dcb530746db47c90dbb1349b70b (patch) | |
tree | 371bb120c654d55d0016792b9412fc122735c1b8 /demo/src/sass/settings/plyr.scss | |
parent | 27126b20bc5d2a3a8947c363d1f1887533f69688 (diff) | |
parent | 68137aa789b195b26d4306eaebc7fee2f8eb3374 (diff) | |
download | plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.lz plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.xz plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.zip |
Merge branch 'develop' of github.com:sampotts/plyr into develop
# Conflicts:
# package.json
# yarn.lock
Diffstat (limited to 'demo/src/sass/settings/plyr.scss')
-rw-r--r-- | demo/src/sass/settings/plyr.scss | 35 |
1 files changed, 14 insertions, 21 deletions
diff --git a/demo/src/sass/settings/plyr.scss b/demo/src/sass/settings/plyr.scss index edd917c4..05190709 100644 --- a/demo/src/sass/settings/plyr.scss +++ b/demo/src/sass/settings/plyr.scss @@ -2,24 +2,17 @@ // Plyr Settings // ========================================================================== -// Font -$plyr-font-family: inherit; - -// Sizes -$plyr-font-size-base: 13px; -$plyr-font-size-small: 12px; -$plyr-font-size-time: 11px; -$plyr-font-size-badges: 9px; - -// Other -$plyr-font-smoothing: true; - -// Colors -$plyr-color-main: $color-brand-primary; - -// Captions -$plyr-font-size-captions-base: $plyr-font-size-base; -$plyr-font-size-captions-small: $plyr-font-size-small; -$plyr-font-size-captions-medium: 18px; -$plyr-font-size-captions-large: 21px; -$plyr-font-size-menu: $plyr-font-size-base; +@include css-vars( + ( + --plyr-color-main: $color-brand-primary, + --plyr-font-size-base: 13px, + --plyr-font-size-small: 12px, + --plyr-font-size-time: 11px, + --plyr-font-size-badges: 9px, + --plyr-font-size-menu: var(--plyr-font-size-base), + --plyr-font-weight-regular: 500, + --plyr-font-weight-bold: 600, + --plyr-font-size-captions-medium: 18px, + --plyr-font-size-captions-large: 21px, + ) +); |