@@ -681,18 +681,17 @@ overrides =
681681 ++ dot classes.any
682682 ++ dot classes.container
683683 ++ " { flex-basis: auto !important; }}"
684− ++ sliderOverrides
684+ ++ sliderReset
685+ ++ trackReset
686+ ++ thumbReset
685687 ++ explainer
686688
687689
688−sliderOverrides =
690+sliderReset =
689691 """
690−
691−/* General Input Reset */
692692input[type=range] {
693− -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
694− /* width: 100%; Specific width is required for Firefox. */
695− background: transparent; /* Otherwise white in Chrome */
693+ -webkit-appearance: none;
694+ background: transparent;
696695 position:absolute;
697696 left:0;
698697 top:0;
@@ -702,8 +701,11 @@ input[type=range] {
702701 height: 100%;
703702 opacity: 0;
704703}
704+"""
705+
705706
706−/* Hide all syling for track */
707+trackReset =
708+ """
707709input[type=range]::-moz-range-track {
708710 background: transparent;
709711 cursor: pointer;
@@ -716,8 +718,11 @@ input[type=range]::-webkit-slider-runnable-track {
716718 background: transparent;
717719 cursor: pointer;
718720}
721+"""
719722
720−/* Thumbs */
723+
724+thumbReset =
725+ """
721726input[type=range]::-webkit-slider-thumb {
722727 -webkit-appearance: none;
723728 opacity: 0.5;
@@ -1565,6 +1570,12 @@ baseSheet =
15651570 [ Prop "display" "inline"
15661571 , Prop "white-space" "normal"
15671572 ]
1573+ , Child (dot classes.single)
1574+ [ Child (dot classes.text)
1575+ [ Prop "display" "inline"
1576+ , Prop "white-space" "normal"
1577+ ]
1578+ ]
15681579 ]
15691580 , Child (dot classes.row)
15701581 [ Prop "display" "inline-flex"