@@ -681,18 +681,17 @@ overrides =
681 ++ dot classes.any
681 ++ dot classes.any
682 ++ dot classes.container
682 ++ dot classes.container
683 ++ " { flex-basis: auto !important; }}"
683 ++ " { flex-basis: auto !important; }}"
684− ++ sliderOverrides
684+ ++ sliderReset
685 ++ explainer
687 ++ explainer
688−sliderOverrides =
690+sliderReset =
691−/* General Input Reset */
692input[type=range] {
692input[type=range] {
693− -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
693+ -webkit-appearance: none;
694− /* width: 100%; Specific width is required for Firefox. */
695− background: transparent; /* Otherwise white in Chrome */
694+ background: transparent;
696 position:absolute;
695 position:absolute;
@@ -702,8 +701,11 @@ input[type=range] {
702 height: 100%;
701 height: 100%;
703 opacity: 0;
702 opacity: 0;
706−/* Hide all syling for track */
707+trackReset =
707input[type=range]::-moz-range-track {
709input[type=range]::-moz-range-track {
708 background: transparent;
710 background: transparent;
709 cursor: pointer;
711 cursor: pointer;
@@ -716,8 +718,11 @@ input[type=range]::-webkit-slider-runnable-track {
716 background: transparent;
718 background: transparent;
717 cursor: pointer;
719 cursor: pointer;
721input[type=range]::-webkit-slider-thumb {
726input[type=range]::-webkit-slider-thumb {
722 -webkit-appearance: none;
727 -webkit-appearance: none;
723 opacity: 0.5;
728 opacity: 0.5;
@@ -1565,6 +1570,12 @@ baseSheet =
1565 [ Prop "display" "inline"
1570 [ Prop "display" "inline"
1566 , Prop "white-space" "normal"
1571 , Prop "white-space" "normal"
1573+ , Child (dot classes.single)
1574+ [ Child (dot classes.text)
1575+ [ Prop "display" "inline"
1576+ , Prop "white-space" "normal"
1569 , Child (dot classes.row)
1580 , Child (dot classes.row)
1570 [ Prop "display" "inline-flex"
1581 [ Prop "display" "inline-flex"