File tree Expand file tree Collapse file tree 1 file changed +13
-9
lines changed
Expand file tree Collapse file tree 1 file changed +13
-9
lines changed Original file line number Diff line number Diff line change 11# twcss-to-sass
22HTML template to SASS converter for TailwindCSS
33
4- ## ** [ Demo] ( https://egoistdeveloper.github.io/twcss-to-sass/ ) **
4+ ## 🚀 ** [ Demo] ( https://egoistdeveloper.github.io/twcss-to-sass/ ) **
55
6- ## Install
6+
7+
8+ ## 📦 Installation
79``` bash
810npm i @egoistdeveloper/twcss-to-sass
911```
1012
11- ## Browser Example
13+ ## 🔰 Browser Example
1214
1315``` javascript
1416< script src= " ./twcss-to-sass.js" >< / script>
1517
1618< script>
1719 const { convertToSass } = twcssToSass,
18- html = ` <div class="bg-white">
20+ html = ` <!-- Container Start -->
21+ <!-- Container Any -->
22+ <div class="bg-white">
23+ <!-- Some Div -->
1924 <div class="flex justify-center items-center min-h-screen min-w-full">
2025 <div class="flex relative">
26+ <!-- Inner Div -->
2127 <div class="w-72 h-40 bg-green-400 transform transition-all skew-x-12 -skew-y-12 absolute rounded-lg">
2228 My Text 1
2329 </div>
24- <div class="w-72 h-40 bg-yellow-400 transform transition-all skew-x-12 -skew-y-12 absolute -top-4 -left-4 rounded-lg">
25- My Text 2
26- </div>
2730 </div>
2831 </div>
29- </div>` ;
32+ </div>
33+ <!-- Container End-->` ;
3034
3135 console .log (convertToSass (html));
3236< / script>
3337```
3438
35- ## NodeJS Example
39+ ## 🔰 NodeJS Example
3640
3741``` javascript
3842const twsToSass = require (' ./twcss-to-sass' );
You can’t perform that action at this time.
0 commit comments