fix opacity

This commit is contained in:
piensaenpixel
2016-07-14 15:51:34 +02:00
parent c83ce9ecff
commit e88024b928
2 changed files with 18 additions and 13 deletions
+18 -10
View File
@@ -6,20 +6,24 @@
``` ```
<div class="CDB-Text CDB-Size-small is-semibold u-rSpace--xl"> <div class="Toggle">
<label class="u-iBlock">TOOLS</label> <div class="CDB-Text CDB-Size-small is-semibold u-rSpace--xl">
<input class="CDB-Toggle u-iBlock" type="checkbox" name="analysis"> <label class="u-iBlock">TOOLS</label>
<span class="u-iBlock CDB-ToggleFace"></span> <input class="CDB-Toggle u-iBlock" type="checkbox" name="analysis">
<label class="u-iBlock">SQL</label> <span class="u-iBlock CDB-ToggleFace"></span>
<label class="u-iBlock">SQL</label>
</div>
</div> </div>
<br/> <br/>
<div class="CDB-Text CDB-Size-small is-semibold is-disabled u-rSpace--xl"> <div class="Toggle">
<label class="u-iBlock">TOOLS</label> <div class="CDB-Text CDB-Size-small is-semibold is-disabled u-rSpace--xl">
<input class="CDB-Toggle u-iBlock" type="checkbox" name="analysis" disabled > <label class="u-iBlock">TOOLS</label>
<span class="u-iBlock CDB-ToggleFace"></span> <input class="CDB-Toggle u-iBlock" type="checkbox" name="analysis" disabled >
<label class="u-iBlock">SQL</label> <span class="u-iBlock CDB-ToggleFace"></span>
<label class="u-iBlock">SQL</label>
</div>
</div> </div>
``` ```
*/ */
@@ -66,3 +70,7 @@
} }
} }
} }
.Toggle .is-disabled {
opacity: 0.24;
}
-3
View File
@@ -32,9 +32,6 @@
&.is-light { &.is-light {
font-weight: $sFontWeight-lighter; font-weight: $sFontWeight-lighter;
} }
&.is-disabled {
opacity: 0.24;
}
} }
.is-underlined { .is-underlined {