Sha256: 9f43a018f2c9f783cbb80edc29437678594aa91dcaf8fabf1bd4f177b98687b6
Contents?: true
Size: 1.52 KB
Versions: 61
Compression:
Stored size: 1.52 KB
Contents
@import "../pb_textarea/textarea_mixin";
@import "../pb_title/title_mixin";
@import "../tokens/colors";
[class^=pb_text_input_kit] {
.pb_text_input_kit_label {
margin-bottom: $space_xs;
display: block;
}
.text_input_wrapper {
margin-bottom: $space_sm;
display: block;
input::placeholder {
@include pb_body_light;
}
> input:first-child {
@include pb_textarea_light;
@include pb_title_4;
overflow: hidden;
}
input:focus, input:-webkit-autofill:focus {
@include pb_textarea_focus;
-webkit-box-shadow: 0 0 0px 1000px $focus_input_light inset;
transition: background-color 5000s ease-in-out 0s;
}
}
&[class*=_dark] {
.text_input_wrapper {
margin-bottom: 1rem;
input::placeholder {
@include pb_body_light_dark;
}
> input:first-child {
@include pb_textarea_dark;
@include pb_title_4;
@include pb_title_dark;
overflow: hidden;
}
input:focus, input:-webkit-autofill:focus {
@include pb_textarea_focus_dark;
-webkit-box-shadow: 0 0 0px 1000px $focus_input_dark inset;
transition: background-color 5000s ease-in-out 0s;
}
}
&.error {
.text_input_wrapper {
> input:first-child {
border-color: $error_dark;
}
}
}
}
&.error {
.text_input_wrapper {
[class*=pb_body_kit] {
margin-top: $space_xs / 2;
}
> input:first-child {
border-color: $error;
}
}
}
}
Version data entries
61 entries across 61 versions & 1 rubygems