Skip to content

Commit 995fe12

Browse files
committed
update readme
1 parent f1c39e9 commit 995fe12

File tree

1 file changed

+13
-9
lines changed

1 file changed

+13
-9
lines changed

readme.md

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,42 @@
11
# twcss-to-sass
22
HTML 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
810
npm 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
3842
const twsToSass = require('./twcss-to-sass');

0 commit comments

Comments
 (0)