1
1
"use strict" ;
2
2
( self [ "webpackChunkreactunity_sample" ] = self [ "webpackChunkreactunity_sample" ] || [ ] ) . push ( [ [ "src_pages_style-frameworks_tailwind_index_tsx" ] , {
3
3
4
- /***/ "../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[1]!../../scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[2]!./src/pages/style-frameworks/tailwind/index.css" :
4
+ /***/ "./src/pages/style-frameworks/tailwind/index.tsx" :
5
+ /***/ ( ( __unused_webpack_module , __webpack_exports__ , __webpack_require__ ) => {
6
+
7
+ // ESM COMPAT FLAG
8
+ __webpack_require__ . r ( __webpack_exports__ ) ;
9
+
10
+ // EXPORTS
11
+ __webpack_require__ . d ( __webpack_exports__ , {
12
+ TailwindPage : ( ) => ( /* binding */ TailwindPage ) ,
13
+ "default" : ( ) => ( /* binding */ pages_style_frameworks_tailwind )
14
+ } ) ;
15
+
16
+ // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
17
+ var injectStylesIntoStyleTag = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js" ) ;
18
+ var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__ . n ( injectStylesIntoStyleTag ) ;
19
+ // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/styleDomAPI.js
20
+ var styleDomAPI = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/styleDomAPI.js" ) ;
21
+ var styleDomAPI_default = /*#__PURE__*/ __webpack_require__ . n ( styleDomAPI ) ;
22
+ // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/insertBySelector.js
23
+ var insertBySelector = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/insertBySelector.js" ) ;
24
+ var insertBySelector_default = /*#__PURE__*/ __webpack_require__ . n ( insertBySelector ) ;
25
+ // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
26
+ var setAttributesWithoutAttributes = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js" ) ;
27
+ var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__ . n ( setAttributesWithoutAttributes ) ;
28
+ // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/insertStyleElement.js
29
+ var insertStyleElement = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/insertStyleElement.js" ) ;
30
+ var insertStyleElement_default = /*#__PURE__*/ __webpack_require__ . n ( insertStyleElement ) ;
31
+ // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/styleTagTransform.js
32
+ var styleTagTransform = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/styleTagTransform.js" ) ;
33
+ var styleTagTransform_default = /*#__PURE__*/ __webpack_require__ . n ( styleTagTransform ) ;
34
+ // EXTERNAL MODULE: ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[2]!./src/pages/style-frameworks/tailwind/index.css
35
+ var tailwind = __webpack_require__ ( "../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[2]!./src/pages/style-frameworks/tailwind/index.css" ) ;
36
+ ; // CONCATENATED MODULE: ./src/pages/style-frameworks/tailwind/index.css
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+ var options = { } ;
49
+
50
+ options . styleTagTransform = ( styleTagTransform_default ( ) ) ;
51
+ options . setAttributes = ( setAttributesWithoutAttributes_default ( ) ) ;
52
+ options . insert = insertBySelector_default ( ) . bind ( null , "head" ) ;
53
+ options . domAPI = ( styleDomAPI_default ( ) ) ;
54
+ options . insertStyleElement = ( insertStyleElement_default ( ) ) ;
55
+
56
+ var update = injectStylesIntoStyleTag_default ( ) ( tailwind /* default */ . A , options ) ;
57
+
58
+
59
+
60
+
61
+ /* harmony default export */ const style_frameworks_tailwind = ( tailwind /* default */ . A && tailwind /* default */ . A . locals ? tailwind /* default */ . A . locals : undefined ) ;
62
+
63
+ // EXTERNAL MODULE: ../../node_modules/@emotion /react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js
64
+ var emotion_react_jsx_runtime_browser_esm = __webpack_require__ ( "../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js" ) ;
65
+ ; // CONCATENATED MODULE: ./src/pages/style-frameworks/tailwind/index.tsx
66
+ function TailwindPage ( ) { return ( 0 , emotion_react_jsx_runtime_browser_esm /* jsxs */ . FD ) ( "div" , { className :'tailwind-root flex-row' , children :[ ( 0 , emotion_react_jsx_runtime_browser_esm /* jsxs */ . FD ) ( "div" , { className :'flex-row' , children :[ ( 0 , emotion_react_jsx_runtime_browser_esm /* jsx */ . Y ) ( "button" , { className :'bg-blue-400 hover:bg-red-400 p-3 m-3 transition-colors hover:translate-y-1' , children :"Tailwind Button" } ) , ( 0 , emotion_react_jsx_runtime_browser_esm /* jsx */ . Y ) ( "button" , { className :'bg-yellow-500 text-primary hover:bg-green-400 shadow-md p-3 m-3 transition-colors' , children :"Second Button" } ) ] } ) , ( 0 , emotion_react_jsx_runtime_browser_esm /* jsx */ . Y ) ( "view" , { css :"flex-row" , children :( 0 , emotion_react_jsx_runtime_browser_esm /* jsx */ . Y ) ( "button" , { css :[ { "margin" :"0.75rem" , "--tw-bg-opacity" :"1" , "backgroundColor" :"rgb(96 165 250 / var(--tw-bg-opacity, 1))" , "padding" :"0.75rem" , "transitionProperty" :"color, background-color, border-color, text-decoration-color, fill, stroke" , "transitionTimingFunction" :"cubic-bezier(0.4, 0, 0.2, 1)" , "transitionDuration" :"150ms" , "&:hover" :{ "--tw-translate-y" :"0.25rem" , "transform" :"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))" , "--tw-bg-opacity" :"1" , "backgroundColor" :"rgb(248 113 113 / var(--tw-bg-opacity, 1))" } } , { fontSize :20 } ] , children :"Twin Macro also works" } ) } ) ] } ) ; } /* harmony default export */ const pages_style_frameworks_tailwind = ( TailwindPage ) ;
67
+
68
+ /***/ } ) ,
69
+
70
+ /***/ "../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[2]!./src/pages/style-frameworks/tailwind/index.css" :
5
71
/***/ ( ( module , __webpack_exports__ , __webpack_require__ ) => {
6
72
7
73
/* harmony export */ __webpack_require__ . d ( __webpack_exports__ , {
@@ -58,19 +124,19 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/* @tailwind base; */
58
124
}
59
125
.bg-blue-400 {
60
126
--tw-bg-opacity: 1;
61
- background-color: rgb(96 165 250 / var(--tw-bg-opacity))
127
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1 ))
62
128
}
63
129
.bg-green-300 {
64
130
--tw-bg-opacity: 1;
65
- background-color: rgb(134 239 172 / var(--tw-bg-opacity))
131
+ background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1 ))
66
132
}
67
133
.bg-white {
68
134
--tw-bg-opacity: 1;
69
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
135
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1 ))
70
136
}
71
137
.bg-yellow-500 {
72
138
--tw-bg-opacity: 1;
73
- background-color: rgb(234 179 8 / var(--tw-bg-opacity))
139
+ background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1 ))
74
140
}
75
141
.p-2 {
76
142
padding: 0.5rem
@@ -103,83 +169,17 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/* @tailwind base; */
103
169
}
104
170
.hover\\:bg-green-400:hover {
105
171
--tw-bg-opacity: 1;
106
- background-color: rgb(74 222 128 / var(--tw-bg-opacity))
172
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1 ))
107
173
}
108
174
.hover\\:bg-red-400:hover {
109
175
--tw-bg-opacity: 1;
110
- background-color: rgb(248 113 113 / var(--tw-bg-opacity))
176
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1 ))
111
177
}
112
178
` , "" ] ) ;
113
179
// Exports
114
180
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ( ___CSS_LOADER_EXPORT___ ) ;
115
181
116
182
117
- /***/ } ) ,
118
-
119
- /***/ "./src/pages/style-frameworks/tailwind/index.tsx" :
120
- /***/ ( ( __unused_webpack_module , __webpack_exports__ , __webpack_require__ ) => {
121
-
122
- // ESM COMPAT FLAG
123
- __webpack_require__ . r ( __webpack_exports__ ) ;
124
-
125
- // EXPORTS
126
- __webpack_require__ . d ( __webpack_exports__ , {
127
- TailwindPage : ( ) => ( /* binding */ TailwindPage ) ,
128
- "default" : ( ) => ( /* binding */ pages_style_frameworks_tailwind )
129
- } ) ;
130
-
131
- // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
132
- var injectStylesIntoStyleTag = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js" ) ;
133
- var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__ . n ( injectStylesIntoStyleTag ) ;
134
- // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/styleDomAPI.js
135
- var styleDomAPI = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/styleDomAPI.js" ) ;
136
- var styleDomAPI_default = /*#__PURE__*/ __webpack_require__ . n ( styleDomAPI ) ;
137
- // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/insertBySelector.js
138
- var insertBySelector = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/insertBySelector.js" ) ;
139
- var insertBySelector_default = /*#__PURE__*/ __webpack_require__ . n ( insertBySelector ) ;
140
- // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
141
- var setAttributesWithoutAttributes = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js" ) ;
142
- var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__ . n ( setAttributesWithoutAttributes ) ;
143
- // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/insertStyleElement.js
144
- var insertStyleElement = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/insertStyleElement.js" ) ;
145
- var insertStyleElement_default = /*#__PURE__*/ __webpack_require__ . n ( insertStyleElement ) ;
146
- // EXTERNAL MODULE: ../../node_modules/style-loader/dist/runtime/styleTagTransform.js
147
- var styleTagTransform = __webpack_require__ ( "../../node_modules/style-loader/dist/runtime/styleTagTransform.js" ) ;
148
- var styleTagTransform_default = /*#__PURE__*/ __webpack_require__ . n ( styleTagTransform ) ;
149
- // EXTERNAL MODULE: ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[1]!../../scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[2]!./src/pages/style-frameworks/tailwind/index.css
150
- var tailwind = __webpack_require__ ( "../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[1]!../../scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[4].use[2]!./src/pages/style-frameworks/tailwind/index.css" ) ;
151
- ; // CONCATENATED MODULE: ./src/pages/style-frameworks/tailwind/index.css
152
-
153
-
154
-
155
-
156
-
157
-
158
-
159
-
160
-
161
-
162
-
163
- var options = { } ;
164
-
165
- options . styleTagTransform = ( styleTagTransform_default ( ) ) ;
166
- options . setAttributes = ( setAttributesWithoutAttributes_default ( ) ) ;
167
- options . insert = insertBySelector_default ( ) . bind ( null , "head" ) ;
168
- options . domAPI = ( styleDomAPI_default ( ) ) ;
169
- options . insertStyleElement = ( insertStyleElement_default ( ) ) ;
170
-
171
- var update = injectStylesIntoStyleTag_default ( ) ( tailwind /* default */ . A , options ) ;
172
-
173
-
174
-
175
-
176
- /* harmony default export */ const style_frameworks_tailwind = ( tailwind /* default */ . A && tailwind /* default */ . A . locals ? tailwind /* default */ . A . locals : undefined ) ;
177
-
178
- // EXTERNAL MODULE: ../../node_modules/react/jsx-runtime.js
179
- var jsx_runtime = __webpack_require__ ( "../../node_modules/react/jsx-runtime.js" ) ;
180
- ; // CONCATENATED MODULE: ./src/pages/style-frameworks/tailwind/index.tsx
181
- function TailwindPage ( ) { return /*#__PURE__*/ ( 0 , jsx_runtime . jsxs ) ( "div" , { className :'tailwind-root flex-row' , children :[ /*#__PURE__*/ ( 0 , jsx_runtime . jsxs ) ( "div" , { className :'flex-row' , children :[ /*#__PURE__*/ ( 0 , jsx_runtime . jsx ) ( "button" , { className :'bg-blue-400 hover:bg-red-400 p-3 m-3 transition-colors hover:translate-y-1' , children :"Tailwind Button" } ) , /*#__PURE__*/ ( 0 , jsx_runtime . jsx ) ( "button" , { className :'bg-yellow-500 text-primary hover:bg-green-400 shadow-md p-3 m-3 transition-colors' , children :"Second Button" } ) ] } ) , /*#__PURE__*/ ( 0 , jsx_runtime . jsx ) ( "view" , { css :"flex-row" , children :/*#__PURE__*/ ( 0 , jsx_runtime . jsx ) ( "button" , { css :[ { "margin" :"0.75rem" , "--tw-bg-opacity" :"1" , "backgroundColor" :"rgb(96 165 250 / var(--tw-bg-opacity))" , "padding" :"0.75rem" , "transitionProperty" :"color, background-color, border-color, text-decoration-color, fill, stroke" , "transitionTimingFunction" :"cubic-bezier(0.4, 0, 0.2, 1)" , "transitionDuration" :"150ms" , "&:hover" :{ "--tw-translate-y" :"0.25rem" , "transform" :"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))" , "--tw-bg-opacity" :"1" , "backgroundColor" :"rgb(248 113 113 / var(--tw-bg-opacity))" } } , { fontSize :20 } ] , children :"Twin Macro also works" } ) } ) ] } ) ; } /* harmony default export */ const pages_style_frameworks_tailwind = ( TailwindPage ) ;
182
-
183
183
/***/ } )
184
184
185
185
} ] ) ;
0 commit comments