Ultisnips: CSS. Colours, shadows, text-transform.

Also remove IE6 specific fixed position snippet.
This commit is contained in:
Louis Pilfold 2014-10-23 10:26:28 +01:00
parent ae0cca3345
commit c1ee0ed08a

View File

@ -42,10 +42,42 @@ snippet pos "position"
position: ${1:relative};$0 position: ${1:relative};$0
endsnippet endsnippet
snippet tt "text-transform"
text-transform: ${1:none};$0
endsnippet
snippet ! "!important CSS (!)" snippet ! "!important CSS (!)"
!important !important
endsnippet endsnippet
snippet tsh "text-shadow: color-hex x y blur (text)"
text-shadow: ${1:${2:color} ${3:offset-x} ${4:offset-y} ${5:blur}};$0
endsnippet
snippet bxsh "box-shadow: color-hex x y blur (text)"
box-shadow: ${1:${2:offset-x} ${3:offset-y} ${4:blur} ${5:spread} ${6:color}};$0
endsnippet
#
# Colors
#
snippet rgb "color rgb"
rgb(${1:255},${2:255},${3:255})$0
endsnippet
snippet rgba "color rgba"
rgb(${1:255},${2:255},${3:255},${4:0.5})$0
endsnippet
snippet hsl "color hsl"
hsl(${1:360},${2:100}%,${3:100}%)$0
endsnippet
snippet hsla "color hsla"
hsla(${1:360},${2:100}%,${3:100}%,${4:0.5})$0
endsnippet
# #
# Selectors # Selectors
# #
@ -94,12 +126,6 @@ endsnippet
# Most of these came from TextMate # # Most of these came from TextMate #
########################################################################### ###########################################################################
snippet fixed "Fixed Position Bottom 100% wide IE6"
${2:bottom: auto;}top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-${1:THE HEIGHT OF THIS THING IN PIXELS}));
${3:left: expression(eval(document.documentElement.scrollLeft));
}${4:width: expression(eval(document.documentElement.clientWidth));}$0
endsnippet
snippet background "background-attachment: scroll:fixed (background)" snippet background "background-attachment: scroll:fixed (background)"
background-attachment: ${1:scroll/fixed};$0 background-attachment: ${1:scroll/fixed};$0
endsnippet endsnippet
@ -446,26 +472,10 @@ snippet text "text-indent: length (text)"
text-indent: ${1:10}px;$0 text-indent: ${1:10}px;$0
endsnippet endsnippet
snippet text "text-shadow: color-hex x y blur (text)"
text-shadow: #${1:DDD} ${2:10px} ${3:10px} ${4:2px};$0
endsnippet
snippet text "text-shadow: color-rgb x y blur (text)"
text-shadow: rgb(${1:255},${2:255},${3:255}) ${4:10px} ${5:10px} ${6:2px};$0
endsnippet
snippet text "text-shadow: none (text)"
text-shadow: none;$0
endsnippet
snippet text "text-transform: capitalize:upper:lower (text)" snippet text "text-transform: capitalize:upper:lower (text)"
text-transform: ${1:capitalize/uppercase/lowercase};$0 text-transform: ${1:capitalize/uppercase/lowercase};$0
endsnippet endsnippet
snippet text "text-transform: none (text)"
text-transform: none;$0
endsnippet
snippet vertical "vertical-align: type (vertical)" snippet vertical "vertical-align: type (vertical)"
vertical-align: ${1:baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%};$0 vertical-align: ${1:baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%};$0
endsnippet endsnippet
@ -482,10 +492,6 @@ snippet word "word-spacing: length (word)"
word-spacing: ${1:10px};$0 word-spacing: ${1:10px};$0
endsnippet endsnippet
snippet word "word-spacing: normal (word)"
word-spacing: normal;$0
endsnippet
snippet z "z-index: index (z)" snippet z "z-index: index (z)"
z-index: $1;$0 z-index: $1;$0
endsnippet endsnippet