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;

    > input:first-child {
      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: 0.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-3.0.1	app/pb_kits/playbook/pb_text_input/_text_input.scss
playbook_ui-3.0.0	app/pb_kits/playbook/pb_text_input/_text_input.scss