Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Use variables and nesting in your css files with Sublime Text 2 & 3
tree: aec73453c6

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
example
modules
tests
.gitignore
LICENSE
README.md
csslessish.py
csslessish.sublime-commands
csslessish.sublime-settings

README.md

CSS Less(ish)

This is a SublimeText 2 plugin that facilitates a very very stripped down version of the functionality in LESS css. (http://lesscss.org)

CSS Variables

You can store variables within comments using the "@" symbol, then use them anywhere within your css.

/* @link = "#FF0000" */  
a { color: @link; }`

produces

/* @link = "#FF0000" */
a { color: #FF0000; }

CSS Nesting

You can nest styles within other blocks to append that selector to all children.

.header [
    h1 { color:blue }
    a { color:blue }
]

produces

.header h1 { color:blue }
.header a { color:blue }

CSS Colours

You can use colour functions when declaring css variables including lighten, darken, saturate, and desaturate. You can pass existing variables as arguments too.

/* 
@base-colour = #336699
@link = lighten(@base-colour, 20%) 
*/  
a { color: @link; }

produces

a { color: #3d7ab7; }

Read More

You can read more on the wiki.

Something went wrong with that request. Please try again.