@acorex/styles 7.17.0 → 7.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/tailwind-base.js +14 -24
package/package.json
CHANGED
package/tailwind-base.js
CHANGED
|
@@ -33,30 +33,26 @@ const _colors = {
|
|
|
33
33
|
|
|
34
34
|
const createPalete = function (colorName) {
|
|
35
35
|
return {
|
|
36
|
-
DEFAULT: `rgba(var(--ax-color-${colorName}), <alpha-value>)`,
|
|
36
|
+
DEFAULT: `rgba(var(--ax-color-${colorName}-500), <alpha-value>)`,
|
|
37
37
|
fore: `rgba(var(--ax-color-${colorName}-fore), <alpha-value>)`,
|
|
38
|
-
'fore-tint': `
|
|
39
|
-
50: `
|
|
40
|
-
100: `
|
|
41
|
-
200: `
|
|
42
|
-
300: `
|
|
43
|
-
400: `
|
|
44
|
-
500: `rgba(var(--ax-color-${colorName}), <alpha-value>)`,
|
|
45
|
-
600: `
|
|
46
|
-
700: `
|
|
47
|
-
800: `
|
|
48
|
-
900: `
|
|
49
|
-
950: `
|
|
38
|
+
'fore-tint': `rgba(var(--ax-color-${colorName}-fore-tint), <alpha-value>)`,
|
|
39
|
+
50: `rgba(var(--ax-color-${colorName}-50), <alpha-value>)`,
|
|
40
|
+
100: `rgba(var(--ax-color-${colorName}-100), <alpha-value>)`,
|
|
41
|
+
200: `rgba(var(--ax-color-${colorName}-200), <alpha-value>)`,
|
|
42
|
+
300: `rgba(var(--ax-color-${colorName}-300), <alpha-value>)`,
|
|
43
|
+
400: `rgba(var(--ax-color-${colorName}-400), <alpha-value>)`,
|
|
44
|
+
500: `rgba(var(--ax-color-${colorName}-500), <alpha-value>)`,
|
|
45
|
+
600: `rgba(var(--ax-color-${colorName}-600), <alpha-value>)`,
|
|
46
|
+
700: `rgba(var(--ax-color-${colorName}-700), <alpha-value>)`,
|
|
47
|
+
800: `rgba(var(--ax-color-${colorName}-800), <alpha-value>)`,
|
|
48
|
+
900: `rgba(var(--ax-color-${colorName}-900), <alpha-value>)`,
|
|
49
|
+
950: `rgba(var(--ax-color-${colorName}-950), <alpha-value>)`,
|
|
50
50
|
};
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
module.exports = withAnimations({
|
|
54
54
|
prefix: 'ax-',
|
|
55
|
-
// corePlugins: {
|
|
56
|
-
// preflight: false,
|
|
57
|
-
// },
|
|
58
55
|
content: ['./src/**/*.{html,ts,scss}', './projects/**/*.{html,ts,scss}'],
|
|
59
|
-
|
|
60
56
|
darkMode: 'class',
|
|
61
57
|
theme: {
|
|
62
58
|
extend: {
|
|
@@ -127,39 +123,33 @@ module.exports = withAnimations({
|
|
|
127
123
|
const acorexClasses = {
|
|
128
124
|
'.h1': {
|
|
129
125
|
'font-size': '3rem',
|
|
130
|
-
'font-weight': '
|
|
126
|
+
'font-weight': '700',
|
|
131
127
|
'line-height': '3rem',
|
|
132
|
-
'margin-bottom': '1.5rem',
|
|
133
128
|
},
|
|
134
129
|
'.h2': {
|
|
135
130
|
'font-size': '2.5rem',
|
|
136
131
|
'font-weight': '700',
|
|
137
132
|
'line-height': '2.5rem',
|
|
138
|
-
'margin-bottom': '1.25rem',
|
|
139
133
|
},
|
|
140
134
|
'.h3': {
|
|
141
135
|
'font-size': '1.875rem',
|
|
142
136
|
'font-weight': '700',
|
|
143
137
|
'line-height': '1.875rem',
|
|
144
|
-
'margin-bottom': '1rem',
|
|
145
138
|
},
|
|
146
139
|
'.h4': {
|
|
147
140
|
'font-size': '1.5rem',
|
|
148
141
|
'font-weight': '700',
|
|
149
142
|
'line-height': '1.5rem',
|
|
150
|
-
'margin-bottom': '0.75rem',
|
|
151
143
|
},
|
|
152
144
|
'.h5': {
|
|
153
145
|
'font-size': '1.25rem',
|
|
154
146
|
'font-weight': '700',
|
|
155
147
|
'line-height': '1.25rem',
|
|
156
|
-
'margin-bottom': '0.625rem',
|
|
157
148
|
},
|
|
158
149
|
'.h6': {
|
|
159
150
|
'font-size': '1.125rem',
|
|
160
151
|
'font-weight': '700',
|
|
161
152
|
'line-height': '1.125rem',
|
|
162
|
-
'margin-bottom': '0.5rem',
|
|
163
153
|
},
|
|
164
154
|
'.heading': {
|
|
165
155
|
width: '100%',
|