123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- @import "../variate.less";
- .@{elNamespace}-slider{
- --@{elNamespace}-slider-button-wrapper-size: 22px;
- --@{elNamespace}-slider-button-wrapper-offset: -9px;
- --@{elNamespace}-slider-main-bg-color: var(~'--@{elNamespace}-color-primary');
- --@{elNamespace}-slider-runway-bg-color: var(~'--@{elNamespace}-fill-color');
- --@{elNamespace}-slider-disabled-color: var(~'--@{elNamespace}-text-color-disabled');
- height: 18px;
- .@{elNamespace}-slider__button{
- width: 18px;
- height: 18px;
- box-shadow: var(~'--@{elNamespace}-box-shadow-lighter');
- &:hover{
- transform: unset;
- width: 22px;
- height: 22px;
- }
- }
- .@{elNamespace}-slider__stop {
- display: none;
- }
- .@{elNamespace}-slider__marks{
- .@{elNamespace}-slider__marks-text{
- margin-top: 14px;
- color: var(~'--@{elNamespace}-text-color-secondary');
- transform: unset;
- height: 18px;
- line-height: 18px;
- &:last-of-type {
- transform: translateX(-100%);
- }
- }
- }
- .@{elNamespace}-slider__runway.is-disabled{
- background-color: var(~'--@{elNamespace}-fill-color-light');
- }
- .@{elNamespace}-input{
- --@{elNamespace}-input-border-color: var(~'--@{elNamespace}-border-color');
- }
- .@{elNamespace}-slider__runway.show-input{
- margin-right: 16px;
- }
- .@{elNamespace}-slider__input{
- width: 60px;
- height: 32px;
- .@{elNamespace}-input__wrapper{
- padding: 0;
- .@{elNamespace}-input__inner{
- text-align: left;
- color: var(~'--@{elNamespace}-text-color');
- line-height: 22px;
- height: 22px;
- padding: 5px 12px;
- box-sizing: content-box;
- }
- }
- .@{elNamespace}-input-number__decrease{
- display: none;
- }
- .@{elNamespace}-input-number__increase{
- display: none;
- }
- }
- }
- .@{elNamespace}-slider-tooltips__expand-class{
- padding: 5px 8px;
- line-height: 22px;
- .@{elNamespace}-popper__arrow{
- transform: translate(10px, 0px);
- }
- }
|