CSS-Extended-Bundle

“CSS-Extended-Bundle” adds basic CSS3 support for a number properties that have become more popular as browser support for them has improved. The tab triggers remove the work of having to create browser specific css by writing it for you. For instance, you can type “box-shadow + tab” and it creates the following:

• box-shadow: px px px px #;
• -moz-box-shadow: px px px px #;
• -webkit-box-shadow: px px px px #;

Installation:

• Copy “CSS-Extended.tmbundle” to ~/Library/Application Support/TextMate/Bundles
• Open TextMate. Go to menu item Bundles > Bundles Editor > Reload Bundles
• If you have any issues with TextMate Bundles, see http://manual.macromates.com/en/bundles

Use (all use tab completion):

• border-radius: border-radius + tab
• box-shadow with outer shadow: box-shadow + tab
• box-shadow with inner shadow: box-shadow-inset + tab
• background with browser generated gradient: background-gradient + tab
• rgb value: rgb + tab
• rgba value: rgba + tab
• text-shadow: text-shadow + tab
• CSS Comments: * + tab

Harness the power of multiline editing. (inspired by bricolage, brynary and smtlaissezfaire).

Tab through all the values of each element. The element will be complete as soon as you tab out of it.

Enjoy.