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

Use custom properties in demo

Browse Source
This commit is contained in:
Sam Potts 2020-04-23 22:07:32 +10:00
parent a9c4e77d1b
commit a9b24f5e1f
2 changed files with 17 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
demo/src/sass/bundles/demo.scss
View File

@ -3,6 +3,9 @@
// ========================================================================== // ==========================================================================
@charset 'UTF-8'; @charset 'UTF-8';
@import '../../../../src/sass/lib/css-vars';
$css-vars-use-native: true;
// Settings // Settings
@import '../settings/breakpoints'; @import '../settings/breakpoints';
@import '../settings/colors'; @import '../settings/colors';

36
demo/src/sass/settings/plyr.scss
View File

@ -2,25 +2,17 @@
// Plyr Settings // Plyr Settings
// ========================================================================== // ==========================================================================
// Font sizes @include css-vars(
$plyr-font-size-base: 13px; (
$plyr-font-size-small: 12px; --plyr-color-main: $color-brand-primary,
$plyr-font-size-time: 11px; --plyr-font-size-base: 13px,
$plyr-font-size-badges: 9px; --plyr-font-size-small: 12px,
--plyr-font-size-time: 11px,
// Font weight --plyr-font-size-badges: 9px,
$plyr-font-weight-regular: 500; --plyr-font-size-menu: var(--plyr-font-size-base),
$plyr-font-weight-bold: 600; --plyr-font-weight-regular: 500,
--plyr-font-weight-bold: 600,
// Font smoothing --plyr-font-size-captions-medium: 18px,
$plyr-font-smoothing: true; --plyr-font-size-captions-large: 21px
)
// 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;