Add disabled styles for TextInput and CheckBox components. (#9581)

Backports PR #9580

**Commit 1:**
Add disabled styles for TextInput and CheckBox components.

* Original sha: c7c27f59ea
* Authored by CJ Cenizal <cj@cenizal.com> on 2016-12-21T01:29:29Z
This commit is contained in:
jasper 2016-12-20 20:30:46 -05:00 committed by CJ Cenizal
parent 2092f87de1
commit bf8d8b0414
4 changed files with 20 additions and 0 deletions

View file

@ -41,4 +41,9 @@
&:focus {
@include focus;
}
&:disabled {
opacity: 0.3;
cursor: not-allowed;
}
}

View file

@ -18,4 +18,9 @@
outline: none;
border-color: $selectedBorderColor;
}
&:disabled {
opacity: 0.3;
cursor: not-allowed;
}
}

View file

@ -1,3 +1,9 @@
<input type="checkbox" class="kuiCheckBox">
<hr class="guideBreak">
<input type="checkbox" class="kuiCheckBox" checked>
<hr class="guideBreak">
<input type="checkbox" class="kuiCheckBox" checked disabled>

View file

@ -7,3 +7,7 @@
<hr class="guideBreak">
<input type="text" class="kuiTextInput" required>
<hr class="guideBreak">
<input type="text" class="kuiTextInput" value="Disabled" disabled>