Revision: 56889
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at April 20, 2012 08:14 by inko9nito
Initial Code
<snippet> <content> <![CDATA[ background-color: ${1:top}; background-image: -webkit-gradient(linear, left top, left bottom, from(${1:top}), to(${2:bottom})); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, ${1:top}, ${2:bottom}); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, ${1:top}, ${2:bottom}); /* FF3.6 */ background-image: -ms-linear-gradient(top, ${1:top}, ${2:bottom}); /* IE10 */ background-image: -o-linear-gradient(top, ${1:top}, ${2:bottom}); /* Opera 11.10+ */ background-image: linear-gradient(top, ${1:top}, ${2:bottom}); filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr=${1:top}, endColorstr=${2:bottom})"; -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr=${1:top}, endColorstr=${2:bottom})"; ]]> </content> <tabTrigger>gradient</tabTrigger> <scope>source.css</scope> <description>Cross-browser vertical linear gradient</description> </snippet>
Initial URL
Initial Description
Snippet for Sublime Text 2 with variables for the top and bottom colors. Just tab between them.
Initial Title
Cross-browser Linear Gradient for Sublime Text 2
Initial Tags
Initial Language
CSS