@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 3.85 kB
CSS
.ds-input-file_root_1pdsr_1 .ds-input-file_browse-button--is-dragging-filled_1pdsr_4{background-color:#444}.ds-input-file_root_1pdsr_1 .ds-input-file_browse-button--is-dragging-filled_1pdsr_4 span{pointer-events:none}.ds-input-file_root_1pdsr_1 .ds-input-file_browse-button--is-dragging_1pdsr_4{background-color:#ededed}.ds-input-file_root_1pdsr_1 .ds-input-file_browse-button--is-dragging_1pdsr_4 span{pointer-events:none}:where(.ds-input-file_root_1pdsr_1){align-self:end}.ds-input-file_root_1pdsr_1:has(.ds-input-file_hint_1pdsr_1) .ds-input-file_label_1pdsr_1{margin-block-end:4px}.ds-input-file_label_1pdsr_1{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.25;font-size-adjust:.414;display:block;max-width:fit-content;margin-block-end:8px}.ds-input-file_label--hidden_1pdsr_44{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}@media screen and (forced-colors: active){.ds-input-file_label--disabled_1pdsr_57{color:GrayText}}.ds-input-file_hint_1pdsr_1{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;display:block;max-width:34em;margin-block-end:8px}.ds-input-file_feedback_1pdsr_77{margin-block-end:8px;margin-block-start:8px}.ds-input-file_dropzone_1pdsr_82{border:1px dashed #B1B1B1;padding:32px;text-align:center;cursor:pointer}.ds-input-file_dropzone--disabled_1pdsr_88{cursor:not-allowed;color:#00000080;border-color:#0000001a}@media screen and (forced-colors: active){.ds-input-file_dropzone--disabled_1pdsr_88{color:GrayText;border-color:GrayText}}.ds-input-file_dropzone--disabled_1pdsr_88 svg{fill:currentColor}.ds-input-file_dropzone--invalid_1pdsr_102{border-color:#d43b3b}.ds-input-file_dropzone--is-dragging_1pdsr_105{background-color:#ededed}.ds-input-file_dropzone--is-dragging_1pdsr_105 .ds-input-file_hint-drop-zone_1pdsr_108{pointer-events:none}.ds-input-file_dropzone_1pdsr_82 .ds-input-file_upload-icon_1pdsr_111{margin-block-end:12px}.ds-input-file_dropzone_1pdsr_82 .ds-input-file_browse-button-dropzone--is-dragging_1pdsr_114{pointer-events:none}.ds-input-file_dropzone_1pdsr_82 .ds-input-file_instructions_1pdsr_117{margin-block-start:0;margin-block-end:24px;pointer-events:none;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.25;font-size-adjust:.426}.ds-input-file_dropzone_1pdsr_82 .ds-input-file_hint-drop-zone_1pdsr_108{color:#666;margin-block-start:16px;text-align:center;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}.ds-input-file_dropzone_1pdsr_82{transition:border-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-input-file_dropzone_1pdsr_82{transition-duration:0ms}}.ds-input-file_input_1pdsr_154{display:none}.ds-input-file_required-sr-info_1pdsr_158{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}