Skip to content

Commit

Permalink
feat(pie): simpler calculations
Browse files Browse the repository at this point in the history
  • Loading branch information
@ffoodd
ffoodd committed Oct 13, 2023
1 parent 14eef8e commit 8258e69
Show file tree
Hide file tree
Showing 8 changed files with 28 additions and 28 deletions.
12 changes: 6 additions & 6 deletions _site/templates/css/examples/pie.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,19 +76,19 @@
--α: calc((90 - var(--main-angle)) * var(--to-radians));
--sin-β: sin(var(--β));
--sin-α: sin(var(--α));
--pos-B: calc(var(--sin-β) * 50);
--pos-A: calc(var(--sin-α) * 50);
--pos-B: calc(var(--sin-β) * 50%);
--pos-A: calc(var(--sin-α) * 50%);
--polygon: polygon(
50% 50%,
50% 0%,
100% 0%,
max(50% + (var(--pos-B) * 1%), var(--gt-25, 0) * 100%) calc(50% - (var(--pos-A) * var(--lt-25, 1) * 1%)),
max(50% + var(--pos-B), var(--gt-25, 0) * 100%) calc(50% - var(--pos-A) * var(--lt-25, 1)),
max(50%, var(--gt-25, 0) * 100%) max(50%, var(--gt-25, 0) * 100%),
max(50% + (var(--pos-A) * var(--gt-25, 0) * 1%), var(--gt-50, 0) * 100%) max(50% + (var(--pos-B) * var(--gt-25, 0) * var(--lt-50, 0) * 1%), var(--gt-50, 0) * 100%),
max(50% + var(--pos-A) * var(--gt-25, 0), var(--gt-50, 0) * 100%) max(50% + var(--pos-B) * var(--gt-25, 0) * var(--lt-50, 0), var(--gt-50, 0) * 100%),
max(0%, var(--lt-50, 0) * 50%) max(50%, var(--gt-50, 0) * 100%),
min(50% - (var(--pos-B) * var(--gt-75, 0) * 1%), 0%) calc(50% + (var(--pos-A) * var(--gt-50, 0) * var(--lt-75, 1) * 1%)),
min(50% - var(--pos-B) * var(--gt-75, 0), 0%) calc(50% + var(--pos-A) * var(--gt-50, 0) * var(--lt-75, 1)),
max(0%, var(--lt-75, 0) * 50%) max(0%, var(--lt-75, 0) * 50%),
calc(50% - (var(--pos-A) * var(--gt-75, 0) * 1%)) calc(50% - (var(--pos-B) * var(--gt-75, 0) * 1%)),
calc(50% - var(--pos-A) * var(--gt-75, 0)) calc(50% - var(--pos-B) * var(--gt-75, 0)),
50% 50%
);
--mask: radial-gradient(
Expand Down
12 changes: 6 additions & 6 deletions dist/chaarts.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/chaarts.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/chaarts.min.css.map
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/css/chaarts.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/css/chaarts.min.css.map
View file

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions docs/pie-charts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -359,19 +359,19 @@ <h2>Law of sines</h2>
--α: calc((90 - var(--main-angle)) * var(--to-radians));
--sin-β: sin(var(--β));
--sin-α: sin(var(--α));
--pos-B: calc(var(--sin-β) * 50);
--pos-A: calc(var(--sin-α) * 50);
--pos-B: calc(var(--sin-β) * 50%);
--pos-A: calc(var(--sin-α) * 50%);
--polygon: polygon(
50% 50%,
50% 0%,
100% 0%,
max(50% + (var(--pos-B) * 1%), var(--gt-25, 0) * 100%) calc(50% - (var(--pos-A) * var(--lt-25, 1) * 1%)),
max(50% + var(--pos-B), var(--gt-25, 0) * 100%) calc(50% - var(--pos-A) * var(--lt-25, 1)),
max(50%, var(--gt-25, 0) * 100%) max(50%, var(--gt-25, 0) * 100%),
max(50% + (var(--pos-A) * var(--gt-25, 0) * 1%), var(--gt-50, 0) * 100%) max(50% + (var(--pos-B) * var(--gt-25, 0) * var(--lt-50, 0) * 1%), var(--gt-50, 0) * 100%),
max(50% + var(--pos-A) * var(--gt-25, 0), var(--gt-50, 0) * 100%) max(50% + var(--pos-B) * var(--gt-25, 0) * var(--lt-50, 0), var(--gt-50, 0) * 100%),
max(0%, var(--lt-50, 0) * 50%) max(50%, var(--gt-50, 0) * 100%),
min(50% - (var(--pos-B) * var(--gt-75, 0) * 1%), 0%) calc(50% + (var(--pos-A) * var(--gt-50, 0) * var(--lt-75, 1) * 1%)),
min(50% - var(--pos-B) * var(--gt-75, 0), 0%) calc(50% + var(--pos-A) * var(--gt-50, 0) * var(--lt-75, 1)),
max(0%, var(--lt-75, 0) * 50%) max(0%, var(--lt-75, 0) * 50%),
calc(50% - (var(--pos-A) * var(--gt-75, 0) * 1%)) calc(50% - (var(--pos-B) * var(--gt-75, 0) * 1%)),
calc(50% - var(--pos-A) * var(--gt-75, 0)) calc(50% - var(--pos-B) * var(--gt-75, 0)),
50% 50%
);
--mask: radial-gradient(
Expand Down
12 changes: 6 additions & 6 deletions src/_chaarts-pie.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,19 +80,19 @@
--α: calc((90 - var(--main-angle)) * var(--to-radians));
--sin-β: sin(var(--β));
--sin-α: sin(var(--α));
--pos-B: calc(var(--sin-β) * 50);
--pos-A: calc(var(--sin-α) * 50);
--pos-B: calc(var(--sin-β) * 50%);
--pos-A: calc(var(--sin-α) * 50%);
--polygon: polygon(
50% 50%,
50% 0%,
100% 0%,
max(50% + (var(--pos-B) * 1%), var(--gt-25, 0) * 100%) calc(50% - (var(--pos-A) * var(--lt-25, 1) * 1%)),
max(50% + var(--pos-B), var(--gt-25, 0) * 100%) calc(50% - var(--pos-A) * var(--lt-25, 1)),
max(50%, var(--gt-25, 0) * 100%) max(50%, var(--gt-25, 0) * 100%),
max(50% + (var(--pos-A) * var(--gt-25, 0) * 1%), var(--gt-50, 0) * 100%) max(50% + (var(--pos-B) * var(--gt-25, 0) * var(--lt-50, 0) * 1%), var(--gt-50, 0) * 100%),
max(50% + var(--pos-A) * var(--gt-25, 0), var(--gt-50, 0) * 100%) max(50% + var(--pos-B) * var(--gt-25, 0) * var(--lt-50, 0), var(--gt-50, 0) * 100%),
max(0%, var(--lt-50, 0) * 50%) max(50%, var(--gt-50, 0) * 100%),
min(50% - (var(--pos-B) * var(--gt-75, 0) * 1%), 0%) calc(50% + (var(--pos-A) * var(--gt-50, 0) * var(--lt-75, 1) * 1%)),
min(50% - var(--pos-B) * var(--gt-75, 0), 0%) calc(50% + var(--pos-A) * var(--gt-50, 0) * var(--lt-75, 1)),
max(0%, var(--lt-75, 0) * 50%) max(0%, var(--lt-75, 0) * 50%),
calc(50% - (var(--pos-A) * var(--gt-75, 0) * 1%)) calc(50% - (var(--pos-B) * var(--gt-75, 0) * 1%)),
calc(50% - var(--pos-A) * var(--gt-75, 0)) calc(50% - var(--pos-B) * var(--gt-75, 0)),
50% 50%
);
--mask: radial-gradient(
Expand Down

0 comments on commit 8258e69

Please sign in to comment.