Sha256: d90e598e92bf214ae6ba8a753fd803b21f363ea30fb4dd4d4b3feaf2eecae080

Contents?: true

Size: 1.05 KB

Versions: 2

Compression:

Stored size: 1.05 KB

Contents

@import "../tokens/border_radius";
@import "../tokens/colors";
@import "../tokens/spacing";
@import "../tokens/typography";

.pb_text_input_kit {
  margin: 8px;

  .text_input_wrapper {
    margin-bottom: 1rem;
  }

  .pb_text_input_kit {
    border: 1px solid $border-light;
    border-radius: $border-rad-light;
    display: block;
    width: 100%;
    color: $text_lt_default;
    background: $white;
    padding: $space_xs $space_sm;
    transition: 0.2s all;
    outline: none;
    font-size: $font_small;
    margin: .1rem 0 0;

    &:focus {
      border-color: $primary-action;
    }

    &::-webkit-input-placeholder {
      color: $text_lt_lighter;
      opacity: 1;
    }

    &:-ms-input-placeholder {
      color: $text_lt_lighter;
      opacity: 1;
    }

    &::-ms-input-placeholder {
      color: $text_lt_lighter;
      opacity: 1;
    }

    &::placeholder {
      color: $text_lt_lighter;
      opacity: 1;
    }

    &:-ms-input-placeholder {
      color: $text_lt_lighter;
    }

    &::-ms-input-placeholder {
      color: $text_lt_lighter;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
playbook_ui-2.9.9 app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-2.9.8 app/pb_kits/playbook/pb_text_input/_text_input.scss