Sha256: dc91fc2478ae718d100562e77f82e92817298c75f4afe85d6fe12e7a404b2dee

Contents?: true

Size: 1.35 KB

Versions: 462

Compression:

Stored size: 1.35 KB

Contents

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

[class^=pb_date_picker_kit] {

  .pb_date_picker_kit_label {
    margin-bottom: $space_xs;
    display: block;
  }

  .date_picker_input_wrapper {
    display: block;

    input::placeholder,
    .date_picker_input .placeholder {
      @include pb_body_light;
    }

    input,
    .date_picker_input {
      max-height: 45px;
      @include pb_textarea_light;
      overflow: hidden;
    }

    input:hover,
    .date_picker_input:hover {
      background-color: rgba($focus_input_light, $opacity_5);
    }

    input:focus,
    .date_picker_input:focus,
    input:-webkit-autofill:focus,
    .date_picker_input:-webkit-autofill:focus {
      @include pb_textarea_focus;
      @include transition_default;
      border-color: $primary;
      background-color: rgba($focus_input_light, $opacity_5);
    }
  }

  &.error {
    .date_picker_input_wrapper {
      [class*=pb_body_kit] {
        margin-top: $space_xs / 2;
      }

      input,
      .date_picker_input {
        border-color: $error;
      }
    }
  }

  &.inline {
    .date_picker_input_wrapper input::placeholder,
    .date_picker_input_wrapper .date_picker_input .placeholder {
      opacity: 1;
    }

    &:not(:hover) {
      .date_picker_input_wrapper input:not(:focus) {
        background-color: transparent;
        border-color: transparent;
      }
    }
  }
}

Version data entries

462 entries across 462 versions & 1 rubygems

Version Path
playbook_ui-14.11.0.pre.rc.17 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.11.0.pre.rc.11 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.11.0.pre.rc.10 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5214 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5213 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5210 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5208 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5207 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play16825206 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5204 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5201 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.11.0.pre.rc.9 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.10.0.pre.alpha.play1662cssbargraph5200 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.11.0.pre.rc.8 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.11.0.pre.rc.7 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.11.0.pre.rc.6 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss