Skip to content
This repository was archived by the owner on Dec 28, 2022. It is now read-only.

Commit d152a59

Browse files
author
Florian Torres
committed
Readme update
1 parent 79e4c7a commit d152a59

File tree

2 files changed

+6
-2
lines changed

2 files changed

+6
-2
lines changed

README.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,13 +97,13 @@ module.exports = {
9797
}
9898
```
9999

100-
Eventually, you can use the **Tailwind variables** in your templates :
100+
That's it ! You can now use the **Tailwind variables** in your templates :
101101

102102
```html
103103
<section class="container mx-auto mt-24">
104104

105105
<h1 class="text-2xl text-primary">Supernova x Tailwind exporter x Tailwind</h1>
106-
<p class="text-secondary mt-2">Tailwind setup</p>
106+
<p class="text-secondary mt-2">Importing your design system</p>
107107
<ul class="flex mt-2 text-white">
108108
<li class="p-2 mr-3 rounded bg-primary-dark2">Dark 2</li>
109109
<li class="p-2 mr-3 rounded bg-primary-dark1">Dark 1</li>
@@ -116,6 +116,8 @@ Eventually, you can use the **Tailwind variables** in your templates :
116116
</section>
117117
```
118118

119+
<img src="./result-example.png" alt="Result example" style="width:600px;max-width:100%;">
120+
119121
Tokens supported for tailwind exporter :
120122

121123
- [x] Color definitions
@@ -126,6 +128,8 @@ Tokens supported for tailwind exporter :
126128
- [ ] Radii
127129
- [ ] Measures
128130

131+
---
132+
129133
The CSS allows you to **produce a CSS definitions** in such a way that it can be immediately used in your production codebase to style all your visual elements. Specifically, this exporter is capable of exporting the previews of:
130134

131135
- [x] Color definitions

result-example.png

25.3 KB
Loading

0 commit comments

Comments
 (0)