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

Version Path
playbook_ui-6.5.2 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.1.pre.alpha12 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.1.pre.alpha11 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.1.pre.alpha10 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.1.pre.alpha9 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-6.5.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-6.5.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-6.4.2 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha9 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha8 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha7 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-6.4.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha6 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha5 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-6.4.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha4 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha3 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-7.0.0.pre.alpha2 app/pb_kits/playbook/pb_text_input/_text_input.scss