Check shortcut.css full description
Shortcut.css is the first css package it support your stylesheet, Contain custom & built-in variables and classes you can use it with any situation you want with css shortcuts for more flexiblity & stability.
install
$ git clone https://github.com/moumen-soliman/shortcut.css.git
$ npm install shortcut-css
What is Shortcut.css Contain ?
- align-content
- background
- border
- box-shadow
- box-sizing
- caption-side
- clear
- clip
- column-count
- column-fill
- cursor
- direction
- display
- empty-cells
- filter
- float
- font
- height
- justify-content
- letter-spacing
- line-height
- list-style-type
- margin
- padding
- width
- opacity
- outline
- overflow
- perspective
- position
- quotes
- tab-size
- table-layout
- text-align
- text-decoration
- text-indent
- text-overflow
- text-shadow
- text-transform
- text-transition
- unicode-bidi
- vertical-align
- visibility
- white-space
- word-spacing
- word-break
- word-wrap
- z-index
Built-in Variables
- --cucstom-margin: your-value;
- --cucstom-padding: your-value;
- --cucstom-width: your-value;
- --cucstom-min-width: your-value;
- --cucstom-max-width: your-value;
- --custom-bg: your-value;
- --custom-background-attachment: your-value;
- --custom-bg-pos: your-value;
- --custom-bg-size: your-value;
- --custom-border: your-value;
- --custom-box-shadow: your-value;
- --custom-column-count: your-value;
- --custom-filter: your-value;
- --custom-font-size: your-value;
- --custom-height: your-value;
- --custom-max-height: your-value;
- --custom-min-height: your-value;
- --cucstom-letter-spacing: your-value;
- --cucstom-line-height: your-value;
- --cucstom-list-style: your-value;
- --custom-outline: your-value;
- --custom-perspective: your-value;
- --custom-quotes: your-value;
- --custom-tab-size: your-value;
- --custom-txt-dec-color: your-value;
- --custom-txt-shadow: your-value;
- --custom-txt-transform: your-value;
- --custom-transition: your-value;
- --custom-v-align: your-value;
- --custom-word-spacing: your-value;
- --custom-z-index: your-value;