open-index/open-npm huggingface dataset:
npm package: 960.css
Description: 960 SCSS Layout most used and shortests css classes.
Author: Anthony Sychev
Latest version: 1.0.10


# 960 Grid CSS Speed classes

[![MIT license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)
[![Issues](https://img.shields.io/github/issues/klich3/960.svg)]( https://github.com/klich3/960/issues )
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/klich3/960.svg)](https://GitHub.com/klich3/960/pull/)


Css base mos used methods in one css file.

## CSS Definitions

Logical definition for sizes: `.<Size><Class modifier>`

## Install

Simply run `npm i 960.css --save-dev` or directly from git `npm i https://github.com/klich3/960`

Need last version, no problem run this command for this: `npm i 960.css@latest`

In your Vue3 project just add import line in file `main.js` 

```javascript
import "960.css";
```

### Dev

Live preview: `npm run watch`
Lint: `npm run lint`
Lint fix: `npm run lint-fix`

Test:  `npm run prepublish` or `npm run test`

Compile command: `npm run build:css` or `npm run scss-compile`

Publish script: 
    - `npm install --global np`
    - `npm publish --access=public ./`

### DOCS

* https://sass-lang.com/documentation/at-rules/mixin

---

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=klich3/960&type=Date)](https://star-history.com/#klich3/960&Date)