https://github.com/moumen-soliman/shortcut.css

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.
https://github.com/moumen-soliman/shortcut.css

css css-framework css-selector css-shortcuts css-variables css3 npm npm-package

Last synced: 1 day ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/moumen-soliman/shortcut.css
• Owner: moumen-soliman
• Created: 2017-10-06T11:24:10.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-22T21:34:10.000Z (over 6 years ago)
• Last Synced: 2024-04-24T16:09:55.161Z (7 months ago)
• Topics: css, css-framework, css-selector, css-shortcuts, css-variables, css3, npm, npm-package
• Language: CSS
• Homepage:
• Size: 44.9 KB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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



What is Shortcut.css Contain ?



            


                
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;