Sha256: bc4ff7de7bee062565f18668e6f994cae9e96e59d7175e5f31566023b1cf3375

Contents?: true

Size: 1.04 KB

Versions: 5

Compression:

Stored size: 1.04 KB

Contents

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

.pb_input_kit {
  margin: 8px;

  .input_wrapper {
    margin-bottom: 1rem;
  }

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

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-2.9.7 app/pb_kits/playbook/pb_input/_input.scss
playbook_ui-2.9.6 app/pb_kits/playbook/pb_input/_input.scss
playbook_ui-2.9.5 app/pb_kits/playbook/pb_input/_input.scss
playbook_ui-2.9.4 app/pb_kits/playbook/pb_input/_input.scss
playbook_ui-2.9.3 app/pb_kits/playbook/pb_input/_input.scss