display: inline-block;
}
+.slider::before {
+ position: relative;
+ left: 16px;
+}
+
.slider {
margin: 4px 0;
position: relative;
label {
display: inline-block;
+ width: 16px;
position: relative;
- width: 0;
- height: 16px;
- right: 32px;
- top: -5px;
+ left: -16px;
+ top: -2px;
}
.slider.lineLength::before {
.slider.amplitude::after {
mask-image: url('/images/ha.svg');
}
+
+.slider.phase::before {
+ mask-image: url('/images/unphased.svg');
+}
+
+.slider.phase::after {
+ mask-image: url('/images/phased.svg');
+}