UNPKG

@skeletonlabs/skeleton

Version:

This repository contains all the stylesheets for the Skeleton package.

github.com/skeletonlabs/skeleton

skeletonlabs/skeleton

58 lines (40 loc) • 1.53 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
# Skeleton This repository contains all the stylesheets for the Skeleton package. ## Installation ```bash pnpm add @skeletonlabs/skeleton ``` ## Usage 1. Import our base stylesheet _after_ the tailwind import: ```css @import 'tailwindcss'; @import '@skeletonlabs/skeleton'; /* Add Skeleton Stylesheet */ ``` 2. Import a prebuild or custom theme _after_ the base skeleton import: ```css @import 'tailwindcss'; @import '@skeletonlabs/skeleton'; @import '@skeletonlabs/skeleton/themes/cerberus'; /* Add Skeleton Theme */ ``` 3. Set your imported theme in your HTML root: ```html <html data-theme="cerberus"> <!-- Add Skeleton Theme --> <!-- ... --> </html> ``` 4. Enjoy Skeleton! Visit [the documentation](https://skeleton.dev/) for any questions. ## Project Setup This project uses [Vite](https://vite.dev/) as the build tool. To author our CSS stylesheets in an efficient way we utilize [Sass](https://sass-lang.com/) for handling things like loops and shared variables. This is merely a build tool so we will never author actual Sass, we're a Tailwind library after all. ## Project Structure ``` src/ ├── base/ # Core styles, color definitions, and base configurations ├── components/ # Component-specific classes ├── internal/ # Internal utilities, constants, and shared resources ├── themes/ # All official Skeleton themes ├── utilities/ # Tailwind utilities └── variants/ # Tailwind variants ``` ## License This project is licensed under the MIT license.