Sha256: b933af793dd4d5d9d9012adcb422155447e5871a0afa379c2920e062889e1dd0

Contents?: true

Size: 1.1 KB

Versions: 18

Compression:

Stored size: 1.1 KB

Contents

@import "../pb_textarea/textarea_mixin";
@import "../pb_body/body_mixins";

[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;
      overflow: hidden;
    }

    input:focus {
      @include pb_textarea_focus;
    }
  }

  &[class*=_dark] {
    .text_input_wrapper {
      margin-bottom: 1rem;

      input::placeholder {
        @include pb_body_light_dark;
      }

      > input:first-child {
        @include pb_textarea_dark;
        overflow: hidden;
      }

      input:focus {
        @include pb_textarea_focus_dark;
      }
    }

    &.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

18 entries across 18 versions & 1 rubygems

Version Path
playbook_ui-4.7.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.7.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.6.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.6.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.5.2 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.5.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.5.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.4.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.4.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.3.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.3.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.2.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.1.2 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.1.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.1.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.0.1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.0.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-3.5.0 app/pb_kits/playbook/pb_text_input/_text_input.scss