zu 0.3.3

Yew web components, implementing Material Design
Documentation
// Copyright (c) 2024 Xu Shaohua <shaohua@biofan.org>. All rights reserved.
// Use of this source is governed by Lesser General Public License
// that can be found in the LICENSE file.


/* Styles for Slider */

// Styles applied to the root element.
.ZuSlider-root {

}

// Styles applied to the root element if color="primary".
.ZuSlider-colorPrimary {

}

// Styles applied to the root element if color="secondary".
.ZuSlider-colorSecondary {

}

// Styles applied to the root element if marks is provided with at least one label.
.ZuSlider-marked {

}

// Styles applied to the root element if orientation="vertical".
.ZuSlider-vertical {

}

// State class applied to the root and thumb element if disabled={true}.
.ZuSlider-disabled {

}

// State class applied to the root if a thumb is being dragged.
.ZuSlider-dragging {

}

// Styles applied to the rail element.
.ZuSlider-rail {

}

// Styles applied to the track element.
.ZuSlider-track {

}

// Styles applied to the root element if track={false}.
.ZuSlider-trackFalse {

}

// Styles applied to the root element if track="inverted".
.ZuSlider-trackInverted {

}

// Styles applied to the thumb element.
.ZuSlider-thumb {

}

// State class applied to the thumb element if it's active.
.ZuSlider-active {

}

// State class applied to the thumb element if keyboard focused.
.ZuSlider-focusVisible {

}

// Styles applied to the mark element.
.ZuSlider-mark {

}

// Styles applied to the mark element if active (depending on the value).
.ZuSlider-markActive {

}

// Styles applied to the mark label element.
.ZuSlider-markLabel {

}

// Styles applied to the mark label element if active (depending on the value).
.ZuSlider-markLabelActive {

}

// Styles applied to the root element if size="small".
.ZuSlider-sizeSmall {

}

// Styles applied to the thumb element if color="primary".
.ZuSlider-thumbColorPrimary {

}

// Styles applied to the thumb element if color="secondary".
.ZuSlider-thumbColorSecondary {

}

// Styles applied to the thumb element if size="small".
.ZuSlider-thumbSizeSmall {

}

// Styles applied to the thumb label element.
.ZuSlider-valueLabel {

}

// Styles applied to the thumb label element if it's open.
.ZuSlider-valueLabelOpen {

}

// Styles applied to the thumb label's circle element.
.ZuSlider-valueLabelCircle {

}

// Styles applied to the thumb label's label element.
.ZuSlider-valueLabelLabel {

}