diff options
| author | Sam Potts <sam@potts.es> | 2020-04-11 16:23:14 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-04-11 16:23:14 +1000 |
| commit | 502d5977d79148957828cbf313b7ef4c9f31973f (patch) | |
| tree | 71bbffcffc9745c5b672a122f3937519ba67c1c4 /src/sass/settings/colors.scss | |
| parent | 8f5b59c18cc7837bde9af55d24d12e1fd939043d (diff) | |
| download | plyr-502d5977d79148957828cbf313b7ef4c9f31973f.tar.lz plyr-502d5977d79148957828cbf313b7ef4c9f31973f.tar.xz plyr-502d5977d79148957828cbf313b7ef4c9f31973f.zip | |
Converted to 2 space indentation
Diffstat (limited to 'src/sass/settings/colors.scss')
| -rw-r--r-- | src/sass/settings/colors.scss | 38 |
1 files changed, 11 insertions, 27 deletions
diff --git a/src/sass/settings/colors.scss b/src/sass/settings/colors.scss index 6c9b0a3f..f1364905 100644 --- a/src/sass/settings/colors.scss +++ b/src/sass/settings/colors.scss @@ -2,32 +2,16 @@ // Colors // ========================================================================== -$plyr-color-main: hsl(198, 100%, 50%) !default; +$plyr-color-main: var(--plyr-color-main, hsl(198, 100%, 50%)) !default; // Grayscale -$plyr-color-gray-900: hsl(210, 15%, 16%); -$plyr-color-gray-800: lighten($plyr-color-gray-900, 9%); -$plyr-color-gray-700: lighten($plyr-color-gray-800, 9%); -$plyr-color-gray-600: lighten($plyr-color-gray-700, 9%); -$plyr-color-gray-500: lighten($plyr-color-gray-600, 9%); -$plyr-color-gray-400: lighten($plyr-color-gray-500, 9%); -$plyr-color-gray-300: lighten($plyr-color-gray-400, 9%); -$plyr-color-gray-200: lighten($plyr-color-gray-300, 9%); -$plyr-color-gray-100: lighten($plyr-color-gray-200, 9%); -$plyr-color-gray-50: lighten($plyr-color-gray-100, 9%); - -@include css-vars( - ( - --plyr-color-main: $plyr-color-main, - --plyr-color-gray-900: $plyr-color-gray-900, - --plyr-color-gray-800: $plyr-color-gray-800, - --plyr-color-gray-700: $plyr-color-gray-700, - --plyr-color-gray-600: $plyr-color-gray-600, - --plyr-color-gray-500: $plyr-color-gray-500, - --plyr-color-gray-400: $plyr-color-gray-400, - --plyr-color-gray-300: $plyr-color-gray-300, - --plyr-color-gray-200: $plyr-color-gray-200, - --plyr-color-gray-100: $plyr-color-gray-100, - --plyr-color-gray-50: $plyr-color-gray-50 - ) -); +$plyr-color-gray-900: hsl(216, 15%, 16%) !default; +$plyr-color-gray-800: hsl(216, 15%, 25%) !default; +$plyr-color-gray-700: hsl(216, 15%, 34%) !default; +$plyr-color-gray-600: hsl(216, 15%, 43%) !default; +$plyr-color-gray-500: hsl(216, 15%, 52%) !default; +$plyr-color-gray-400: hsl(216, 15%, 61%) !default; +$plyr-color-gray-300: hsl(216, 15%, 70%) !default; +$plyr-color-gray-200: hsl(216, 15%, 79%) !default; +$plyr-color-gray-100: hsl(216, 15%, 88%) !default; +$plyr-color-gray-50: hsl(216, 15%, 97%) !default; |