Skip to content

Commit a557240

Browse files
ramiyramiy
committed
Stylelint
1 parent c6c5af4 commit a557240

13 files changed

Lines changed: 149 additions & 161 deletions

File tree

‎src/charts/_area.scss‎

Lines changed: 31 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010
display: flex;
1111
justify-content: space-between;
1212
align-items: stretch;
13-
1413
width: 100%;
1514
height: calc(100% - var(--#{$variable-prefix}heading-size));
1615

@@ -36,18 +35,16 @@
3635
td {
3736
display: flex;
3837
flex-flow: column;
39-
4038
width: 100%;
4139
height: 100%;
42-
4340
position: absolute;
4441
top: 0;
4542
right: 0;
4643
bottom: 0;
4744
left: 0;
4845
z-index: 0;
4946

50-
&::before{
47+
&::before {
5148
content: "";
5249
position: absolute;
5350
top: 0;
@@ -132,12 +129,13 @@
132129
align-items: flex-end;
133130

134131
&::before {
135-
clip-path: polygon(
136-
0% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
137-
100% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
138-
100% 100%,
139-
0% 100%
140-
);
132+
clip-path:
133+
polygon(
134+
0% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
135+
100% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
136+
100% 100%,
137+
0% 100%
138+
);
141139
}
142140

143141
.data {
@@ -155,12 +153,13 @@
155153
align-items: flex-start;
156154

157155
&::before {
158-
clip-path: polygon(
159-
0% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
160-
100% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
161-
100% 100%,
162-
0% 100%
163-
);
156+
clip-path:
157+
polygon(
158+
0% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
159+
100% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
160+
100% 100%,
161+
0% 100%
162+
);
164163
}
165164

166165
.data {
@@ -180,20 +179,21 @@
180179
align-items: flex-end;
181180

182181
&::before {
183-
clip-path: polygon(
184-
0% 0%,
185-
100% 0%,
186-
100% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))),
187-
0% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))
188-
);
182+
clip-path:
183+
polygon(
184+
0% 0%,
185+
100% 0%,
186+
100% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))),
187+
0% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))
188+
);
189189
}
190190

191191
.data {
192192
transform: translateX(50%);
193193
}
194194

195195
&::after {
196-
height: calc(100% * (1 -var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))));
196+
height: calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))));
197197
}
198198
}
199199
}
@@ -203,12 +203,13 @@
203203
align-items: flex-start;
204204

205205
&::before {
206-
clip-path: polygon(
207-
0% 0%,
208-
100% 0%,
209-
100% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
210-
0% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))
211-
);
206+
clip-path:
207+
polygon(
208+
0% 0%,
209+
100% 0%,
210+
100% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
211+
0% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))
212+
);
212213
}
213214

