diff --git a/examples/browser/index.html b/examples/browser/index.html index 9ea749d..73039e6 100644 --- a/examples/browser/index.html +++ b/examples/browser/index.html @@ -11,10 +11,15 @@

Tailwind to SASS Converter Basic Example

HTML Content

-

+    

+
+    
+ +

HTML Output

+

 
     

SASS Output

-

+    

 
     
     
@@ -40,8 +45,12 @@ 

SASS Output

` - document.querySelector('#html-content').innerText = html - document.querySelector('#sass-output').innerHTML = convertToSass(html) + const converterResult = convertToSass(html); + + document.querySelector('#input-html').innerText = html + + document.querySelector('#output-html').innerText = converterResult.html + document.querySelector('#output-sass').innerText = converterResult.sass diff --git a/readme.md b/readme.md index 24526f1..9d594a1 100644 --- a/readme.md +++ b/readme.md @@ -47,6 +47,21 @@ npm i @egoistdeveloper/twcss-to-sass ``` +**HTML Output** + +```xml + +
+ +
+
+ +
+
+
+
+``` + **SASS Output** ```scss @@ -99,7 +114,8 @@ npm i @egoistdeveloper/twcss-to-sass `; - console.log(convertToSass(html)); + console.log(convertToSass(html).html); + console.log(convertToSass(html).sass); ``` @@ -115,7 +131,8 @@ const htmlContent = fs.readFileSync( 'UTF-8' ) -console.log(TwCssToSass.convertToSass(htmlContent)); +console.log(TwCssToSass.convertToSass(htmlContent).sass); +console.log(TwCssToSass.convertToSass(htmlContent).html); ``` @@ -126,7 +143,8 @@ import { convertToSass } from '@egoistdeveloper/twcss-to-sass'; const htmlContent = '
My Text 1
'; -console.log(convertToSass(htmlContent)); +console.log(convertToSass(htmlContent).sass); +console.log(convertToSass(htmlContent).html); ```