aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/components/range.less
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2016-05-10 09:35:19 +1000
committerSam Potts <me@sampotts.me>2016-05-10 09:35:19 +1000
commit3f20462943b44850473a9bbad820a550e79665d0 (patch)
treefbfa5e83741dd96b3c336537d1b11136340f3341 /src/less/components/range.less
parent3470d5f5e69bcb7efc1ad60ea5b57ae1403d58eb (diff)
downloadplyr-3f20462943b44850473a9bbad820a550e79665d0.tar.lz
plyr-3f20462943b44850473a9bbad820a550e79665d0.tar.xz
plyr-3f20462943b44850473a9bbad820a550e79665d0.zip
Restore simplicity to LESS file structure
Diffstat (limited to 'src/less/components/range.less')
-rw-r--r--src/less/components/range.less95
1 files changed, 0 insertions, 95 deletions
diff --git a/src/less/components/range.less b/src/less/components/range.less
deleted file mode 100644
index 36282761..00000000
--- a/src/less/components/range.less
+++ /dev/null
@@ -1,95 +0,0 @@
-// Range inputs
-// --------------------------------------------------------------
-
-// Specificity is for bootstrap compatibility
-.plyr input[type='range'] {
- display: block;
- height: (@plyr-range-thumb-height * @plyr-range-thumb-active-scale);
- width: 100%;
- margin: 0;
- padding: 0;
- vertical-align: middle;
-
- appearance: none;
- cursor: pointer;
- border: none;
- background: transparent;
-
- // WebKit
- &::-webkit-slider-runnable-track {
- .plyr-range-track();
- }
- &::-webkit-slider-thumb {
- -webkit-appearance: none;
- margin-top: -((@plyr-range-thumb-height - @plyr-range-track-height) / 2);
- .plyr-range-thumb();
- }
-
- // Mozilla
- &::-moz-range-track {
- .plyr-range-track();
- }
- &::-moz-range-thumb {
- .plyr-range-thumb();
- }
- &::-moz-focus-outer {
- border: 0;
- }
-
- // Microsoft
- &::-ms-track {
- height: @plyr-range-track-height;
- background: transparent;
- border: 0;
- color: transparent;
- }
- &::-ms-fill-upper {
- .plyr-range-track();
- }
- &::-ms-fill-lower {
- .plyr-range-track();
- background: @plyr-range-selected-bg;
- }
- &::-ms-thumb {
- .plyr-range-thumb();
- // For some reason, Edge uses the -webkit margin above
- margin-top: 0;
- }
- &::-ms-tooltip {
- display: none;
- }
-
- // Focus styles
- &:focus {
- outline: 0;
- }
- &::-moz-focus-outer {
- border: 0;
- }
- &.tab-focus:focus {
- outline-offset: 3px;
- }
-
- // Pressed styles
- &:active {
- &::-webkit-slider-thumb {
- .plyr-range-thumb-active();
- }
- &::-moz-range-thumb {
- .plyr-range-thumb-active();
- }
- &::-ms-thumb {
- .plyr-range-thumb-active();
- }
- }
-}
-
-// Video range inputs
-.plyr--video input[type='range'].tab-focus:focus {
- outline: 1px dotted fade(@plyr-video-control-color, 50%);
-}
-
-// Audio range inputs
-.plyr--audio input[type='range'].tab-focus:focus {
- outline: 1px dotted fade(@plyr-audio-control-color, 50%);
-} \ No newline at end of file