Shorthand

Shorthand is a CSS framework and does not include any javascript. You can customize the framework by using .scss only.

Size

Dist | File | URL
|---|---|---|
Lite | lite.shorthand.min.css | 
Full | shorthand.min.css | 

Features

- Design almost anything without writing a css code.
- Ready to use default styles for some frequently used elements like form, table and spinner.
- Two style files available monochrome and multicolor.
- Lite distribution style in with gray colors only, available under 16KB.
- Two gray color sets available gray and slategray.
- Make interactive UI using transitions and transformations.
- 36 Google fonts are already included.
- Take advantage of filters. It’s easy to make Apple like blur effect.
- More color options than any other popular framework.
- Gradient text, background and border color. 250+ Gradient color options.
- Responsive height. Maintain aspect ratio of block 1:1, 1:2, 4:3 and more.
- Make content placeholder with in-progress class.

Quick start

Several quick start options are available:

1. Download the latest release.
2. Clone the repo: git clone https://github.com/shorthandcss/shorthand.git.
3. Install with npm: npm install shorthandcss.
4. Use CDN

Develop

Clone the repo from Github and install dependencies through npm.

`` bash
git clone https://github.com/shorthandcss/shorthand.git
cd shorthand
npm install
`

Run the build command to build dist files

npm run build`

Documentation

Docs can be found at https://shorthandcss.com/docs

License

Copyright 2020 @bansal-io. This project is licensed under the MIT License.