Skip to content

Commit ad9a561

Browse files
committed
revert ellipse on svg
1 parent 1b28ab7 commit ad9a561

File tree

3 files changed

+10
-14
lines changed

3 files changed

+10
-14
lines changed

src/components/_svg-base.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
@use '../settings/mixins' as *;
22

3-
/* svg-pod */
3+
/* svg */
44
.o-svg {
55
display: grid;
66
border-radius: inherit;
77
grid-area: 1/1/1/1;
88
@include alignment;
99
rotate: -90deg;
1010
width: calc(var(--o-diameter));
11-
height: calc(var(--o-diameter) / var(--o-ellipse-rate));
11+
height: calc(var(--o-diameter));
1212
}

src/components/_svg-markers-base.scss

+3-6
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,13 @@
11

2-
3-
42
.o-svg > .o-svg-markers {
53
--o-svg-markers: 12;
64
--o-marker-width: 1px;
7-
--o-circumference: calc(var(--o-r) * var(--o-π) * 2 / var(--o-ellipse-rate));
5+
--o-circumference: calc(var(--o-r) * var(--o-π) * 2);
86
--o-dash: calc(var(--o-circumference) / var(--o-svg-markers) - var(--o-marker-width));
97
--o-r: calc(var(--o-diameter) / 2);
108
cx: var(--o-r);
11-
cy: calc(var(--o-r) / var(--o-ellipse-rate));
12-
rx: var(--o-r);
13-
ry: calc(var(--o-r) / var(--o-ellipse-rate));
9+
cy: var(--o-r);
10+
r: var(--o-r);
1411
stroke-width: calc(var(--o-radius) * 2);
1512
stroke-dasharray: var(--o-marker-width) var(--o-dash);
1613
}
+5-6
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
/* svg progress */
2-
.o-svg > .o-svg-progress {
2+
.o-svg> .o-svg-progress {
33
--o-r: calc(var(--o-diameter) / 2);
44
cx: var(--o-r);
5-
cy: calc(var(--o-r) / var(--o-ellipse-rate));
6-
rx: var(--o-r);
7-
ry: calc(var(--o-r) / var(--o-ellipse-rate));
5+
cy: var(--o-r);
6+
r: calc(var(--o-r));
87
stroke-width: var(--o-stroke);
9-
stroke-dasharray: calc(var(--o-r) * var(--o-π) * 2 / var(--o-ellipse-rate));
10-
stroke-dashoffset: calc((100 - var(--o-val)) / 100 * (var(--o-r) * var(--o-π) * 2) / var(--o-ellipse-rate));
8+
stroke-dasharray: calc(var(--o-r) * var(--o-π) * 2);
9+
stroke-dashoffset: calc((100 - var(--o-val)) / 100 * (var(--o-r) * var(--o-π) * 2));
1110
}

0 commit comments

Comments
 (0)