Skip to content

Commit 9bcee43

Browse files
committed
Area Chart: expand clip path polygon
1 parent c14af26 commit 9bcee43

1 file changed

Lines changed: 24 additions & 4 deletions

File tree

src/charts/_area.scss

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,12 @@
132132
align-items: flex-end;
133133

134134
&::before {
135-
clip-path: polygon(0% calc(100% * (1 - var(--start, var(--size)))), 100% calc(100% * (1 - var(--size))), 100% 100%, 0% 100%);
135+
clip-path: polygon(
136+
0% calc(100% * (1 - var(--start, var(--size)))),
137+
100% calc(100% * (1 - var(--size))),
138+
100% 100%,
139+
0% 100%
140+
);
136141
}
137142

138143
.data {
@@ -150,7 +155,12 @@
150155
align-items: flex-start;
151156

152157
&::before {
153-
clip-path: polygon(0% calc(100% * (1 - var(--size))), 100% calc(100% * (1 - var(--start, var(--size)))), 100% 100%, 0% 100%);
158+
clip-path: polygon(
159+
0% calc(100% * (1 - var(--size))),
160+
100% calc(100% * (1 - var(--start, var(--size)))),
161+
100% 100%,
162+
0% 100%
163+
);
154164
}
155165

156166
.data {
@@ -170,7 +180,12 @@
170180
align-items: flex-end;
171181

172182
&::before {
173-
clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% * var(--size)), 0% calc(100% * var(--start, var(--size))));
183+
clip-path: polygon(
184+
0% 0%,
185+
100% 0%,
186+
100% calc(100% * var(--size)),
187+
0% calc(100% * var(--start, var(--size)))
188+
);
174189
}
175190

176191
.data {
@@ -188,7 +203,12 @@
188203
align-items: flex-start;
189204

190205
&::before {
191-
clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% * var(--start, var(--size))), 0% calc(100% * var(--size)));
206+
clip-path: polygon(
207+
0% 0%,
208+
100% 0%,
209+
100% calc(100% * var(--start, var(--size))),
210+
0% calc(100% * var(--size))
211+
);
192212
}
193213

194214
.data {

0 commit comments

Comments
 (0)