Merge pull request #1620 from ONLYOFFICE/feature/change-division-in-styles
change division in styles
This commit is contained in:
commit
19bfe820b9
|
@ -111,7 +111,7 @@
|
||||||
.box-shadow(none);
|
.box-shadow(none);
|
||||||
|
|
||||||
@minus-px-ie: -1px;
|
@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-ie @minus-px-ie 0;
|
||||||
margin: 0 @minus-px @minus-px 0;
|
margin: 0 @minus-px @minus-px 0;
|
||||||
height: @combo-dataview-height;
|
height: @combo-dataview-height;
|
||||||
|
|
|
@ -8,13 +8,13 @@
|
||||||
.track {
|
.track {
|
||||||
@track-height: 4px;
|
@track-height: 4px;
|
||||||
height: @track-height;
|
height: @track-height;
|
||||||
border: @track-height / 2 solid @border-regular-control-ie;
|
border: (@track-height / 2) solid @border-regular-control-ie;
|
||||||
border: @track-height / 2 solid @border-regular-control;
|
border: (@track-height / 2) solid @border-regular-control;
|
||||||
border-radius: @track-height / 2;
|
border-radius: (@track-height / 2);
|
||||||
background-color: @border-regular-control-ie;
|
background-color: @border-regular-control-ie;
|
||||||
background-color: @border-regular-control;
|
background-color: @border-regular-control;
|
||||||
width: calc(100% + @track-height);
|
width: calc(100% + @track-height);
|
||||||
margin-left: -@track-height / 2;
|
margin-left: (-@track-height / 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumb {
|
.thumb {
|
||||||
|
@ -26,10 +26,10 @@
|
||||||
border: @scaled-one-px-value solid @icon-normal;
|
border: @scaled-one-px-value solid @icon-normal;
|
||||||
background-color: @background-normal-ie;
|
background-color: @background-normal-ie;
|
||||||
background-color: @background-normal;
|
background-color: @background-normal;
|
||||||
border-radius: @thumb-width / 2;
|
border-radius: (@thumb-width / 2);
|
||||||
|
|
||||||
top: 3px;
|
top: 3px;
|
||||||
margin-left: @thumb-width / -2;
|
margin-left: (@thumb-width / -2);
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
}
|
}
|
||||||
|
@ -46,14 +46,14 @@
|
||||||
height: calc(100% + @track-height);
|
height: calc(100% + @track-height);
|
||||||
width: @track-height;
|
width: @track-height;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-top: -@track-height / 2;
|
margin-top: (-@track-height / 2);
|
||||||
}
|
}
|
||||||
.thumb {
|
.thumb {
|
||||||
@thumb-width: 12px;
|
@thumb-width: 12px;
|
||||||
top: auto;
|
top: auto;
|
||||||
left: 3px;
|
left: 3px;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-top: @thumb-width / -2;
|
margin-top: (@thumb-width / -2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: @trigger-width;
|
width: @trigger-width;
|
||||||
height: @spin-height/2 - 1;
|
height: (@spin-height/2) - 1;
|
||||||
height: calc(@spin-height/2 - 1px/@pixel-ratio-factor);
|
height: calc(@spin-height/2 - 1px/@pixel-ratio-factor);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -87,8 +87,8 @@
|
||||||
|
|
||||||
.pixel-ratio__1_5 {
|
.pixel-ratio__1_5 {
|
||||||
@ratio: 1.5;
|
@ratio: 1.5;
|
||||||
@one-px: 1px / @ratio;
|
@one-px: (1px / @ratio);
|
||||||
@two-px: 2px / @ratio;
|
@two-px: (2px / @ratio);
|
||||||
|
|
||||||
--pixel-ratio-factor: @ratio;
|
--pixel-ratio-factor: @ratio;
|
||||||
--scaled-one-pixel: @one-px;
|
--scaled-one-pixel: @one-px;
|
||||||
|
@ -100,8 +100,8 @@
|
||||||
|
|
||||||
.pixel-ratio__1_25 {
|
.pixel-ratio__1_25 {
|
||||||
@ratio: 1.25;
|
@ratio: 1.25;
|
||||||
@one-px: 1px / @ratio;
|
@one-px: (1px / @ratio);
|
||||||
@two-px: 2px / @ratio;
|
@two-px: (2px / @ratio);
|
||||||
|
|
||||||
--pixel-ratio-factor: @ratio;
|
--pixel-ratio-factor: @ratio;
|
||||||
--scaled-one-pixel: @one-px;
|
--scaled-one-pixel: @one-px;
|
||||||
|
@ -110,8 +110,8 @@
|
||||||
|
|
||||||
.pixel-ratio__1_75 {
|
.pixel-ratio__1_75 {
|
||||||
@ratio: 1.75;
|
@ratio: 1.75;
|
||||||
@one-px: 1px / @ratio;
|
@one-px: (1px / @ratio);
|
||||||
@two-px: 2px / @ratio;
|
@two-px: (2px / @ratio);
|
||||||
|
|
||||||
--pixel-ratio-factor: @ratio;
|
--pixel-ratio-factor: @ratio;
|
||||||
--scaled-one-pixel: @one-px;
|
--scaled-one-pixel: @one-px;
|
||||||
|
|
Loading…
Reference in a new issue