# 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 | ![](https://img.badgesize.io/shorthandcss/shorthand/master/dist/lite.shorthand.min.css.svg?compression=brotli) Full | shorthand.min.css | ![](https://img.badgesize.io/shorthandcss/shorthand/master/dist/shorthand.min.css.svg?compression=brotli) ## 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](https://github.com/shorthandcss/shorthand/releases). 2. Clone the repo: `git clone https://github.com/shorthandcss/shorthand.git`. 3. Install with npm: `npm install shorthandcss`. 4. Use [CDN](https://www.jsdelivr.com/package/npm/shorthandcss) ## 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.bansal.io/docs ## License Copyright 2020 @bansal-io. This project is licensed under the MIT License.