Sha256: 5363c01668c5a220197ff5a3d23872ddbf473d047050eb81f1bb30f2b4011417
Contents?: true
Size: 1.46 KB
Versions: 18
Compression:
Stored size: 1.46 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 { @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; } } &.dark { .text_input_wrapper { margin-bottom: 1rem; input::placeholder { @include pb_body_light_dark; } input { @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 { border-color: $error_dark; } } } } &.error { .text_input_wrapper { [class*=pb_body_kit] { margin-top: $space_xs / 2; } input { border-color: $error; } } } }
Version data entries
18 entries across 18 versions & 1 rubygems