214215
.data {
@@ -226,7 +227,7 @@
226227
@for $i from 1 through 20 {
227228
&.data-spacing-#{$i},
228229
&.datasets-spacing-#{$i} {
229-
tbody tr td::before {
230+
tbody tr td::before {
230231
margin-inline-start: $i * 1px;
231232
margin-inline-end: $i * 1px;
232233
}

‎src/charts/_bar.scss‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010
display: flex;
1111
justify-content: space-between;
1212
align-items: stretch;
13-
1413
width: 100%;
1514
height: calc(100% - var(--#{$variable-prefix}heading-size));
1615

@@ -36,10 +35,8 @@
3635
td {
3736
display: flex;
3837
align-items: center;
39-
4038
width: calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size, 1)));
4139
height: 100%;
42-
4340
position: relative; // For tooltips
4441
}
4542

‎src/charts/_column.scss‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010
display: flex;
1111
justify-content: space-between;
1212
align-items: stretch;
13-
1413
width: 100%;
1514
height: calc(100% - var(--#{$variable-prefix}heading-size));
1615

@@ -36,10 +35,8 @@
3635
td {
3736
display: flex;
3837
justify-content: center;
39-
4038
width: 100%;
4139
height: calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size, 1)));
42-
4340
position: relative; // For tooltips
4441
}
4542

‎src/charts/_line.scss‎

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,13 @@
44
.charts-css {
55

66
&.line {
7-
87
--#{$variable-prefix}line-size: 3px;
98

109
// Layout
1110
tbody {
1211
display: flex;
1312
justify-content: space-between;
1413
align-items: stretch;
15-
1614
width: 100%;
1715
height: calc(100% - var(--#{$variable-prefix}heading-size));
1816

@@ -38,18 +36,16 @@
3836
td {
3937
display: flex;
4038
flex-flow: column;
41-
4239
width: 100%;
4340
height: 100%;
44-
4541
position: absolute;
4642
top: 0;
4743
right: 0;
4844
bottom: 0;
4945
left: 0;
5046
z-index: 0;
5147

52-
&::before{
48+
&::before {
5349
content: "";
5450
position: absolute;
5551
top: 0;
@@ -134,12 +130,13 @@
134130
align-items: flex-end;
135131

136132
&::before {
137-
clip-path: polygon(
138-
0% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
139-
100% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
140-
100% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size)),
141-
0% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))) - var(--#{$variable-prefix}line-size))
142-
);
133+
clip-path:
134+
polygon(
135+
0% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
136+
100% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
137+
100% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size)),
138+
0% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))) - var(--#{$variable-prefix}line-size))
139+
);
143140
}
144141

145142
.data {
@@ -157,12 +154,13 @@
157154
align-items: flex-start;
158155

159156
&::before {
160-
clip-path: polygon(
161-
0% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
162-
100% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
163-
100% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))) - var(--#{$variable-prefix}line-size)),
164-
0% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size))
165-
);
157+
clip-path:
158+
polygon(
159+
0% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
160+
100% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))),
161+
100% calc(100% * (1 - var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))) - var(--#{$variable-prefix}line-size)),
162+
0% calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size))
163+
);
166164
}
167165

168166
.data {
@@ -182,20 +180,21 @@
182180
align-items: flex-end;
183181

184182
&::before {
185-
clip-path: polygon(
186-
0% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size)),
187-
100% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)) - var(--#{$variable-prefix}line-size)),
188-
100% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))),
189-
0% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))
190-
);
183+
clip-path:
184+
polygon(
185+
0% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size)),
186+
100% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)) - var(--#{$variable-prefix}line-size)),
187+
100% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))),
188+
0% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))))
189+
);
191190
}
192191

193192
.data {
194193
transform: translateX(50%);
195194
}
196195

197196
&::after {
198-
height: calc(100% * (1 -var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))));
197+
height: calc(100% * (1 - var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))));
199198
}
200199
}
201200
}
@@ -205,12 +204,13 @@
205204
align-items: flex-start;
206205

