add disabled style for toggle

This commit is contained in:
Carlos Matallín 2016-07-12 17:17:09 +02:00
parent 39ad9c0214
commit 988106139f
2 changed files with 12 additions and 0 deletions

View File

@ -12,6 +12,15 @@
<span class="u-iBlock CDB-ToggleFace"></span> <span class="u-iBlock CDB-ToggleFace"></span>
<label class="u-iBlock">SQL</label> <label class="u-iBlock">SQL</label>
</div> </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>
``` ```
*/ */

View File

@ -32,6 +32,9 @@
&.is-light { &.is-light {
font-weight: $sFontWeight-lighter; font-weight: $sFontWeight-lighter;
} }
&.is-disabled {
opacity: 0.24;
}
} }
.is-underlined { .is-underlined {