https://github.com/klich3/960

css 960 grid layouts short classes
https://github.com/klich3/960

960 960-grid css css-grid css3 grid grid-layout grid-system layout module scss scss-styles

Last synced: about 1 year ago
JSON representation

css 960 grid layouts short classes

• Host: GitHub
• URL: https://github.com/klich3/960
• Owner: klich3
• License: mit
• Created: 2022-07-25T11:31:49.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T09:45:18.000Z (over 1 year ago)
• Last Synced: 2025-03-24T02:36:55.556Z (about 1 year ago)
• Topics: 960, 960-grid, css, css-grid, css3, grid, grid-layout, grid-system, layout, module, scss, scss-styles
• Language: CSS
• Homepage: https://960-documentation.vercel.app/
• Size: 712 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Citation: CITATION.cff

Awesome Lists containing this project

README

          

# 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: `.`

## 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)