change styles
This commit is contained in:
parent
0137bb22a4
commit
4c540dcf57
|
@ -94,7 +94,7 @@
|
|||
.border-left-radius(0);
|
||||
|
||||
.dataview {
|
||||
@minus-px: calc(-1px / @pixel-ratio-factor);
|
||||
@minus-px: calc((-1px / @pixel-ratio-factor));
|
||||
height: @combo-dataview-height;
|
||||
height: @combo-dataview-height-calc;
|
||||
padding: 0;
|
||||
|
@ -111,7 +111,7 @@
|
|||
.box-shadow(none);
|
||||
|
||||
@minus-px-ie: -1px;
|
||||
@minus-px: calc(-1px / @pixel-ratio-factor);
|
||||
@minus-px: calc((-1px / @pixel-ratio-factor));
|
||||
margin: 0 @minus-px-ie @minus-px-ie 0;
|
||||
margin: 0 @minus-px @minus-px 0;
|
||||
height: @combo-dataview-height;
|
||||
|
|
|
@ -8,13 +8,13 @@
|
|||
.track {
|
||||
@track-height: 4px;
|
||||
height: @track-height;
|
||||
border: @track-height / 2 solid @border-regular-control-ie;
|
||||
border: @track-height / 2 solid @border-regular-control;
|
||||
border-radius: @track-height / 2;
|
||||
border: (@track-height / 2) solid @border-regular-control-ie;
|
||||
border: (@track-height / 2) solid @border-regular-control;
|
||||
border-radius: (@track-height / 2);
|
||||
background-color: @border-regular-control-ie;
|
||||
background-color: @border-regular-control;
|
||||
width: calc(100% + @track-height);
|
||||
margin-left: -@track-height / 2;
|
||||
margin-left: (-@track-height / 2);
|
||||
}
|
||||
|
||||
.thumb {
|
||||
|
@ -26,10 +26,10 @@
|
|||
border: @scaled-one-px-value solid @icon-normal;
|
||||
background-color: @background-normal-ie;
|
||||
background-color: @background-normal;
|
||||
border-radius: @thumb-width / 2;
|
||||
border-radius: (@thumb-width / 2);
|
||||
|
||||
top: 3px;
|
||||
margin-left: @thumb-width / -2;
|
||||
margin-left: (@thumb-width / -2);
|
||||
|
||||
&.active {
|
||||
}
|
||||
|
@ -46,14 +46,14 @@
|
|||
height: calc(100% + @track-height);
|
||||
width: @track-height;
|
||||
margin-left: 0;
|
||||
margin-top: -@track-height / 2;
|
||||
margin-top: (-@track-height / 2);
|
||||
}
|
||||
.thumb {
|
||||
@thumb-width: 12px;
|
||||
top: auto;
|
||||
left: 3px;
|
||||
margin-left: 0;
|
||||
margin-top: @thumb-width / -2;
|
||||
margin-top: (@thumb-width / -2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -18,8 +18,8 @@
|
|||
display: block;
|
||||
position: relative;
|
||||
width: @trigger-width;
|
||||
height: @spin-height/2 - 1;
|
||||
height: calc(@spin-height/2 - 1px/@pixel-ratio-factor);
|
||||
height: (@spin-height/2) - 1;
|
||||
height: calc((@spin-height/2) - (1px/@pixel-ratio-factor));
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
|
|
|
@ -530,7 +530,7 @@
|
|||
content: ' ';
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
left: calc(7px/@pixel-ratio-factor);
|
||||
left: calc((7px/@pixel-ratio-factor));
|
||||
top: @scaled-one-px-value-ie;
|
||||
top: @scaled-one-px-value;
|
||||
height: 14px;
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
a {
|
||||
padding: 0;
|
||||
margin: calc(1px - 1px / @pixel-ratio-factor);
|
||||
margin: calc(1px - (1px / @pixel-ratio-factor));
|
||||
border: @scaled-one-px-value-ie solid @background-normal-ie;
|
||||
border: @scaled-one-px-value solid @background-normal;
|
||||
float: left;
|
||||
|
|
|
@ -47,7 +47,7 @@
|
|||
content: ' ';
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
left: calc(7px / @pixel-ratio-factor);
|
||||
left: calc((7px / @pixel-ratio-factor));
|
||||
top: @scaled-one-px-value-ie;
|
||||
top: @scaled-one-px-value;
|
||||
height: 14px;
|
||||
|
|
|
@ -87,8 +87,8 @@
|
|||
|
||||
.pixel-ratio__1_5 {
|
||||
@ratio: 1.5;
|
||||
@one-px: 1px / @ratio;
|
||||
@two-px: 2px / @ratio;
|
||||
@one-px: (1px / @ratio);
|
||||
@two-px: (2px / @ratio);
|
||||
|
||||
--pixel-ratio-factor: @ratio;
|
||||
--scaled-one-pixel: @one-px;
|
||||
|
@ -100,8 +100,8 @@
|
|||
|
||||
.pixel-ratio__1_25 {
|
||||
@ratio: 1.25;
|
||||
@one-px: 1px / @ratio;
|
||||
@two-px: 2px / @ratio;
|
||||
@one-px: (1px / @ratio);
|
||||
@two-px: (2px / @ratio);
|
||||
|
||||
--pixel-ratio-factor: @ratio;
|
||||
--scaled-one-pixel: @one-px;
|
||||
|
@ -110,8 +110,8 @@
|
|||
|
||||
.pixel-ratio__1_75 {
|
||||
@ratio: 1.75;
|
||||
@one-px: 1px / @ratio;
|
||||
@two-px: 2px / @ratio;
|
||||
@one-px: (1px / @ratio);
|
||||
@two-px: (2px / @ratio);
|
||||
|
||||
--pixel-ratio-factor: @ratio;
|
||||
--scaled-one-pixel: @one-px;
|
||||
|
|
Loading…
Reference in a new issue