1 | dot.css [![Build Status](https://github.com/doubledotlabs/dot-css/workflows/Build%20SCSS/badge.svg)](https://github.com/doubledotlabs/dot-css/actions)
|
2 | [![NPM Package](https://img.shields.io/npm/v/@doubledotlabs/dot.css?color=red&logo=npm)](https://www.npmjs.com/package/@doubledotlabs/dot.css)
|
3 | =====
|
4 |
|
5 | [dot.css](https://jfenn.me/styles/) is a simple CSS framework designed to be intuitive and effective.
|
6 |
|
7 | ## Usage
|
8 |
|
9 | ### NPM
|
10 |
|
11 | You can install dot.css as an [NPM module](https://www.npmjs.com/package/@doubledotlabs/dot.css):
|
12 |
|
13 | ```sh
|
14 | npm install @doubledotlabs/dot.css
|
15 | ```
|
16 |
|
17 | This provides the SCSS files at `node_modules/@doubledotlabs/dot.css/scss/styles.scss`. You can `@import` this file into
|
18 | another SCSS file to set custom variables and integrate it with your site's build process.
|
19 |
|
20 | ### CDN
|
21 |
|
22 | If you do not need to customize the CSS, you can include the compiled CSS in your HTML using [UNPKG](https://unpkg.com/browse/@doubledotlabs/dot.css/):
|
23 |
|
24 | ```html
|
25 | <link rel="stylesheet" href="https://unpkg.com/@doubledotlabs/dot.css@{version}/dist/styles.css">
|
26 | ```
|
27 |
|
28 | ## Icons
|
29 |
|
30 | These styles include the [`.material-icons`](https://google.github.io/material-design-icons/) web font by default, but are compatible with other alternatives (e.g. [FontAwesome](https://fontawesome.com/)) as well.
|
31 |
|
32 | ## License
|
33 |
|
34 | ```text
|
35 | Copyright (c) 2021 dot-css Contributors
|
36 |
|
37 | This Source Code Form is subject to the terms of the Mozilla Public
|
38 | License, v. 2.0. If a copy of the MPL was not distributed with this
|
39 | file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
40 | ```
|