207206
&::before {
208-
clip-path: polygon(
209-
0% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)) - var(--#{$variable-prefix}line-size)),
210-
100% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size)),
211-
100% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
212-
0% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))
213-
);
207+
clip-path:
208+
polygon(
209+
0% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)) - var(--#{$variable-prefix}line-size)),
210+
100% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size))) - var(--#{$variable-prefix}line-size)),
211+
100% calc(100% * var(--#{$variable-prefix}start, var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))),
212+
0% calc(100% * var(--#{$variable-prefix}end, var(--#{$variable-prefix}size)))
213+
);
214214
}
215215

216216
.data {
@@ -228,7 +228,7 @@
228228
@for $i from 1 through 20 {
229229
&.data-spacing-#{$i},
230230
&.datasets-spacing-#{$i} {
231-
tbody tr td::before {
231+
tbody tr td::before {
232232
margin-inline-start: $i * 1px;
233233
margin-inline-end: $i * 1px;
234234
}

‎src/charts/_pie.scss‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,14 @@
2121

2222
@include position-fullwidth();
2323

24-
background: conic-gradient(
25-
transparent 0 calc( 1turn * var( --#{$variable-prefix}start ) ),
26-
var( --#{$variable-prefix}c, transparent ) calc( 1turn * var( --#{$variable-prefix}start, 0 ) ) calc( 1turn * var( --#{$variable-prefix}end ) ),
27-
transparent calc( 1turn * var( --#{$variable-prefix}end ) ) 1turn
28-
);
29-
30-
&::before{
24+
background:
25+
conic-gradient(
26+
transparent 0 calc(1turn * var(--#{$variable-prefix}start)),
27+
var(--#{$variable-prefix}c, transparent) calc(1turn * var(--#{$variable-prefix}start, 0)) calc(1turn * var(--#{$variable-prefix}end)),
28+
transparent calc(1turn * var(--#{$variable-prefix}end)) 1turn
29+
);
30+
31+
&::before {
3132
content: "";
3233
@include position-fullwidth();
3334
}
@@ -44,7 +45,7 @@
4445

4546
@include position-fullwidth();
4647

47-
transform: rotate( calc( 0.5turn * var( --#{$variable-prefix}start, 0 ) + 0.5turn * var( --#{$variable-prefix}end, 0 ) ) );
48+
transform: rotate(calc(0.5turn * var(--#{$variable-prefix}start, 0) + 0.5turn * var(--#{$variable-prefix}end, 0)));
4849
}
4950
}
5051

‎src/components/_axes.scss‎

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@
137137
&.radar {
138138
&.show-primary-axis {
139139
tbody {
140-
border: var( --#{$variable-prefix}primary-axis-width ) var( --#{$variable-prefix}primary-axis-style ) var( --#{$variable-prefix}primary-axis-color );
140+
border: var(--#{$variable-prefix}primary-axis-width) var(--#{$variable-prefix}primary-axis-style) var(--#{$variable-prefix}primary-axis-color);
141141
}
142142
}
143143
@for $i from 1 through $max-axes {
@@ -146,20 +146,19 @@
146146
content: "";
147147

148148
@include position-fullwidth();
149-
border-radius: 50%;
150-
151-
background: repeating-radial-gradient(
152-
closest-side,
153-
transparent 0,
154-
transparent calc( 100% / #{$i + 1} - var( --#{$variable-prefix}secondary-axes-width ) ),
155-
var( --#{$variable-prefix}secondary-axes-color ) calc( 100% / #{$i + 1} - var( --#{$variable-prefix}secondary-axes-width ) ),
156-
var( --#{$variable-prefix}secondary-axes-color ) calc( 100% / #{$i + 1} ),
157-
transparent calc( 100% / #{$i + 1} + var( --#{$variable-prefix}secondary-axes-width ) ),
158-
transparent calc( 100% / #{$i + 1} + var( --#{$variable-prefix}secondary-axes-width ) )
159-
);
160149

150+
border-radius: 50%;
151+
background:
152+
repeating-radial-gradient(
153+
closest-side,
154+
transparent 0,
155+
transparent calc(100% / #{$i + 1} - var(--#{$variable-prefix}secondary-axes-width)),
156+
var(--#{$variable-prefix}secondary-axes-color) calc(100% / #{$i + 1} - var(--#{$variable-prefix}secondary-axes-width)),
157+
var(--#{$variable-prefix}secondary-axes-color) calc(100% / #{$i + 1}),
158+
transparent calc(100% / #{$i + 1} + var(--#{$variable-prefix}secondary-axes-width)),
159+
transparent calc(100% / #{$i + 1} + var(--#{$variable-prefix}secondary-axes-width))
160+
);
161161
z-index: 2;
162-
163162
}
164163
}
165164
}

‎src/components/_colors.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515

1616
&.pie tbody tr:nth-of-type(#{ $total-colors }n + #{ $i }) td,
1717
&.pie.multiple tbody tr td:nth-of-type(#{ $total-colors }n + #{ $i }) {
18-
--#{$variable-prefix}c: var(--#{$variable-prefix}color, var(--#{$variable-prefix}color-#{ $i }, transparent) );
18+
--#{$variable-prefix}c: var(--#{$variable-prefix}color, var(--#{$variable-prefix}color-#{ $i }, transparent));
1919
}
2020
}
2121

0 commit comments

Comments
 (0)