Skip to content

Easy Css is vscode Snippet Extension That Helps You Write Css Codes More Easily

Notifications You must be signed in to change notification settings

Meer-Mariwan/Easy-Css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Easy Css

Writing Css Code Is Hard Make It Easy By Using Easy css Snippets

Download

For Downloading Easy Css Extension Please Visit Here


Commands



Position Snippets

Command Description
!position Position Property With Top, Bottom, Right, Left Properties
!center Centering A Component Using Position And Transform Properties


Margin And Padding Snippets

Command Description
!bmp Set box-sizing To border-box And Remove Margin And Padding
!margin-padding Margin And Padding Properties
!margin Margin Property
!padding Padding Property
!all-margin Margin Top, Bottom, Right, Left Properties
!all-padding Padding Top, Bottom, Right, Left Properties
!all-margin-padding Margin Top, Bottom, Right, Left, Padding Top, Bottom, Right, Left Properties
!margin-auto Set Margin Right And Left To Auto


Width And Height Snippets

Command Description
!width-height Width And Height Properties
!all-width Width Property With Min And Max Width Properties
!all-height Height Property With Min And Max Height Properties
!all-width-height Width Property With Max And Min Width Properties, Height Property With Min And Max Height Properties


ScrollBar Snippets

Command Description
!ws Webkit-Scrollbar Property
!ws-button Webkit-Scrollbar-Button Property
!ws-corner Webkit-Scrollbar-Corner Property
!ws-thumb Webkit-Scrollbar-Thumb Property
!ws-track Webkit-Scrollbar-Track Property
!ws-track-piece Webkit-Scrollbar-Track-Piece Property
!all-ws All Webkit-Scrollbar Properties


Justify And Align Snippets

Command Description
!all-justify All Justify Properties
!all-align All Align Properties
!all-justify-align All Justify And Align Properties
!justify-align-center Set Justify Content And Align Items To Center


Pseudo Elements Snippets

Command Description
!after After Pseudo Element
!before Before Pseudo Element
!first-letter First Letter Pseudo Element
!first-line First Line Pseudo Element
!marker Marker Pseudo Element
!selection Selection Pseudo Element


Pseudo Classes Snippets

Command Description
!active Active Pseudo Class
!checked Checked Pseudo Class
!disabled Disabled Pseudo Class
!empty Empty Pseudo Class
!enabled Enabled Pseudo Class
!first-child First Child Pseudo Class
!first-of-type First Of Type Pseudo Class
!focus Focus Pseudo Class
!hover Hover Pseudo Class
!in-range In Range Pseudo Class
!invalid Invalid Pseudo Class
!lang Lang Pseudo Class
!last-child Last Child Pseudo Class
!last-of-type Last Of Type Pseudo Class
!link Link Pseudo Class
!not Not Pseudo Class
!nth-child Nth Child Pseudo Class
!nth-last-child Nth Last Child Pseudo Class
!!nth-last-of-type Nth Last Of Type Pseudo Class
!nth-of-type Nth Of Type Pseudo Class
!only-of-type Only Of Type Pseudo Class
!only-child Only Child Pseudo Class
!optional Optional Pseudo Class
!out-of-range Out Of Range Pseudo Class
!read-only Read Only Pseudo Class
!read-write Read Write Pseudo Class
!required Required Pseudo Class
!root Root Pseudo Class
!target Target Pseudo Class
!valid Valid Pseudo Class
!visited Visited Pseudo Class


Opacity And Visibility Snippets

Command Description
!opacity Set Opacity Property To Zero
!visibility Set Visibility Property To Hidden
!opacity-visibility Opacity And Visibility Properties


Text Snippets

Command Description
!font-face Font Face


Background Snippets

Command Description
!background Background Property

About

Easy Css is vscode Snippet Extension That Helps You Write Css Codes More Easily

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published