90 lines
1.3 KiB
SCSS
90 lines
1.3 KiB
SCSS
|
/* =============
|
||
|
Bootstrap Range slider
|
||
|
============= */
|
||
|
|
||
|
.slider{
|
||
|
.slider-horizontal {
|
||
|
margin: 10px 0;
|
||
|
}
|
||
|
.slider-vertical {
|
||
|
margin: 0 10px;
|
||
|
}
|
||
|
}
|
||
|
.slider-handle.round {
|
||
|
position: absolute;
|
||
|
width: 20px;
|
||
|
height: 20px;
|
||
|
border: 1px solid #EFF2F7;
|
||
|
background: #fff;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.slider-default {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: #909aa0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-primary {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $primary;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-success {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $success;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-info {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $info;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-warning {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $warning;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-danger {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $danger;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
.slider-custom {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $custom;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-pink {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $pink;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-purple {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $purple;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.slider-inverse {
|
||
|
.slider-selection {
|
||
|
background-image: none;
|
||
|
background-color: $inverse;
|
||
|
}
|
||
|
}
|