Adds some snippets for web stuff
This commit is contained in:
parent
95a85a6893
commit
bd847bd812
4 changed files with 97 additions and 4 deletions
UltiSnips
52
UltiSnips/css.snippets
Normal file
52
UltiSnips/css.snippets
Normal file
|
@ -0,0 +1,52 @@
|
|||
snippet centerm "centers an object by adding auto margin left and right"
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
endsnippet
|
||||
|
||||
snippet d-block "Adds display block" Ab
|
||||
display: block;
|
||||
$0
|
||||
endsnippet
|
||||
|
||||
snippet d-iblock "Adds display inline-block" Ab
|
||||
display: inline-block;
|
||||
$0
|
||||
endsnippet
|
||||
|
||||
snippet d-inline "Adds display inline" Ab
|
||||
display: inline;
|
||||
$0
|
||||
endsnippet
|
||||
|
||||
snippet d-none "Adds display none" Ab
|
||||
display: none;
|
||||
$0
|
||||
endsnippet
|
||||
|
||||
snippet d-flex "Adds flex properties" Ab
|
||||
display: flex;
|
||||
flex-direction: ${1:row};
|
||||
flex-wrap: ${2:nowrap};
|
||||
justify-content: ${3:flex-start};
|
||||
align-items: ${4:stretch};
|
||||
$0
|
||||
endsnippet
|
||||
|
||||
snippet d-iflex "Adds inline flex properties" Ab
|
||||
display: inline-flex;
|
||||
flex-direction: ${1:row};
|
||||
flex-wrap: ${2:nowrap};
|
||||
justify-content: ${3:flex-start};
|
||||
align-items: ${4:stretch};
|
||||
$0
|
||||
endsnippet
|
||||
|
||||
snippet mleft "Margin Left" Ab
|
||||
margin-left: $1;
|
||||
$0
|
||||
endsnippet
|
||||
|
||||
snippet mright "Margin right" Ab
|
||||
margin-right: $1;
|
||||
$0
|
||||
endsnippet
|
Loading…
Add table
Add a link
Reference in a new issue