Sha256: b12564c5e20454c1dbd8bc8ea1481adced042ba968dd227e8af2d05e52f22bec
Contents?: true
Size: 1.81 KB
Versions: 54
Compression:
Stored size: 1.81 KB
Contents
@import "mixins/components.ranges";
.c-range {
@include range--color;
width: $range-width;
padding: $range-padding;
outline: 0;
-webkit-appearance: none;
}
.c-range--brand {
@include range--color($range-brand-background-color);
}
.c-range--info {
@include range--color($range-info-background-color);
}
.c-range--warning {
@include range--color($range-warning-background-color);
}
.c-range--success {
@include range--color($range-success-background-color);
}
.c-range--error {
@include range--color($range-error-background-color);
}
.c-range::-webkit-slider-runnable-track {
@include range__track;
}
.c-range::-webkit-slider-thumb {
@include range__thumb;
@include range__thumb--webkit;
}
.c-range::-moz-range-track {
@include range__track;
}
.c-range::-moz-range-thumb {
@include range__thumb;
}
.c-range::-ms-track {
@include range__track;
@include range__track--ms;
}
.c-range::-ms-fill-lower,
.c-range::-ms-fill-upper {
@include range__fill--ms;
}
.c-range::-ms-thumb {
@include range__thumb;
}
.c-range:not(:disabled):active {
&::-webkit-slider-thumb {
@include range__thumb--active;
}
&::-moz-range-thumb {
@include range__thumb--active;
}
&::-ms-thumb {
@include range__thumb--active;
}
}
.c-range:focus {
&::-webkit-slider-thumb {
@include range__thumb--focus;
}
&::-moz-range-thumb {
@include range__thumb--focus;
}
&::-ms-thumb {
@include range__thumb--focus;
}
}
.c-range:disabled {
&::-webkit-slider-thumb {
@include range--disabled;
}
&::-webkit-slider-runnable-track {
@include range--disabled;
}
&::-moz-range-thumb {
@include range--disabled;
}
&::-moz-range-track {
@include range--disabled;
}
&::-ms-thumb {
@include range--disabled;
}
&::-ms-track {
@include range--disabled;
}
}
Version data entries
54 entries across 54 versions & 4 rubygems