Sha256: b6a066d150f8eb1f70fdf047c9cdb35c6f105442e2029e9578d4a95c51cf8524

Contents?: true

Size: 1.36 KB

Versions: 92

Compression:

Stored size: 1.36 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: calc($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

92 entries across 92 versions & 1 rubygems

Version Path
playbook_ui-14.3.0.pre.rc.4 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1.pre.alpha.20240828cikubedbump3702 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.3.0.pre.rc.3 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1.pre.alpha.PBNTR431fixingduplicatingtextareaclassname3689 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.3.0.pre.rc.2 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1.pre.alpha.PLAY1516railsiconsfixedwidth3674 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1.pre.alpha.PBNTR479removeextraspacingfromradiochildren3671 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.3.0.pre.rc.1 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1.pre.alpha.PBNTR479removeextraspacingfromradiochildren3669 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1.pre.alpha.pbntr373enablekitsforradio3665 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1.pre.alpha.bugfixforactionrc3663 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.play1490railsdialogdatafix3649 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.1 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.fixphonenumberinputflag3632 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.fixphonenumberinputflag3631 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.PLAY15063626 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.PLAY15063624 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.play1432playgroundsanitation3622 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.PLAY15063621 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
playbook_ui-14.2.0.pre.alpha.PLAY15063620 app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss