Skip to content

Commit e9a1037

Browse files
ScrumScrum
committed
fix: ext when processing
1 parent c855304 commit e9a1037

4 files changed

Lines changed: 25 additions & 26 deletions

File tree

‎src/css/layout/_grid.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@for $i from 1 to var(--grid-row-count) {
22
.container-row-$i {
3-
height: calc(var(--grid-row-height) * $i * (1var(--grid-gutter-ext)));
3+
height: calc(var(--grid-row-height) * $i)var(--grid-gutter-ext);
44

55
@for $k from 1 to var(--grid-row-count) {
66
@if ($k != var(--grid-row-count)) {
77
.row-offset-$k {
8-
margin-top: calc((($i * var(--grid-row-height)) / var(--grid-row-count)) * $k * (1var(--grid-gutter-ext)));
8+
margin-top: calc((($i * var(--grid-row-height)) / var(--grid-row-count)) * $k)var(--grid-gutter-ext);
99
}
1010
}
1111
}

‎src/css/utils/helpers/_boxs.css‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,7 @@
4141
@each $position in top, bottom, left, right {
4242
@for $step from var(--position-from) to var(--position-to) by var(--position-step) {
4343
.box-$(position)-$(step) {
44-
$(position): calc($(step) * (1var(--position-ext)));
44+
$(position): calc($(step))var(--position-ext);
4545
}
4646
}
4747
}
48-

‎src/css/utils/helpers/_offsets.css‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
@for $step from var(--offset-from) to var(--offset-to) by var(--offset-step) {
22
.offset-m-$(step) {
3-
margin: calc($(step) * (1var(--offset-ext)));
3+
margin: calc($(step))var(--offset-ext);
44
}
55
.offset-p-$(step) {
6-
padding: calc($(step) * (1var(--offset-ext)));
6+
padding: calc($(step))var(--offset-ext);
77
}
88
}
99

1010
@each $position in v, h {
1111
@for $step from var(--offset-from) to var(--offset-to) by var(--offset-step) {
1212
.offset-m$(position)-$(step) {
1313
@if ($position == 'v') {
14-
margin-left: calc($(step) * (1var(--offset-ext)));
15-
margin-right: calc($(step) * (1var(--offset-ext)));
14+
margin-left: calc($(step))var(--offset-ext);
15+
margin-right: calc($(step))var(--offset-ext);
1616
}
1717

1818
@if ($position == 'h') {
19-
margin-top: calc($(step) * (1var(--offset-ext)));
20-
margin-bottom: calc($(step) * (1var(--offset-ext)));
19+
margin-top: calc($(step))var(--offset-ext);
20+
margin-bottom: calc($(step))var(--offset-ext);
2121
}
2222
}
2323

2424
.offset-p$(position)-$(step) {
2525
@if ($position == 'v') {
26-
padding-left: calc($(step) * (1var(--offset-ext)));
27-
padding-right: calc($(step) * (1var(--offset-ext)));
26+
padding-left: calc($(step))var(--offset-ext);
27+
padding-right: calc($(step))var(--offset-ext);
2828
}
2929

3030
@if ($position == 'h') {
31-
padding-top: calc($(step) * (1var(--offset-ext)));
32-
padding-bottom: calc($(step) * (1var(--offset-ext)));
31+
padding-top: calc($(step))var(--offset-ext);
32+
padding-bottom: calc($(step))var(--offset-ext);
3333
}
3434
}
3535
}
@@ -39,36 +39,36 @@
3939
@for $step from var(--offset-from) to var(--offset-to) by var(--offset-step) {
4040
.offset-m$(position)-$(step) {
4141
@if ($position == 't') {
42-
margin-top: calc($(step) * (1var(--offset-ext)));
42+
margin-top: calc($(step))var(--offset-ext);
4343
}
4444

4545
@if ($position == 'b') {
46-
margin-bottom: calc($(step) * (1var(--offset-ext)));
46+
margin-bottom: calc($(step))var(--offset-ext);
4747
}
4848

4949
@if ($position == 'l') {
50-
margin-left: calc($(step) * (1var(--offset-ext)));
50+
margin-left: calc($(step))var(--offset-ext);
5151
}
5252

5353
@if ($position == 'r') {
54-
margin-right: calc($(step) * (1var(--offset-ext)));
54+
margin-right: calc($(step))var(--offset-ext);
5555
}
5656
}
5757
.offset-p$(position)-$(step) {
5858
@if ($position == 't') {
59-
padding-top: calc($(step) * (1var(--offset-ext)));
59+
padding-top: calc($(step))var(--offset-ext);
6060
}
6161

6262
@if ($position == 'b') {
63-
padding-bottom: calc($(step) * (1var(--offset-ext)));
63+
padding-bottom: calc($(step))var(--offset-ext);
6464
}
6565

6666
@if ($position == 'l') {
67-
padding-left: calc($(step) * (1var(--offset-ext)));
67+
padding-left: calc($(step))var(--offset-ext);
6868
}
6969

7070
@if ($position == 'r') {
71-
padding-right: calc($(step) * (1var(--offset-ext)));
71+
padding-right: calc($(step))var(--offset-ext);
7272
}
7373
}
7474
}

‎src/css/utils/helpers/_space.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
.space-xs { margin-bottom: calc(var(--space-gutter) / 4 * (1var(--space-gutter-ext))); }
2-
.space-sm { margin-bottom: calc(var(--space-gutter) / 2 * (1var(--space-gutter-ext))); }
3-
.space-md { margin-bottom: calc(var(--space-gutter) * (1var(--space-gutter-ext))); }
4-
.space-lg { margin-bottom: calc(var(--space-gutter) * 2 * (1var(--space-gutter-ext))); }
1+
.space-xs { margin-bottom: calc(var(--space-gutter) / 4)var(--space-gutter-ext); }
2+
.space-sm { margin-bottom: calc(var(--space-gutter) / 2)var(--space-gutter-ext); }
3+
.space-md { margin-bottom: var(--space-gutter)var(--space-gutter-ext); }
4+
.space-lg { margin-bottom: calc(var(--space-gutter) * 2)var(--space-gutter-ext); }
55
.space-reset { margin-bottom: initial; }

0 commit comments

Comments
 (0)