Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1010 B
42 lines
1010 B
/**
|
|
* component: text
|
|
*
|
|
* <div class="field">
|
|
* <label class="field__label">
|
|
* input
|
|
* <input type="text" class="field__text" />
|
|
* </label>
|
|
* </div>
|
|
*
|
|
* @author Björn Hase
|
|
*
|
|
*/
|
|
|
|
$crispy__field__text__border: 1px solid $crispy__color-secondary !default;
|
|
|
|
$crispy__field__text__border-color--focus: $crispy__color-primary !default;
|
|
$crispy__field__text__border-color--valid: $crispy__color-success !default;
|
|
$crispy__field__text__border-color--error: $crispy__color-danger !default;
|
|
|
|
@mixin crispy__field__text() {
|
|
.field__text {
|
|
@extend .field__input;
|
|
border: $crispy__field__text__border;
|
|
|
|
&:focus {
|
|
border-color: $crispy__field__text__border-color--focus;
|
|
}
|
|
}
|
|
|
|
.field--valid {
|
|
.field__text {
|
|
border-color: $crispy__field__text__border-color--valid;
|
|
}
|
|
}
|
|
|
|
.field--error {
|
|
.field__text {
|
|
border-color: $crispy__field__text__border-color--error;
|
|
}
|
|
}
|
|
}
|