Commit
Author: Adam Argyle [argyle@google.com]
Hash: 7b4c5dc43275c5b6983331e6d80c11d6c418e088
Timestamp: Tue, 08 Feb 2022 23:53:16 +0000 (3 years ago)

+9 -10 +/-1 browse
catching up postcss gradients src
1diff --git a/src/props.gradients.css b/src/props.gradients.css
2index 77e9a32..c33f1c5 100644
3--- a/src/props.gradients.css
4+++ b/src/props.gradients.css
5 @@ -1,7 +1,6 @@
6 :where(html) {
7- --op-gradient-direction: to bottom right;
8- --gradient-1: linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);
9- --gradient-2: linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff);
10+ --gradient-1: linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);
11+ --gradient-2: linear-gradient(to bottom right,#48005c, #8300e2, #a269ff);
12 --gradient-3:
13 radial-gradient(
14 circle at top right,
15 @@ -11,10 +10,10 @@
16 circle at bottom left,
17 hsl(328 100% 54%), hsl(328 100% 54% / 0%)
18 );
19- --gradient-4: linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5);
20+ --gradient-4: linear-gradient(to bottom right,#00F5A0,#00D9F5);
21 --gradient-5: conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);
22 --gradient-6: conic-gradient(from -90deg at top left, black, white);
23- --gradient-7: linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F);
24+ --gradient-7: linear-gradient(to bottom right,#72C6EF,#004E8F);
25 --gradient-8: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);
26 --gradient-9: conic-gradient(from .5turn at bottom center, lightblue, white);
27 --gradient-10: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);
28 @@ -22,7 +21,7 @@
29 --gradient-12: conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);
30 --gradient-13: radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);
31 --gradient-14: conic-gradient(at top right, lime, cyan);
32- --gradient-15: linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7);
33+ --gradient-15: linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);
34 --gradient-16: radial-gradient(circle at 50% -250%, #374151, #111827, #000);
35 --gradient-17: conic-gradient(from -90deg at 50% -25%, blue, blueviolet);
36 --gradient-18:
37 @@ -33,14 +32,14 @@
38 linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),
39 linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)
40 ;
41- --gradient-19: linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751);
42+ --gradient-19: linear-gradient(to bottom right,#ffe259,#ffa751);
43 --gradient-20: conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);
44 --gradient-21: conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);
45- --gradient-22: linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8);
46- --gradient-23: linear-gradient(var(--op-gradient-direction),#536976,#292E49);
47+ --gradient-22: linear-gradient(to bottom right,#acb6e5,#86fde8);
48+ --gradient-23: linear-gradient(to bottom right,#536976,#292E49);
49 --gradient-24: conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);
50 --gradient-25: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);
51- --gradient-26: linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4);
52+ --gradient-26: linear-gradient(to bottom right,#9796f0,#fbc7d4);
53 --gradient-27: conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);
54 --gradient-28: conic-gradient(from -90deg at 50% 105%, white, orchid);
55 --gradient-29: