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