Pretty code with syntax hilightling in README.md

mdbootstrap · Sep 23, 2012 · c3206e0 · c3206e0
1 parent 2e098a0
commit c3206e0
Showing 1 changed file with 49 additions and 48 deletions.
diff --git a/README.md b/README.md
@@ -8,61 +8,62 @@ Basic Usage
 -----------
 
 HTML
-
-    <div id="toggle-button">
-        <input id="checkbox1" type="checkbox" value="value1" checked="checked">
-    </div>
-
+``` html
+<div id="toggle-button">
+    <input id="checkbox1" type="checkbox" value="value1" checked="checked">
+</div>
+```
 
 JS
+``` javascript
+$('#toggle-button').toggleButtons();
+```
 
-    $('#toggle-button').toggleButtons();
-
 Full Example
 ------------
 
 HTML
-
-    <div id="toggle-button">
-        <input id="checkbox1" type="checkbox" value="value1" checked="checked">
-    </div>
-
+``` html
+<div id="toggle-button">
+    <input id="checkbox1" type="checkbox" value="value1" checked="checked">
+</div>
+```
 
 JS
+``` javascript
+$('#toggle-button').toggleButtons({
+  onChange: function ($el, status, e) {
+    // $el = $('#toggle-button'); 
+    // status = [true, false], the value of the checkbox
+    // e = the event
+    console.log($el, status, e); 
+  },
+  width: 100,
+  height: 25,
+  font: {
+    'font-size': '20px',
+    'font-style': 'italic'
+  },
+  animated: true,
+  transitionSpeed: 1, // Accepted values float or "percent" [ 1, 0.5, "150%" ]
+  label: {
+    enabled: "ON",
+    disabled: "OFF"
+  },
+  style: {
+    // Accepted values ["primary", "danger", "info", "success", "warning"] or nothing
+    enabled: "primary",
+    disabled: "danger",
+    custom: {
+      enabled: "#FF00FF",
+      enabledGradient: "#D300D3",
+      enabledColor: "#FFFFFF",
+      disabled: "#FFAA00",
+      disabledGradient: "#DD9900",
+      disabledColor: "#333333"
+    }
+  }
+});
 
-
-    $('#toggle-button').toggleButtons({
-      onChange: function ($el, status, e) {
-        // $el = $('#toggle-button'); 
-        // status = [true, false], the value of the checkbox
-        // e = the event
-        console.log($el, status, e); 
-      },
-      width: 100,
-      height: 25,
-      font: {
-        'font-size': '20px',
-        'font-style': 'italic'
-      },
-      animated: true,
-      transitionSpeed: 1, // Accepted values float or "percent" [ 1, 0.5, "150%" ]
-      label: {
-        enabled: "ON",
-        disabled: "OFF"
-      },
-      style: {
-        // Accepted values ["primary", "danger", "info", "success", "warning"] or nothing
-        enabled: "primary",
-        disabled: "danger",
-        custom: {
-          enabled: "#FF00FF",
-          enabledGradient: "#D300D3",
-          enabledColor: "#FFFFFF",
-          disabled: "#FFAA00",
-          disabledGradient: "#DD9900",
-          disabledColor: "#333333"
-        }
-      }
-    });
-
-    $('#toggle-button').toggleButtons('toggleActivation'); // to toggle the disabled status
+$('#toggle-button').toggleButtons('toggleActivation'); // to toggle the disabled status
+```