CSS FrameworkTailwind-powered CSS Framework.
This documentation was written using Svelte.
- We have removed some of the default variants in the
tailwind.config.jsfile (to save space)
- Breakpoints: Currently only have 2 (
- Tailwind Intellisense vscode plugin is mint
- Spacing in the theme determines the
Adding the CSS Framework to your App
- Add the
styles.min.cssvia CDN into your
```html <link href="https://unpkg.com/@nib/css-framework@^1.0.0/dist/styles.min.css" rel="stylesheet" /> ``` This will give you version `1.0.0`. To get the latest version, remove `@^1.0.0` from the `href`.
Getting startedTo get started:
- Clone the repository:
```bash git clone firstname.lastname@example.org:nib-group/css-framework.git ```
- Install the dependencies:
```bash # Using npm npm install # Using Yarn yarn ```
- Build the
```bash # Using npm npm run build # Using Yarn yarn run build ``` This will build out the `dist/styles.css` and `dist/styles.min.css` files used by the docs. To optimise the CSS for production, [cssnano](https://cssnano.co/) has been used for the minified styles.
- Start the development server:
Now you should be able to see the project running at localhost:5000.
```bash # Using npm npm run dev # Using Yarn yarn run dev ```