@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
52 lines (44 loc) • 1.18 kB
text/less
/* ============================= */
/* CSS for control sap.m/Slider */
/* High Contrast Black theme */
/* ============================= */
/* slider */
.sapMSliderInner {
border: 1px solid @sapUiFieldBorderColor;
background: @sapUiFieldBackground;
}
.sapMSliderInner,
.sapMSliderProgress {
height: 0.188rem;
border-radius: 0.125rem;
}
/* slider handle */
.sapMSliderHandle {
background: transparent;
border: 0.125rem solid @sapUiFieldBorderColor;
&:focus:before {
top: -0.3125rem;
bottom: -0.3125rem;
left: -0.3125rem;
right: -0.3125rem;
}
}
/* hover */
html.sap-desktop .sapMSliderHandle:not(.sapMSliderInnerDisabled ):hover {
background: @sapUiFieldActiveBackground;
}
/* pressed */
.sapMSliderPressed:not(.sapMSliderInnerDisabled ) > .sapMSliderHandle {
background: @sapUiFieldActiveBackground;
border: 0.125rem solid @sapUiFieldActiveBorderColor;
}
.sapMSliderInnerDisabled {
border: 0.063rem solid @sapUiHcReducedAltForeground;
}
.sapMSliderInnerDisabled .sapMSliderProgress {
background: @sapUiHcReducedBackground;
}
.sapMSliderInnerDisabled > .sapMSliderHandle {
background: transparent;
border:0.125rem solid @sapUiHcReducedForeground;
}