mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
59 lines
1.8 KiB
SCSS
59 lines
1.8 KiB
SCSS
/*!
|
|
* copyright Copyright (C) 2010-2020 Combodo SARL
|
|
* license http://opensource.org/licenses/AGPL-3.0
|
|
*/
|
|
|
|
$ibo-input--height: 30px !default;
|
|
$ibo-input--width: 100% !default;
|
|
|
|
$ibo-input--background-color: $ibo-color-white-100 !default;
|
|
$ibo-input--color: $ibo-color-grey-900 !default;
|
|
$ibo-input--background-color: $ibo-color-white-100 !default;
|
|
$ibo-input--border-color: $ibo-color-grey-500 !default;
|
|
|
|
$ibo-input--padding-x: 10px !default;
|
|
$ibo-input--padding-y: 0px !default;
|
|
|
|
$ibo-input--border-radius: $ibo-border-radius-300 !default;
|
|
|
|
$ibo-input--focus--border-color: $ibo-color-primary-600 !default;
|
|
|
|
$ibo-input--placeholder--color: $ibo-color-grey-600 !default;
|
|
|
|
$ibo-input--disabled--background-color: $ibo-color-grey-300 !default;
|
|
$ibo-input--placeholder--color: $ibo-color-grey-700 !default;
|
|
|
|
$ibo-input-wrapper--is-error--background-color: $ibo-color-red-200 !default;
|
|
$ibo-input-wrapper--is-error--border-color: $ibo-color-red-600 !default;
|
|
$ibo-field-validation: $ibo-color-red-700 !default;
|
|
.ibo-input{
|
|
@extend %ibo-vertically-centered-content;
|
|
height: $ibo-input--height;
|
|
width: $ibo-input--width;
|
|
background-color: $ibo-input--background-color;
|
|
color: $ibo-input--color;
|
|
padding: $ibo-input--padding-y $ibo-input--padding-x;
|
|
border: 1px solid $ibo-input--border-color;
|
|
border-radius: $ibo-input--border-radius;
|
|
|
|
&:focus{
|
|
border: 1px solid $ibo-input--focus--border-color;
|
|
}
|
|
&:disabled{
|
|
background-color: $ibo-input--disabled--background-color;
|
|
color: $ibo-input--placeholder--color;
|
|
}
|
|
&::placeholder{
|
|
color: $ibo-input--placeholder--color;
|
|
}
|
|
}
|
|
.ibo-input-wrapper.is-error {
|
|
.ibo-input{
|
|
background-color: $ibo-input-wrapper--is-error--background-color;
|
|
border: 1px solid $ibo-input-wrapper--is-error--border-color;
|
|
}
|
|
}
|
|
.ibo-field-validation{
|
|
color: $ibo-field-validation;
|
|
}
|