50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
/*
|
|
===============================
|
|
@Import Function
|
|
===============================
|
|
*/
|
|
/*
|
|
===============================
|
|
@Import Mixins
|
|
===============================
|
|
*/
|
|
.custom-progress.progress-up .range-count {
|
|
margin-bottom: 15px; }
|
|
|
|
.custom-progress.progress-down .range-count {
|
|
margin-top: 15px; }
|
|
|
|
.range-count {
|
|
font-weight: 700;
|
|
color: #3b3f5c; }
|
|
.range-count .range-count-number {
|
|
display: inline-block;
|
|
background: #ffffff;
|
|
padding: 3px 8px;
|
|
border-radius: 5px;
|
|
color: #1b55e2;
|
|
border: 1px solid #e0e6ed; }
|
|
|
|
.custom-progress.top-right .range-count, .custom-progress.bottom-right .range-count {
|
|
text-align: right; }
|
|
|
|
.progress-range-counter::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #1b55e2;
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.35s ease;
|
|
transition: all 0.35s ease; }
|
|
|
|
.progress-range-counter:active::-webkit-slider-thumb {
|
|
-webkit-transform: scale(1.2);
|
|
transform: scale(1.2);
|
|
box-shadow: none; }
|
|
|
|
.progress-range-counter:focus::-webkit-slider-thumb {
|
|
box-shadow: none; }
|
|
|
|
.progress-range-counter::-moz-range-thumb {
|
|
background: #1b55e2;
|
|
cursor: pointer; }
|