Sha256: 57440c6dd88e8cf3905247418bb0ec2aa7cf203aab6ce7888bc76956ffc49d79
Contents?: true
Size: 1.88 KB
Versions: 36
Compression:
Stored size: 1.88 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,
.text_input .placeholder {
@include pb_body_light;
}
input,
.text_input {
max-height: 45px;
@include pb_textarea_light;
overflow: hidden;
}
input:hover,
.text_input:hover{
background-color: rgba($focus_input_light,$opacity_5);
}
input:focus,
.text_input:focus,
input:-webkit-autofill:focus,
.text_input:-webkit-autofill:focus {
@include pb_textarea_focus;
@include transition_default;
border-color: $primary;
background-color: rgba($focus_input_light,$opacity_5);
}
}
&.dark {
.text_input_wrapper {
margin-bottom: 1rem;
input::placeholder,
.text_input .placeholder {
@include pb_body_light_dark;
}
input, .text_input {
@include pb_textarea_dark;
@include pb_body_dark;
overflow: hidden;
background-color: rgba($white,$opacity_1);
border-color: rgba($white, 0.15);
}
input:hover,
.text_input:hover{
background-color: rgba($white, 0.15);
}
input:focus,
.text_input:focus,
input:-webkit-autofill:focus,
.text_input:-webkit-autofill:focus {
border-color: $active_dark;
background-color: rgba($white, 0.025);
}
}
&.error {
.text_input_wrapper {
input, .text_input {
border-color: $error_dark;
}
}
}
}
&.error {
.text_input_wrapper {
[class*=pb_body_kit] {
margin-top: $space_xs / 2;
}
input, .text_input {
border-color: $error;
}
}
}
}
Version data entries
36 entries across 36 versions & 1 rubygems