|
|
@ -1,41 +1,31 @@ |
|
|
|
@import "../../../index.less"; |
|
|
|
@import "../../../index.less"; |
|
|
|
|
|
|
|
|
|
|
|
.bi-single-slider-button { |
|
|
|
.bi-single-slider-button { |
|
|
|
& .slider-button { |
|
|
|
transform: translateX(-50%); |
|
|
|
cursor: ew-resize; |
|
|
|
cursor: ew-resize; |
|
|
|
border-width: 2px; |
|
|
|
border-width: 2px; |
|
|
|
border-style: solid; |
|
|
|
border-style: solid; |
|
|
|
.border-radius(8px); |
|
|
|
.border-radius(50%); |
|
|
|
background-color: @color-bi-background-slider-button; |
|
|
|
background-color: @color-bi-background-slider-button; |
|
|
|
height: 8px; |
|
|
|
|
|
|
|
width: 8px; |
|
|
|
|
|
|
|
top: 8px; |
|
|
|
|
|
|
|
left: -6px; |
|
|
|
|
|
|
|
&:hover, &.hover { |
|
|
|
&:hover, &.hover { |
|
|
|
.border-radius(10px); |
|
|
|
|
|
|
|
background-color: @color-bi-background-hover-slider-button; |
|
|
|
background-color: @color-bi-background-hover-slider-button; |
|
|
|
width: 12px; |
|
|
|
transform: scale(1.2) translateX(-50%); |
|
|
|
height: 12px; |
|
|
|
|
|
|
|
top: 6px; |
|
|
|
|
|
|
|
left: -8px; |
|
|
|
|
|
|
|
.box-shadow(0 2px 4px 1px, rgba(0, 35, 11, 20%)); |
|
|
|
.box-shadow(0 2px 4px 1px, rgba(0, 35, 11, 20%)); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.disabled { |
|
|
|
&.disabled { |
|
|
|
border-color: @color-bi-border-disabled-slider-button; |
|
|
|
border-color: @color-bi-border-disabled-slider-button; |
|
|
|
|
|
|
|
|
|
|
|
&:hover, &.hover { |
|
|
|
&:hover, &.hover { |
|
|
|
background-color: @color-bi-background-hover-disabled-slider-button; |
|
|
|
background-color: @color-bi-background-hover-disabled-slider-button; |
|
|
|
width: 12px; |
|
|
|
|
|
|
|
height: 12px; |
|
|
|
|
|
|
|
top: 6px; |
|
|
|
|
|
|
|
left: -8px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bi-theme-dark { |
|
|
|
.bi-theme-dark { |
|
|
|
.bi-single-slider-button { |
|
|
|
.bi-single-slider-button { |
|
|
|
& .slider-button { |
|
|
|
|
|
|
|
background-color: @color-bi-background-slider-button; |
|
|
|
background-color: @color-bi-background-slider-button; |
|
|
|
&:hover, &.hover { |
|
|
|
&:hover, &.hover { |
|
|
|
background-color: @color-bi-background-hover-slider-button-theme-dark; |
|
|
|
background-color: @color-bi-background-hover-slider-button-theme-dark; |
|
|
@ -47,4 +37,3 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|