change styles

This commit is contained in:
OVSharova 2022-03-05 20:04:12 +03:00
parent 0137bb22a4
commit 4c540dcf57
7 changed files with 21 additions and 21 deletions

View file

@ -94,7 +94,7 @@
.border-left-radius(0); .border-left-radius(0);
.dataview { .dataview {
@minus-px: calc(-1px / @pixel-ratio-factor); @minus-px: calc((-1px / @pixel-ratio-factor));
height: @combo-dataview-height; height: @combo-dataview-height;
height: @combo-dataview-height-calc; height: @combo-dataview-height-calc;
padding: 0; padding: 0;
@ -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;

View file

@ -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);
} }
} }
} }

View file

@ -18,8 +18,8 @@
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;
border: none; border: none;

View file

@ -530,7 +530,7 @@
content: ' '; content: ' ';
position: absolute; position: absolute;
left: 7px; 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-ie;
top: @scaled-one-px-value; top: @scaled-one-px-value;
height: 14px; height: 14px;

View file

@ -16,7 +16,7 @@
a { a {
padding: 0; 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-ie solid @background-normal-ie;
border: @scaled-one-px-value solid @background-normal; border: @scaled-one-px-value solid @background-normal;
float: left; float: left;

View file

@ -47,7 +47,7 @@
content: ' '; content: ' ';
position: absolute; position: absolute;
left: 7px; 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-ie;
top: @scaled-one-px-value; top: @scaled-one-px-value;
height: 14px; height: 14px;

View file

@ -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;