Commit
Author: Adam Argyle [argyle@google.com]
Committer: GitHub [noreply@github.com] Tue, 19 Sep 2023 03:54:51 +0000
Hash: b26d4e4b4d80e9981219963aeab0d3de9898f31f
Timestamp: Tue, 19 Sep 2023 03:54:51 +0000 (1 year ago)

+13 -11 +/-2 browse
restore (#408) 
restore (#408)
1diff --git a/build/props.js b/build/props.js
2index 1603aed..fc8a4f0 100644
3--- a/build/props.js
4+++ b/build/props.js
5 @@ -57,10 +57,10 @@ const individual_colors_hsl = Object.keys(ColorsHSL)
6 [`${pfx}props.${hueName.toLowerCase()}-hsl.css`]: ColorsHSL[hueName]
7 }), {})
8
9- // const individuals = {
10- // 'props.masks.edges.css': MaskEdges,
11- // 'props.masks.corner-cuts.css': MaskCornerCuts,
12- // }
13+ const individuals = {
14+ 'props.masks.edges.css': MaskEdges,
15+ 'props.masks.corner-cuts.css': MaskCornerCuts,
16+ }
17
18 // gen design tokens
19 const jsonbundle = Object.entries({
20 @@ -107,7 +107,7 @@ Object.entries({
21 ...mainbundle,
22 ...individual_colors,
23 ...individual_colors_hsl,
24- // ...individuals,
25+ ...individuals,
26 }).forEach(([filename, props]) => {
27 buildPropsStylesheet({filename, props}, {selector, prefix})
28 })
29 diff --git a/src/props.masks.edges.css b/src/props.masks.edges.css
30index c7e1a8c..bcff979 100644
31--- a/src/props.masks.edges.css
32+++ b/src/props.masks.edges.css
33 @@ -1,13 +1,13 @@
34 :where(html) {
35 --mask-edge-scoop-bottom: radial-gradient(20px at 50% 100%,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%;
36 --mask-edge-scoop-top: radial-gradient(20px at 50% 0,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%;
37- --mask-edge-scoop-vertical: radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px / calc(1.9 * 20px) 100%;
38+ --mask-edge-scoop-vertical: radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px/ calc(1.9 * 20px) 100%;
39 --mask-edge-scoop-left: radial-gradient(20px at 0 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px);
40- --mask-edge-scoop-right: radial-gradient(20px at 100% 50%,#0000 97%,#000) 50% / 100% calc(1.9 * 20px);
41- --mask-edge-scoop-horizontal: radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px / 100% calc(1.9 * 20px);
42+ --mask-edge-scoop-right: radial-gradient(20px at 100% 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px);
43+ --mask-edge-scoop-horizontal: radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px/ 100% calc(1.9 * 20px);
44 --mask-edge-scalloped:
45 radial-gradient(farthest-side,#000 97%,#0000) 0 0 / 20px 20px round,
46- linear-gradient(#000 0 0) 50% / calc(100% - 20px) calc(100% - 20px) no-repeat
47+ linear-gradient(#000 0 0) 50%/calc(100% - 20px) calc(100% - 20px) no-repeat
48 ;
49 --mask-edge-scalloped-bottom:
50 linear-gradient(to top,#0000 20px,#000 0),
51 @@ -67,8 +67,10 @@
52 --mask-edge-zig-zag-right: conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px);
53 --mask-edge-zig-zag-horizontal:
54 conic-gradient(from 45deg at left ,#0000,#000 1deg 90deg,#0000 91deg) left / 51% calc(2 * 20px) repeat-y,
55- conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) right / 51% calc(2 * 20px) repeat-y;
56+ conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) right / 51% calc(2 * 20px) repeat-y
57+ ;
58 --mask-edge-zig-zag-vertical:
59 conic-gradient(from 135deg at top ,#0000,#000 1deg 90deg,#0000 91deg) top / calc(2 * 20px) 51% repeat-x,
60- conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom / calc(2 * 20px) 51% repeat-x;
61+ conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom / calc(2 * 20px) 51% repeat-x
62+ ;
63 }