Skeleton
This repository contains all the stylesheets for the Skeleton package.
Installation
pnpm add @skeletonlabs/skeleton
Usage
- Import our base stylesheet after the tailwind import:
@import 'tailwindcss';
@import '@skeletonlabs/skeleton';
- Import a prebuild or custom theme after the base skeleton import:
@import 'tailwindcss';
@import '@skeletonlabs/skeleton';
@import '@skeletonlabs/skeleton/themes/cerberus';
- Set your imported theme in your HTML root:
<html data-theme="cerberus">
</html>
Project Setup
This project uses Vite as the build tool. To author our CSS stylesheets in an efficient way we utilize Sass 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.