Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/less/modules/ui-slider.less is written in an unsupported language. File is not indexed.
0001 // Slider
0002 // --------------------------------------------------
0003
0004 .ui-slider {
0005 .progress();
0006 margin-bottom: 20px;
0007 position: relative;
0008 }
0009
0010 .ui-slider-handle {
0011 background-color: mix(@firm, black, 85%);
0012 border-radius: 50%;
0013 cursor: pointer;
0014 height: 18px;
0015 margin-left: -9px;
0016 position: absolute;
0017 top: -3px;
0018 width: 18px;
0019 z-index: 2;
0020 .transition(background 0.25s);
0021
0022 &[style*='100'] {
0023 margin-left: -15px;
0024 }
0025 &:hover,
0026 &:focus {
0027 background-color: mix(@firm, white, 80%);
0028 outline: none;
0029 }
0030 &:active {
0031 background-color: mix(@firm, black, 85%);
0032 }
0033 }
0034
0035 .ui-slider-range {
0036 background-color: @firm;
0037 border-radius: 30px 0 0 30px;
0038 display: block;
0039 height: 100%;
0040 position: absolute;
0041 z-index: 1;
0042 }
0043
0044 .ui-slider-segment {
0045 background-color: mix(desaturate(@base, 15%), white, 20%);
0046 border-radius: 50%;
0047 float: left;
0048 height: 6px;
0049 margin: 3px -6px 0 0;
0050 width: 6px;
0051 }
0052
0053 .ui-slider-value {
0054 float: right;
0055 font-weight: 500;
0056 margin-top: @progress-height;
0057
0058 &.first {
0059 clear: left;
0060 float: left;
0061 }
0062 }