mirror_php/formwork
1
0
Fork 0
mirror of https://github.com/getformwork/formwork.git synced 2025-02-22 16:56:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Avoid using Sass function math.div() when possible

Browse Source
This commit is contained in:
Giuseppe Criscione 2021-07-08 21:17:56 +02:00
parent e4170032f7
commit 0e950b702c
4 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
admin/assets/scss/components/_columns.scss
View File

@ -1,12 +1,10 @@
@use 'sass:map';
@use 'sass:math';
.container,
.container-full,
.container-no-margin {
margin: 0 auto;
padding: 0 math.div($columns-gutter, 2);
padding: 0 $columns-gutter * 0.5;
}
.container {
@ -21,7 +19,7 @@
.row {
display: flex;
flex-wrap: wrap;
margin: 0 math.div($columns-gutter, -2);
margin: 0 $columns-gutter * -0.5;
}
@media (max-width: map.get($responsive-breakpoints, 's')) {

16
admin/assets/scss/components/_forms-custom.scss
View File

@ -1,7 +1,5 @@
@use 'sass:map';
@use 'sass:math';
.custom-checkbox {
position: absolute;
opacity: 0;
@ -80,7 +78,7 @@
box-sizing: border-box;
margin-top: 0;
margin-bottom: $input-margin-bottom;
padding: $input-padding-v math.div($input-padding-h, 2);
padding: $input-padding-v $input-padding-h * 0.5;
padding-bottom: 0;
border: 1px solid $color-base-500;
border-radius: $border-radius;
@ -97,7 +95,7 @@
display: inline-block;
box-sizing: border-box;
margin-bottom: $input-padding-v;
padding: 0 math.div($input-padding-h, 2);
padding: 0 $input-padding-h * 0.5;
max-width: 100%;
width: auto;
outline: none;
@ -158,7 +156,7 @@
box-sizing: border-box;
margin-top: 0;
margin-bottom: $input-margin-bottom;
padding: $input-padding-v math.div($input-padding-h, 2);
padding: $input-padding-v $input-padding-h * 0.5;
border: 1px solid $color-base-500;
border-radius: $border-radius;
font-size: $input-font-size;
@ -298,12 +296,12 @@ input[type=range] {
width: 100%;
height: $range-input-track-height;
border: 0;
border-radius: math.div($range-input-track-height, 2);
border-radius: $range-input-track-height * 0.5;
background-color: $color-base-600;
cursor: default;
}
&::-webkit-slider-thumb {
margin-top: math.div(-($range-input-thumb-height - $range-input-track-height), 2);
margin-top: -($range-input-thumb-height - $range-input-track-height) * 0.5;
width: $range-input-thumb-width;
height: $range-input-thumb-height;
border: 0;
@ -316,7 +314,7 @@ input[type=range] {
width: 100%;
height: $range-input-track-height;
border: 0;
border-radius: math.div($range-input-track-height, 2);
border-radius: $range-input-track-height * 0.5;
background-color: $color-base-600;
}
&::-moz-range-thumb {
@ -337,7 +335,7 @@ input[type=range] {
}
&::-ms-fill-lower, &::-ms-fill-upper {
border: 0;
border-radius: math.div($range-input-track-height, 2);
border-radius: $range-input-track-height * 0.5;
background: $color-base-600;
box-shadow: none;
}

4
admin/assets/scss/components/_forms.scss
View File

@ -1,5 +1,3 @@
@use 'sass:math';
input,
select,
textarea {
@ -113,7 +111,7 @@ textarea {
.input-reset {
position: absolute;
top: calc(#{$input-padding-v} + #{$input-border-width});
right: math.div($input-padding-h, 2);
right: $input-padding-h * 0.5;
color: $color-base-100;
font-size: $font-size-s;
line-height: $input-line-height;

4
admin/assets/scss/components/_mixins.scss
View File

@ -53,7 +53,7 @@
}
content: ' ';
vertical-align: math.div($caret-width, 2);
vertical-align: $caret-width * 0.5;
}
}
@ -82,7 +82,7 @@
}
}
#{$selectors} {
padding: 0 math.div($columns-gutter, 2);
padding: 0 $columns-gutter * 0.5;
width: 100%;
}
}