add disabled style for toggle

2016-07-12 17:17:09 +02:00 · 2016-07-12 17:17:09 +02:00 · 988106139f
commit 988106139f
parent 39ad9c0214
2 changed files with 12 additions and 0 deletions
--- 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>
 ```
 */

--- 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 {