From cc2d38e99e5d6651e35b14f5ee253f0bf9514ceb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20Gro=C3=9F?= <stephan@minddust.com>
Date: Sat, 4 Apr 2015 03:45:56 +0200
Subject: [PATCH] Add scss docs

---
 README.md | 38 +++++++++++++++++++++++++++++---------
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 67f6b07..28f7fb7 100644
--- a/README.md
+++ b/README.md
@@ -80,19 +80,25 @@
     * for the horizontal bar with no or filled text: __NO__
     * for any vertical bars or the horizontal bar with centered text or right aligned bar: __YES__
 
-       less:
+        less:
 
-       ```html
-       <link rel="stylesheet/less" type="text/css" href="bootstrap-progressbar.less">
-       ```
+        ```html
+        <link rel="stylesheet/less" type="text/css" href="bootstrap-progressbar.less">
+        <script src="less.js" type="text/javascript"></script>
+        ```
+
+        or precompile it yourself. (see: [3rd party compilers](http://lesscss.org/usage/#third-party-compilers-node-js-compilers))
+
+        scss:
+        * need to precompile it yourself (see: [libsass](http://sass-lang.com/libsass))
 
-       css:
+        css:
 
-       ```html
-       <link rel="stylesheet" type="text/css" href="bootstrap-progressbar.css">
-       ```
+        ```html
+        <link rel="stylesheet" type="text/css" href="bootstrap-progressbar.css">
+        ```
 
-       you can find your needed css or less file inside the css or less folder.
+        you can find your needed css, less or scss files inside the specific subdirectories.
 
 * Multiple trigger
 
@@ -221,6 +227,13 @@ to change the animation itself you have to overwrite either less or css
             .transition(width 2s ease-in-out);
         }
         ```
+    * scss
+
+        ```css
+        .progress.vertical .progress-bar {
+            @include transition(width 2s ease-in-out);
+        }
+        ```
     * css
 
         ```css
@@ -241,6 +254,13 @@ to change the animation itself you have to overwrite either less or css
             .transition(height 2s ease-in-out);
         }
         ```
+    * scss
+
+        ```css
+        .progress.vertical .bar {
+            @include transition(height 2s ease-in-out);
+        }
+        ```
     * css
 
         ```css