aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-11-08 23:18:04 +1100
committerSam Potts <sam@potts.es>2018-11-08 23:18:04 +1100
commite2fc20ca76322b4183385bad40582f75d11d509f (patch)
tree86b74f64bb9874c8d42f20375746e5516d0e1606
parent37c3f7109ddf56bd7bd8f1fa0b06a6b0c835f815 (diff)
downloadplyr-e2fc20ca76322b4183385bad40582f75d11d509f.tar.lz
plyr-e2fc20ca76322b4183385bad40582f75d11d509f.tar.xz
plyr-e2fc20ca76322b4183385bad40582f75d11d509f.zip
Styling tweaks
-rw-r--r--demo/src/sass/lib/fontface.scss9
-rw-r--r--demo/src/sass/settings/plyr.scss3
-rw-r--r--src/sass/settings/sliders.scss2
-rw-r--r--src/sass/settings/type.scss2
4 files changed, 11 insertions, 5 deletions
diff --git a/demo/src/sass/lib/fontface.scss b/demo/src/sass/lib/fontface.scss
index e7e4edf8..d104c501 100644
--- a/demo/src/sass/lib/fontface.scss
+++ b/demo/src/sass/lib/fontface.scss
@@ -7,7 +7,8 @@
font-family: 'Gordita';
font-style: normal;
font-weight: $font-weight-light;
- src: url('https://cdn.plyr.io/static/fonts/gordita-light.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-light.woff') format('woff');
+ src: url('https://cdn.plyr.io/static/fonts/gordita-light.woff2') format('woff2'),
+ url('https://cdn.plyr.io/static/fonts/gordita-light.woff') format('woff');
}
@font-face {
@@ -33,7 +34,8 @@
font-family: 'Gordita';
font-style: normal;
font-weight: $font-weight-bold;
- src: url('https://cdn.plyr.io/static/fonts/gordita-bold.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-bold.woff') format('woff');
+ src: url('https://cdn.plyr.io/static/fonts/gordita-bold.woff2') format('woff2'),
+ url('https://cdn.plyr.io/static/fonts/gordita-bold.woff') format('woff');
}
@font-face {
@@ -41,5 +43,6 @@
font-family: 'Gordita';
font-style: normal;
font-weight: $font-weight-black;
- src: url('https://cdn.plyr.io/static/fonts/gordita-black.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-black.woff') format('woff');
+ src: url('https://cdn.plyr.io/static/fonts/gordita-black.woff2') format('woff2'),
+ url('https://cdn.plyr.io/static/fonts/gordita-black.woff') format('woff');
}
diff --git a/demo/src/sass/settings/plyr.scss b/demo/src/sass/settings/plyr.scss
index 44f89bb2..ae6be636 100644
--- a/demo/src/sass/settings/plyr.scss
+++ b/demo/src/sass/settings/plyr.scss
@@ -11,6 +11,9 @@ $plyr-font-size-small: 12px;
$plyr-font-size-time: 11px;
$plyr-font-size-badges: 9px;
+// Other
+$plyr-font-smoothing: true;
+
// Captions
$plyr-font-size-captions-base: $plyr-font-size-base;
$plyr-font-size-captions-small: $plyr-font-size-small;
diff --git a/src/sass/settings/sliders.scss b/src/sass/settings/sliders.scss
index 3c75b797..86d8de54 100644
--- a/src/sass/settings/sliders.scss
+++ b/src/sass/settings/sliders.scss
@@ -12,7 +12,7 @@ $plyr-range-thumb-border: 2px solid transparent !default;
$plyr-range-thumb-shadow: 0 1px 1px rgba(#000, 0.15), 0 0 0 1px rgba($plyr-color-gunmetal, 0.2) !default;
// Track
-$plyr-range-track-height: 6px !default;
+$plyr-range-track-height: 4px !default;
$plyr-range-max-height: ($plyr-range-thumb-active-shadow-width * 2) + $plyr-range-thumb-height !default;
// Fill
diff --git a/src/sass/settings/type.scss b/src/sass/settings/type.scss
index 351ebd18..79cb57de 100644
--- a/src/sass/settings/type.scss
+++ b/src/sass/settings/type.scss
@@ -17,4 +17,4 @@ $plyr-font-weight-bold: 600 !default;
$plyr-line-height: 1.7 !default;
-$plyr-font-smoothing: true !default;
+$plyr-font-smoothing: false !default;