AdminLTE/build/less/forms.less

109 lines
1.8 KiB
Plaintext
Raw Normal View History

2015-02-01 22:25:09 +01:00
/*
* Component: Form
* ---------------
*/
2015-02-07 17:35:34 +01:00
.form-control {
2015-07-21 04:36:04 +02:00
.border-radius(@input-radius);
2015-02-01 22:25:09 +01:00
box-shadow: none;
2017-01-08 21:37:30 +01:00
border-color: @gray-lte;
2015-02-01 22:25:09 +01:00
&:focus {
2015-07-21 04:36:04 +02:00
border-color: @light-blue;
2015-02-01 22:25:09 +01:00
box-shadow: none;
}
2015-07-21 04:36:04 +02:00
&::-moz-placeholder,
&:-ms-input-placeholder,
2015-02-01 22:25:09 +01:00
&::-webkit-input-placeholder {
color: #bbb;
2015-07-21 04:36:04 +02:00
opacity: 1;
2015-02-01 22:25:09 +01:00
}
2015-02-25 16:13:11 +01:00
&:not(select) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
2015-02-01 22:25:09 +01:00
}
.form-group {
&.has-success {
label {
color: @green;
}
2016-08-19 12:19:40 +02:00
.form-control,
.input-group-addon {
2015-07-21 04:36:04 +02:00
border-color: @green;
2015-02-01 22:25:09 +01:00
box-shadow: none;
}
.help-block {
color: @green;
}
2015-02-01 22:25:09 +01:00
}
&.has-warning {
label {
color: @yellow;
}
2016-08-19 12:19:40 +02:00
.form-control,
.input-group-addon {
2015-07-21 04:36:04 +02:00
border-color: @yellow;
2015-02-01 22:25:09 +01:00
box-shadow: none;
}
.help-block {
color: @yellow;
}
2015-02-01 22:25:09 +01:00
}
&.has-error {
label {
color: @red;
}
2016-08-19 12:19:40 +02:00
.form-control,
.input-group-addon {
2015-07-21 04:36:04 +02:00
border-color: @red;
2015-02-01 22:25:09 +01:00
box-shadow: none;
}
.help-block {
color: @red;
}
2015-02-01 22:25:09 +01:00
}
}
/* Input group */
.input-group {
.input-group-addon {
.border-radius(@input-radius);
2017-01-08 21:37:30 +01:00
border-color: @gray-lte;
2015-02-01 22:25:09 +01:00
background-color: #fff;
}
}
2015-09-19 20:05:54 +02:00
2015-02-01 22:25:09 +01:00
/* button groups */
.btn-group-vertical {
.btn {
&.btn-flat:first-of-type, &.btn-flat:last-of-type {
.border-radius(0);
}
}
}
2015-02-06 23:08:16 +01:00
.icheck > label {
2015-02-01 22:25:09 +01:00
padding-left: 0;
}
/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
2015-09-19 20:05:54 +02:00
line-height: @input-height-base;
}
.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
line-height: @input-height-large;
}
2015-09-19 20:05:54 +02:00
.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
line-height: @input-height-small;
}