Skip to content

Commit 19a33d6

Browse files
committed
chore: Update semantic color documentation to include tailwind information
1 parent d006504 commit 19a33d6

File tree

1 file changed

+17
-3
lines changed

1 file changed

+17
-3
lines changed

packages/ffe-core/documentation/Colors.mdx

+17-3
Original file line numberDiff line numberDiff line change
@@ -22,11 +22,26 @@ Bruken av accent er der en har en blokk på side med en annen bakgrunnsfarge enn
2222

2323
Se eksempelet [på en slik side med en accent section]() WIP
2424

25+
## Tailwind
26+
27+
For å bruke semantiske farger i Tailwind importerer en `@sb1/ffe-core/lib/senamticColors`.
28+
29+
```tsx
30+
import * as colors from '@sb1/ffe-core/lib/senamticColors';
31+
module.exports = {
32+
theme: {
33+
colors: {
34+
...colors,
35+
},
36+
},
37+
};
38+
```
39+
40+
Da blir fargene tilgjengelige på i camelCase uten `--fee-color`. Feks `--ffe-color-background-default` -> `backgroundDefault`
2541

2642
## Liste over de semantiske fargene
2743

28-
29-
<table class="ffe-color-table">
44+
<table class="ffe-color-table">
3045
<thead>
3146
<tr>
3247
<th>Farge navn</th>
@@ -57,4 +72,3 @@ Se eksempelet [på en slik side med en accent section]() WIP
5772
))}
5873
</tbody>
5974
</table>
60-

0 commit comments

Comments
 (0)