@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 6.51 kB
CSS
.ds-stepper_step_f4kic_1{width:100%}.ds-stepper_step-content_f4kic_5{display:grid;grid-auto-rows:auto auto;column-gap:8px;grid-template-areas:"number label" "number hint"}.ds-stepper_step-button_f4kic_12{width:100%;height:100%;align-items:flex-start;justify-content:flex-end;padding-inline:6px;padding-block-end:10px;border:none}.ds-stepper_step-button_f4kic_12:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-stepper_step-button_f4kic_12:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-stepper_step-button_f4kic_12:focus{outline:revert;outline-offset:revert}.ds-stepper_step-button_f4kic_12:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-stepper_step-button_f4kic_12:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-stepper_step-button--horizontal_f4kic_49{min-width:8rem;max-width:19.5rem;min-height:2.75rem;border-block-start:.125rem solid #DADADA;padding-block-start:10px;border-end-start-radius:.125rem;border-end-end-radius:.125rem}.ds-stepper_step-button--vertical_f4kic_58{justify-content:flex-end;min-width:8rem;max-width:19.5rem;min-height:3.75rem;border-inline-start:.125rem solid #DADADA;padding-inline-start:10px;border-start-end-radius:.125rem;border-end-end-radius:.125rem}@media screen and (forced-colors: active){.ds-stepper_step-button--current_f4kic_69{border-color:Canvas}}@media (hover: hover){.ds-stepper_step-button--current_f4kic_69:hover{background-color:unset;cursor:default}}.ds-stepper_step-button--current_f4kic_69.ds-stepper_step-button--horizontal_f4kic_49:before{content:"";position:absolute;top:-.125rem;left:0;right:0;height:.25rem;background-color:#f37a1f}@media screen and (forced-colors: active){.ds-stepper_step-button--current_f4kic_69.ds-stepper_step-button--horizontal_f4kic_49:before{background-color:Highlight}}.ds-stepper_step-button--current_f4kic_69.ds-stepper_step-button--vertical_f4kic_58:before{content:"";position:absolute;top:0;bottom:0;left:-.125rem;width:.25rem;background-color:#f37a1f}@media screen and (forced-colors: active){.ds-stepper_step-button--current_f4kic_69.ds-stepper_step-button--vertical_f4kic_58:before{background-color:Highlight}}.ds-stepper_step-button--completed_f4kic_107.ds-stepper_step-button--horizontal_f4kic_49:before{content:"";position:absolute;top:-.125rem;left:0;right:0;height:.25rem;background-color:#252525}@media screen and (forced-colors: active){.ds-stepper_step-button--completed_f4kic_107.ds-stepper_step-button--horizontal_f4kic_49:before{background-color:CanvasText}}.ds-stepper_step-button--completed_f4kic_107.ds-stepper_step-button--vertical_f4kic_58:before{content:"";position:absolute;top:0;bottom:0;left:-.125rem;width:.25rem;background-color:#252525}@media screen and (forced-colors: active){.ds-stepper_step-button--completed_f4kic_107.ds-stepper_step-button--vertical_f4kic_58:before{background-color:CanvasText}}.ds-stepper_step-button--disabled_f4kic_135{cursor:not-allowed}.ds-stepper_step-button--disabled_f4kic_135.ds-stepper_step-button--horizontal_f4kic_49:before{content:"";position:absolute;top:-.125rem;left:0;right:0;height:.125rem;background-color:#dadada}@media screen and (forced-colors: active){.ds-stepper_step-button--disabled_f4kic_135.ds-stepper_step-button--horizontal_f4kic_49:before{background-color:GrayText}}.ds-stepper_step-button--disabled_f4kic_135.ds-stepper_step-button--vertical_f4kic_58:before{content:"";position:absolute;top:0;bottom:0;left:-.125rem;width:.125rem;background-color:#dadada}@media screen and (forced-colors: active){.ds-stepper_step-button--disabled_f4kic_135.ds-stepper_step-button--vertical_f4kic_58:before{background-color:GrayText}}.ds-stepper_step-button--disabled_f4kic_135 .ds-stepper_step-number_f4kic_166{border-color:#00000080;color:#666}@media screen and (forced-colors: active){.ds-stepper_step-button--disabled_f4kic_135 .ds-stepper_step-number_f4kic_166{color:GrayText;border-color:GrayText}}.ds-stepper_step-button--disabled_f4kic_135 .ds-stepper_step-label_f4kic_176{color:#666}@media screen and (forced-colors: active){.ds-stepper_step-button--disabled_f4kic_135 .ds-stepper_step-label_f4kic_176{color:GrayText}}.ds-stepper_step-button--disabled_f4kic_135 .ds-stepper_step-hint_f4kic_184{color:#666}@media screen and (forced-colors: active){.ds-stepper_step-button--disabled_f4kic_135 .ds-stepper_step-hint_f4kic_184{color:GrayText}}.ds-stepper_step-number_f4kic_166{grid-area:number;font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.426;justify-self:center;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;border:.0625rem solid #252525}.ds-stepper_step-number--current_f4kic_212{background:#f37a1f;border-color:#f37a1f;color:#252525}@media screen and (forced-colors: active){.ds-stepper_step-number--current_f4kic_212{border-color:Highlight;color:Highlight}}.ds-stepper_step-label_f4kic_176{grid-area:label;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414;white-space:wrap;color:#252525}.ds-stepper_step-label--current_f4kic_238{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.426}.ds-stepper_step-hint_f4kic_184{grid-area:hint;max-width:34em;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;white-space:wrap;color:#252525}.ds-stepper_sr-only_f4kic_266{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}