diff options
| author | Sam Potts <me@sampotts.me> | 2016-08-20 17:46:05 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-08-20 17:46:05 +1000 |
| commit | fc45ab48c932c6ecb810ed6456ff824ef43be73c (patch) | |
| tree | 557e7520a47f00c89410f124d418722627e0e86e /src/less/variables.less | |
| parent | 6425a33ccd015a4e21545669c0774e2f12d1c47f (diff) | |
| parent | 58e9b02405ccd3c3502bbf221097aa0604796769 (diff) | |
| download | plyr-fc45ab48c932c6ecb810ed6456ff824ef43be73c.tar.lz plyr-fc45ab48c932c6ecb810ed6456ff824ef43be73c.tar.xz plyr-fc45ab48c932c6ecb810ed6456ff824ef43be73c.zip | |
Merge branch 'master' into develop
# Conflicts:
# src/js/plyr.js
Diffstat (limited to 'src/less/variables.less')
| -rw-r--r-- | src/less/variables.less | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/less/variables.less b/src/less/variables.less index 0b2d0895..041eec20 100644 --- a/src/less/variables.less +++ b/src/less/variables.less @@ -11,33 +11,35 @@ // Colors @plyr-color-main: #3498db; -// Font sizes +// Font +@plyr-font-family: 'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif; @plyr-font-size-small: 14px; @plyr-font-size-base: 16px; // Captions -@plyr-captions-bg: fade(#000, 70%); -@plyr-captions-color: #fff; +@plyr-captions-bg: fade(#000, 70%); +@plyr-captions-color: #fff; @plyr-font-size-captions-base: @plyr-font-size-base; @plyr-font-size-captions-medium: ceil(@plyr-font-size-base * 1.5); @plyr-font-size-captions-large: (@plyr-font-size-base * 2); // Controls +@plyr-control-icon-size: 18px; @plyr-control-spacing: 10px; +@plyr-control-padding: (@plyr-control-spacing * .7); @plyr-video-controls-bg: #000; @plyr-video-control-color: #fff; @plyr-video-control-color-hover: #fff; @plyr-video-control-bg-hover: @plyr-color-main; @plyr-audio-controls-bg: #fff; @plyr-audio-controls-border: 1px solid #dbe3e8; -@plyr-audio-controls-box-shadow: 0 1px 1px fade(#000, 5%); @plyr-audio-control-color: #565D64; @plyr-audio-control-color-hover: #fff; @plyr-audio-control-bg-hover: @plyr-color-main; // Tooltips @plyr-tooltip-bg: fade(#000, 70%); -@plyr-tooltip-color: #fff; +@plyr-tooltip-color: #fff; @plyr-tooltip-padding: (@plyr-control-spacing / 2); @plyr-tooltip-arrow-size: 4px; @plyr-tooltip-radius: 3px; @@ -62,7 +64,7 @@ @plyr-range-thumb-active-scale: 1.25; @plyr-video-range-track-bg: @plyr-video-progress-buffered-bg; @plyr-audio-range-track-bg: @plyr-audio-progress-buffered-bg; -@plyr-range-selected-bg: @plyr-color-main; +@plyr-range-selected-bg: @plyr-color-main; // Breakpoints @plyr-bp-screen-sm: 480px; |