@salla.sa/twilight-components
Version:
Salla Web Component
29 lines (26 loc) • 650 B
CSS
:host {
display: block;
}
.rtl .rtl-range-slider, [dir=rtl] .rtl-range-slider {
transform: rotateY(180deg);
}
.rtl .rtl-range-numbers, [dir=rtl] .rtl-range-numbers {
flex-direction: row-reverse;
}
.rtl .form-select, .rtl select, [dir=rtl] .form-select, [dir=rtl] select {
background-position: left 0.5rem center;
padding-right: 12px;
}
.rtl .menu-divide li:not(:last-child):after, [dir=rtl] .menu-divide li:not(:last-child):after {
left: 0;
right: auto;
}
input[type=range]::-webkit-slider-thumb {
pointer-events: all;
width: 24px;
height: 24px;
-webkit-appearance: none;
}
[type=checkbox]:checked {
background-size: 80%;
}