Commit
Author: Adam Argyle [atom@argyleink.com]
Hash: 4ffe6328a8c96f8784bc94c0bef1c5c64f6d4739
Timestamp: Thu, 18 Nov 2021 06:39:21 +0000 (3 years ago)

+10 -30 +/-10 browse
simplify modules
1diff --git a/src/props.animations.js b/src/props.animations.js
2index b140188..97992a3 100644
3--- a/src/props.animations.js
4+++ b/src/props.animations.js
5 @@ -1,4 +1,4 @@
6- const Animations = {
7+ export default {
8 "--animation-fade-in": ["op-fade-in .5s var(--ease-3)", `
9 @keyframes op-fade-in {
10 to { opacity: 1 }
11 @@ -99,5 +99,3 @@ const Animations = {
12 50% { transform: scale(.9,.9) }
13 }`],
14 }
15-
16- export default Animations
17\ No newline at end of file
18 diff --git a/src/props.aspects.js b/src/props.aspects.js
19index a07e432..8c6cfe7 100644
20--- a/src/props.aspects.js
21+++ b/src/props.aspects.js
22 @@ -1,4 +1,4 @@
23- const Aspects = {
24+ export default {
25 '--ratio-box': '1',
26 '--ratio-landscape': '4/3',
27 '--ratio-portrait': '3/4',
28 @@ -6,5 +6,3 @@ const Aspects = {
29 '--ratio-ultrawide': '18/5',
30 '--ratio-golden': '1.6180/1',
31 }
32-
33- export default Aspects
34 diff --git a/src/props.borders.js b/src/props.borders.js
35index 4af1694..acd0798 100644
36--- a/src/props.borders.js
37+++ b/src/props.borders.js
38 @@ -1,4 +1,4 @@
39- const Borders = {
40+ export default {
41 '--border-size-1': '1px',
42 '--border-size-2': '2px',
43 '--border-size-3': '5px',
44 @@ -26,5 +26,3 @@ const Borders = {
45 '--radius-conditional-5': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))',
46 '--radius-conditional-6': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))',
47 }
48-
49- export default Borders
50\ No newline at end of file
51 diff --git a/src/props.easing.js b/src/props.easing.js
52index 306aa43..d9fe72e 100644
53--- a/src/props.easing.js
54+++ b/src/props.easing.js
55 @@ -1,4 +1,4 @@
56- const Easings = {
57+ export default {
58 '--ease-1': 'cubic-bezier(.25, 0, .5, 1)',
59 '--ease-2': 'cubic-bezier(.25, 0, .4, 1)',
60 '--ease-3': 'cubic-bezier(.25, 0, .3, 1)',
61 @@ -41,5 +41,3 @@ const Easings = {
62 '--ease-step-4': 'steps(7)',
63 '--ease-step-5': 'steps(10)',
64 }
65-
66- export default Easings
67\ No newline at end of file
68 diff --git a/src/props.fonts.js b/src/props.fonts.js
69index d360f38..673b4f0 100644
70--- a/src/props.fonts.js
71+++ b/src/props.fonts.js
72 @@ -1,4 +1,4 @@
73- const Fonts = {
74+ export default {
75 '--font-sans': 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',
76 '--font-serif': 'ui-serif,serif',
77 '--font-mono': 'Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace',
78 @@ -55,5 +55,3 @@ const Fonts = {
79 '--font-size-fluid-2': 'clamp(1.5rem, 6vw, 2.5rem)',
80 '--font-size-fluid-3': 'clamp(2rem, 9vw, 3.5rem)',
81 }
82-
83- export default Fonts
84\ No newline at end of file
85 diff --git a/src/props.gradients.js b/src/props.gradients.js
86index 6df3c1a..df61b91 100644
87--- a/src/props.gradients.js
88+++ b/src/props.gradients.js
89 @@ -1,4 +1,4 @@
90- const Gradients = {
91+ export default {
92 '--op-gradient-direction': 'to bottom right',
93
94 '--gradient-1': 'linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)',
95 @@ -75,5 +75,3 @@ const Gradients = {
96 '--noise-filter-4': 'contrast(200%) brightness(500%)',
97 '--noise-filter-5': 'contrast(200%) brightness(1000%)',
98 }
99-
100- export default Gradients
101\ No newline at end of file
102 diff --git a/src/props.shadows.js b/src/props.shadows.js
103index 61974bd..e503424 100644
104--- a/src/props.shadows.js
105+++ b/src/props.shadows.js
106 @@ -1,4 +1,4 @@
107- const Shadows = {
108+ export default {
109 '--shadow-color': '220 3% 15%',
110 '--shadow-strength': '1%',
111
112 @@ -41,5 +41,3 @@ const Shadows = {
113 '--inner-shadow-3': 'inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',
114 '--inner-shadow-4': 'inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',
115 }
116-
117- export default Shadows
118\ No newline at end of file
119 diff --git a/src/props.sizes.js b/src/props.sizes.js
120index 07c5681..70011e6 100644
121--- a/src/props.sizes.js
122+++ b/src/props.sizes.js
123 @@ -1,4 +1,4 @@
124- const Sizes = {
125+ export default {
126 '--size-000': '-.5rem',
127 '--size-00': '-.25rem',
128 '--size-1': '.25rem',
129 @@ -36,5 +36,3 @@ const Sizes = {
130 '--size-header-2': '25ch',
131 '--size-header-3': '45rem',
132 }
133-
134- export default Sizes
135\ No newline at end of file
136 diff --git a/src/props.svg.js b/src/props.svg.js
137index 61d6705..577c595 100644
138--- a/src/props.svg.js
139+++ b/src/props.svg.js
140 @@ -1,7 +1,5 @@
141- const SVG = {
142+ export default {
143 '--squircle-1': `url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,
144 '--squircle-2': `url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,
145 '--squircle-3': `url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,
146 }
147-
148- export default SVG
149 diff --git a/src/props.zindex.js b/src/props.zindex.js
150index 268b04e..fd7563d 100644
151--- a/src/props.zindex.js
152+++ b/src/props.zindex.js
153 @@ -1,4 +1,4 @@
154- const Zindex = {
155+ export default {
156 '--layer-1': 1,
157 '--layer-2': 2,
158 '--layer-3': 3,
159 @@ -6,5 +6,3 @@ const Zindex = {
160 '--layer-5': 5,
161 '--layer-important': 2147483647,
162 }
163-
164- export default Zindex