Sha256: 2fd9a65f2121e6869ee87defc57561874e4d90cc21b7ba456e30ab3cd02f405d

Contents?: true

Size: 1.19 KB

Versions: 8

Compression:

Stored size: 1.19 KB

Contents

@import "../pb_textarea/textarea_mixin";
@import "../pb_title/title_mixin";

[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 {
      @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;
        @include pb_title_4;
        @include pb_title_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

8 entries across 8 versions & 1 rubygems

Version Path
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.10.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.9.0 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.8.2 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-4.8.1 app/pb_kits/playbook/pb_text_input/_text_input.scss