Sha256: 9e2b4aed931dfe6a94a71c3c49de5b745b763501c7cc0fea2fc340fcab7571de

Contents?: true

Size: 1.66 KB

Versions: 52

Compression:

Stored size: 1.66 KB

Contents

@mixin error-state-flex-start-selectors {
  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit),
  &:has(.pb_text_input_kit):has(.pb_date_picker_kit.error),
  &:has(.pb_text_input_kit):has(.pb_select_kit_wrapper.error),
  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit_label):has(.pb_select_kit_wrapper.error) {
    align-items: flex-start;
  }
}

@mixin error-state-center-selectors {
  &:has(.pb_select_kit_label):has(.pb_select_kit_wrapper.error):has(.pb_phone_number_input),
  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit_label):has([class^=pb_button_kit]) {
    align-items: center;
  }
}

@mixin error-state-flex-end-selectors {
  &:has(.pb_select_kit_label):has(.pb_select_kit_wrapper.error):has(.pb_phone_number_input):has(.pb_text_input_kit.error) {
    align-items: flex-end;
  }
}

@mixin error-state-right-side-select-kit {
  &:has(.pb_text_input_kit:not(.error)):has(.pb_text_input_kit_label):has(.pb_select_kit_wrapper.error),
  &:has(.pb_text_input_kit.error):has(.pb_text_input_kit_label):has(.pb_select_kit_wrapper) {
    align-items: flex-start;

    .pb_select_kit_wrapper {
      padding-top: $space_md;
      margin-top: 2px;

      .pb_select_kit_caret {
        padding-top: $space_md;
      }
    }

    .pb_select_kit_wrapper.error {
      padding-top: $space_md;
      margin-top: 2px;

      .pb_select_kit_caret {
        padding-top: $space_xl;
      }
    }
  }
}

@mixin error-state-left-side-select-kit {
  &:has(.pb_select_kit_label):has(.pb_select_kit_wrapper):has(.pb_phone_number_input):has(.pb_text_input_kit.error) {
    align-items: flex-start;

    .pb_text_input_kit.error {
      padding-top: $space_md;
      margin-top: 2px;
    }
  }
}

Version data entries

52 entries across 52 versions & 1 rubygems

Version Path
playbook_ui-14.11.0.pre.rc.3 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.10.0.pre.alpha.PBNTR662stickyrightcolumnreact5160 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.11.0.pre.rc.2 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.11.0.pre.rc.1 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.10.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5137 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.11.0.pre.rc.0 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.9.0.pre.alpha.PBNTR767advancedtablemultiheadercolumns5136 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5121 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5120 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.10.0 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.10.0.pre.rc.24 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
playbook_ui-14.9.0.pre.alpha.play1703errorstatealignment5060 app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss