Browse files

Updated readme (again)

  • Loading branch information...
1 parent 24cf9bb commit 289741856edcc494b0925dda0967ced40f3934cc @kizza committed Sep 30, 2011
Showing with 6 additions and 18 deletions.
  1. +6 −18 README.md
View
24 README.md
@@ -1,16 +1,11 @@
-## CSS Less(ish)
+# CSS Less(ish)
-This is a [SublimeText 2](http://www.sublimetext.com/2) plugin that facilitates a very very stripped down version of the functionality in LESS csss. ([http://lesscss.org](http://lesscss.org) on [github](https://github.com/cloudhead/less.js) too)
+This is a [SublimeText 2](http://www.sublimetext.com/2) plugin that facilitates a very very stripped down version of the functionality in LESS csss. ([http://lesscss.org](http://lesscss.org))
+You can [read more](https://github.com/kizza/CSS-Less-ish/wiki) on the github wiki.
-I wanted to implement a few clever ideas in LESS, while being able to trace back styles to their original source file and line number for debugging purposes. (eg. FireBug etc)
+## CSS Variables
-The solution for me was to have SublimeText handle the css smarts for me in the editor while leaving the file on disk as valid css. I wanted to be able to put @link="#FF0000" within my css comments then be able to type @link anywhere within my css and have SublimeText "pop in the right value" just before the file saved to disk. My IDE would have css smarts, not the browser or javascript.
-
-Ultimately this plugin compiles and applies the css smarts at the SublimeText "pre save" hook, saves the file then restores the original view (it also works when opening a saved file). Indeed it's not perfection, but I find it incredibly useful.
-
-### CSS Variables
-
-You can store variables within css comments using the "@" symbol, then use them within your styles as so...
+You can store variables within comments using the "@" symbol, then use them anywhere within your css.
/* @link = "#FF0000" */
a { color: @link; }`
@@ -20,7 +15,7 @@ produces
/* @link = "#FF0000" */
a { color: #FF0000; }
-### CSS Nesting
+## CSS Nesting
You can nest styles within other blocks to append that selector to all children.
@@ -34,10 +29,3 @@ produces
.header h1 { color:blue }
.header a { color:blue }
-## Comments
-
-This solution won't break if opened within other IDEs. Doing so will reveal that the biggest trick is that the "css smarts" are serialized (so to speak) within a single line comment at the bottom of the file. It's quite small and out of the way.
-
-Ultimately if you had two @variables in the css each with the same value, once saved and compiled down there was no way to know which variable was which anymore. The solution was to store these variable mappings somewhere in the file.
-
-As I said earlier it's not perfection, but it does work.

0 comments on commit 2897418

Please sign in to comment.