Skip to content
This repository was archived by the owner on Oct 19, 2021. It is now read-only.

Commit 5857b71

Browse files
committed
add configuration setup
1 parent b49c1a9 commit 5857b71

1 file changed

Lines changed: 13 additions & 8 deletions

File tree

docs/content/en/setup.md

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,23 @@ Component classes are following Bootstrap V5.0+ standard.
1313

1414
You can simply copy and paste our ready-to-use component classes CSS from this [`dist/` directory](https://github.com/initbase/clean/tree/main/dist).
1515

16-
### Browser
16+
### TailwindCSS CDN
1717

18-
Import styles to your HTML like you usually do.
18+
By using Tailwind CDN version, you will not be able to use `@apply` there and you cannot _extends_ Tailwind themes, therefore you will use default color configuration from Clean UI.
1919

2020
```html
21-
<link rel="stylesheet" href="dist/themes.css">
22-
```
23-
or
24-
```html
25-
<link rel="stylesheet" href="dist/themes.scss">
21+
<link
22+
href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
23+
rel="stylesheet"
24+
/>
25+
<link
26+
href="https://unpkg.com/initbase-clean-ui@1.1.0/dist/theme.plain.css"
27+
rel="stylesheet"
28+
/>
2629
```
2730

31+
See [CDN example](/static-cdn)
32+
2833
## Tailwind Configuration
2934

3035
Clean UI using configuration as follows.
@@ -48,7 +53,7 @@ If you don't include `100`, `500`, and `600` color options, an error will be occ
4853

4954
<br />
5055

51-
Alternatively you can use `dist/themes.css` and Clean UI default Tailwind config will be applied so you can't change the colors `primary`, `secondary`, `success`, etc.
56+
Alternatively you can use `dist/theme.plain.css` and Clean UI default Tailwind config will be applied so you can't change the colors `primary`, `secondary`, `success`, etc.
5257

5358
<br />
5459

0 commit comments

Comments
 (0)