Shortcut.css

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

---

Check full documentation

---

What is Shortcut.css Contain ?

Built-in Styles   Check full Built-in Styles

• 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;

Check Full Description