Add disabled styles for TextInput and CheckBox components.

This commit is contained in:
CJ Cenizal 2016-12-20 17:29:29 -08:00
parent 7bf0bcf76f
commit c7c27f59ea
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>