Skip to content


Subversion checkout URL

You can clone with
Download ZIP
CSS3 Sugar for Espresso Text Editor


CSS3 Sugar

This sugar adds autocompletion for native and browser specific CSS3 properties as well as an overall enhanced CSS support.

This branch merges @dstorey’s previous CSS3/SVG sugar with minimalweb’s CSS3.sugar

CSS3 Features

  • images (gradients, object-fit/-position)
  • multi columns
  • values (rgb, rgba, hsl, hsla, currentColor, transparent, SVG named colors)
  • values
  • pseudo classes and elements
  • CSS-Animations (incomplete)
  • transforms (incomplete)
  • transitions (incomplete)
  • backgrounds & borders
  • basic UI
  • SVG specific CSS properties

General Enhancements

  • Enhanced CSS-Syntax zones (e.g. id, class and pseudo selectors)

Install using Git


cd ~/Library/Application\ Support/Espresso/Sugars/
git clone git://

Install manually

Download the source and uncompress it. Rename the resulting folder to CSS3.sugar and put it in YourHomeFolder/Library/Application Support/Espresso/Sugars/.


  • media queries
  • background-size (browser-specifics)
  • reflections
  • webfonts

Not ready yet:

  • 3D transforms
Something went wrong with that request. Please try again.