@udixio/tailwind 1.1.0 → 1.2.0
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/CHANGELOG.md +10 -0
- package/dist/index.cjs +25 -0
- package/dist/index.js +25 -0
- package/package.json +1 -1
- package/src/main.ts +2 -0
- package/src/plugins-tailwind/shadow.ts +32 -0
package/CHANGELOG.md
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -128,6 +128,30 @@ const font = plugin.withOptions((options) => {
|
|
|
128
128
|
addUtilities(newUtilities);
|
|
129
129
|
};
|
|
130
130
|
});
|
|
131
|
+
const shadow = plugin(
|
|
132
|
+
({ addUtilities }) => {
|
|
133
|
+
addUtilities({
|
|
134
|
+
[".shadow"]: {
|
|
135
|
+
boxShadow: "0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f"
|
|
136
|
+
},
|
|
137
|
+
[".shadow-1"]: {
|
|
138
|
+
boxShadow: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
|
|
139
|
+
},
|
|
140
|
+
[".shadow-2"]: {
|
|
141
|
+
boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
|
|
142
|
+
},
|
|
143
|
+
[".shadow-3"]: {
|
|
144
|
+
boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
|
|
145
|
+
},
|
|
146
|
+
[".shadow-4"]: {
|
|
147
|
+
boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)"
|
|
148
|
+
},
|
|
149
|
+
[".box-shadow-5"]: {
|
|
150
|
+
boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
|
|
151
|
+
}
|
|
152
|
+
});
|
|
153
|
+
}
|
|
154
|
+
);
|
|
131
155
|
const main = plugin.withOptions((args) => {
|
|
132
156
|
const configCss = args;
|
|
133
157
|
const fontStyles = {};
|
|
@@ -158,6 +182,7 @@ const main = plugin.withOptions((args) => {
|
|
|
158
182
|
return (api) => {
|
|
159
183
|
font(options).handler(api);
|
|
160
184
|
state(options).handler(api);
|
|
185
|
+
shadow.handler(api);
|
|
161
186
|
};
|
|
162
187
|
});
|
|
163
188
|
const createOrUpdateFile = (filePath, content) => {
|
package/dist/index.js
CHANGED
|
@@ -108,6 +108,30 @@ const font = plugin.withOptions((options) => {
|
|
|
108
108
|
addUtilities(newUtilities);
|
|
109
109
|
};
|
|
110
110
|
});
|
|
111
|
+
const shadow = plugin(
|
|
112
|
+
({ addUtilities }) => {
|
|
113
|
+
addUtilities({
|
|
114
|
+
[".shadow"]: {
|
|
115
|
+
boxShadow: "0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f"
|
|
116
|
+
},
|
|
117
|
+
[".shadow-1"]: {
|
|
118
|
+
boxShadow: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
|
|
119
|
+
},
|
|
120
|
+
[".shadow-2"]: {
|
|
121
|
+
boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
|
|
122
|
+
},
|
|
123
|
+
[".shadow-3"]: {
|
|
124
|
+
boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
|
|
125
|
+
},
|
|
126
|
+
[".shadow-4"]: {
|
|
127
|
+
boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)"
|
|
128
|
+
},
|
|
129
|
+
[".box-shadow-5"]: {
|
|
130
|
+
boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
}
|
|
134
|
+
);
|
|
111
135
|
const main = plugin.withOptions((args) => {
|
|
112
136
|
const configCss = args;
|
|
113
137
|
const fontStyles = {};
|
|
@@ -138,6 +162,7 @@ const main = plugin.withOptions((args) => {
|
|
|
138
162
|
return (api) => {
|
|
139
163
|
font(options).handler(api);
|
|
140
164
|
state(options).handler(api);
|
|
165
|
+
shadow.handler(api);
|
|
141
166
|
};
|
|
142
167
|
});
|
|
143
168
|
const createOrUpdateFile = (filePath, content) => {
|
package/package.json
CHANGED
package/src/main.ts
CHANGED
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
state,
|
|
6
6
|
StateOptions,
|
|
7
7
|
} from './plugins-tailwind';
|
|
8
|
+
import { shadow } from './plugins-tailwind/shadow';
|
|
8
9
|
|
|
9
10
|
export type ConfigJs = FontPluginOptions & StateOptions;
|
|
10
11
|
export type ConfigCss = {
|
|
@@ -48,5 +49,6 @@ export const main = plugin.withOptions<ConfigJs>((args) => {
|
|
|
48
49
|
return (api: PluginAPI) => {
|
|
49
50
|
font(options).handler(api);
|
|
50
51
|
state(options).handler(api);
|
|
52
|
+
shadow.handler(api);
|
|
51
53
|
};
|
|
52
54
|
});
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import plugin, { PluginAPI } from 'tailwindcss/plugin';
|
|
2
|
+
|
|
3
|
+
export const shadow = plugin(
|
|
4
|
+
({ addUtilities }: Pick<PluginAPI, 'addUtilities'>) => {
|
|
5
|
+
addUtilities({
|
|
6
|
+
['.shadow']: {
|
|
7
|
+
boxShadow:
|
|
8
|
+
'0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f',
|
|
9
|
+
},
|
|
10
|
+
['.shadow-1']: {
|
|
11
|
+
boxShadow:
|
|
12
|
+
'0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',
|
|
13
|
+
},
|
|
14
|
+
['.shadow-2']: {
|
|
15
|
+
boxShadow:
|
|
16
|
+
'0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',
|
|
17
|
+
},
|
|
18
|
+
['.shadow-3']: {
|
|
19
|
+
boxShadow:
|
|
20
|
+
'0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)',
|
|
21
|
+
},
|
|
22
|
+
['.shadow-4']: {
|
|
23
|
+
boxShadow:
|
|
24
|
+
'0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)',
|
|
25
|
+
},
|
|
26
|
+
['.box-shadow-5']: {
|
|
27
|
+
boxShadow:
|
|
28
|
+
'0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)',
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
},
|
|
32
|
+
);
|