CSS3 Textmate Bundle

By Matthew Sanders—matt@optionshft.com

Includes snippets for vendor-specific properties and (later) syntax highlighting.

Installation

The best way to install this bundle is via command line. Simply copy & paste each line into a terminal window.

Install via Git:

	mkdir -p ~/Library/Application\ Support/TextMate/Bundles
	cd ~/Library/Application\ Support/TextMate/Bundles
	git clone git@github.com:mattsanders/CSS3-TextMate-Bundle.git "CSS3.tmbundle"
	osascript -e 'tell app "TextMate" to reload bundles'

Source can be viewed or forked via GitHub: http://github.com/mattsanders/CSS3-TextMate-Bundle/tree/master

Install without Git:

	mkdir -p ~/Library/Application\ Support/TextMate/Bundles
	cd ~/Library/Application\ Support/TextMate/Bundles
	wget http://github.com/mattsanders/CSS3-TextMate-Bundle/tarball/master
	tar zxf mattsanders-CSS3-TextMate-Bundle*.tar.gz
	rm mattsanders-CSS3-TextMate-Bundle*.tar.gz
	mv mattsanders-CSS3-TextMate-Bundle* CSS3.tmbundle
	osascript -e 'tell app "TextMate" to reload bundles'

Basic Commands

These are the basic commands you may use for [TAB]-completion with your stylesheets.

• animation ( CSS Animations )
• radius ( border-radius in every combination )
• boxshadow
• gradient ( Cross Browser CSS Gradients )
• nth
• columns
• textstroke
• taphighlight ( Mobile Webkit )
• textshadow
• transform ( CSS Transforms )
• transition ( CSS Transitions )
• userfocus
• usermodify
• userselect
• rgba
• hsla
• hsl

CSS Template

Select File > New From Template > CSS3 > CSS Template

Example

-webkit-user-select:none; /* Webkit */
   -moz-user-select:none; /* Mozilla */
     -o-user-select:none; /* Opera */
        user-select:none; /* Universal */

Author

Matthew Sanders, matt@optionshft.com

Website http://optionshft.com Twitter http://twitter.com/mattsanders Dribbble http://dribbble.com/matthew

License

CSS3 TextMate Bundle by Matthew Sanders is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.