Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nemuvski/nacss

đŸ˜¶ CSS to prepare a base for styling
https://github.com/nemuvski/nacss

css normalize-css

Last synced: 4 days ago
JSON representation

đŸ˜¶ CSS to prepare a base for styling

Awesome Lists containing this project

README

        

# đŸ˜¶ nacss

[![npm](https://img.shields.io/badge/nacss-555?style=flat-square&logo=npm)](https://www.npmjs.com/package/nacss)
![npm](https://img.shields.io/npm/v/nacss?style=flat-square)
![npm](https://img.shields.io/npm/l/nacss?style=flat-square)
[![npm](https://img.shields.io/badge/documents-555?style=flat-square&logo=netlify)](https://nacss.netlify.app/)

**nacss** (*ăȘくす* in Japanese) is CSS to prepare a base for styling.

Inspired by [normalize.css](https://www.npmjs.com/package/normalize.css). It provides many great tips of CSS normalization till now.

## Preview

You can see the preview of **nacss** styles *[here](https://nacss.netlify.app/preview/)*.

## Support browsers

- Chrome (latest)
- Firefox (latest)
- Safari (latest)

## Installation

```bash
npm install nacss
yarn add nacss
```

There's no need to install package if loading CSS file via CDN.

## How to use

Just load CSS file in your project.

There are several ways to load CSS. The following shows how to load.
Then of course, the choice is yours. 🐑

### HTML

Insert `` into ``.

```html

```

See *[here](https://github.com/nemuvski/nacss/releases)* for valid version.

### JavaScript

```js
import 'nacss';
```

### Stylesheet

```css
@import 'nacss';
@import url(nacss);

/* via CDN */
@import url(https://cdn.jsdelivr.net/npm/nacss/dist/nacss.min.css);
```