From 988106139f6026347a3ac49d461d4a7cc3322672 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Matall=C3=ADn?= <matallo@cartodb.com>
Date: Tue, 12 Jul 2016 17:17:09 +0200
Subject: [PATCH] add disabled style for toggle

---
 src/scss/cdb-components/forms/toggle.scss | 9 +++++++++
 src/scss/cdb-components/typography.scss   | 3 +++
 2 files changed, 12 insertions(+)

diff --git a/src/scss/cdb-components/forms/toggle.scss b/src/scss/cdb-components/forms/toggle.scss
index 6fb8bae..3a08ccf 100644
--- a/src/scss/cdb-components/forms/toggle.scss
+++ b/src/scss/cdb-components/forms/toggle.scss
@@ -12,6 +12,15 @@
   <span class="u-iBlock CDB-ToggleFace"></span>
   <label class="u-iBlock">SQL</label>
 </div>
+
+<br/>
+
+<div class="CDB-Text CDB-Size-small is-semibold is-disabled u-rSpace--xl">
+  <label class="u-iBlock">TOOLS</label>
+  <input class="CDB-Toggle u-iBlock" type="checkbox" name="analysis" disabled >
+  <span class="u-iBlock CDB-ToggleFace"></span>
+  <label class="u-iBlock">SQL</label>
+</div>
 ```
 */
 
diff --git a/src/scss/cdb-components/typography.scss b/src/scss/cdb-components/typography.scss
index 1487433..3d262fa 100644
--- a/src/scss/cdb-components/typography.scss
+++ b/src/scss/cdb-components/typography.scss
@@ -32,6 +32,9 @@
   &.is-light {
     font-weight: $sFontWeight-lighter;
   }
+  &.is-disabled {
+    opacity: 0.24;
+  }
 }
 
 .is-underlined {