@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 3.88 kB
CSS
.ds-input-file_root_1m0k1_1 .ds-input-file_browse-button--is-dragging-filled_1m0k1_4{background-color:#444}.ds-input-file_root_1m0k1_1 .ds-input-file_browse-button--is-dragging-filled_1m0k1_4 span{pointer-events:none}.ds-input-file_root_1m0k1_1 .ds-input-file_browse-button--is-dragging_1m0k1_4{background-color:#ededed}.ds-input-file_root_1m0k1_1 .ds-input-file_browse-button--is-dragging_1m0k1_4 span{pointer-events:none}:where(.ds-input-file_root_1m0k1_1){align-self:end}.ds-input-file_root_1m0k1_1:has(.ds-input-file_hint_1m0k1_1) .ds-input-file_label_1m0k1_1{margin-block-end:4px}.ds-input-file_label_1m0k1_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_1m0k1_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_1m0k1_57{color:GrayText}}.ds-input-file_hint_1m0k1_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:25.5rem;margin-block-end:8px}.ds-input-file_feedback_1m0k1_77{margin-block-end:8px;margin-block-start:8px}.ds-input-file_dropzone_1m0k1_82{border:1px dashed #B1B1B1;padding:32px;text-align:center;cursor:pointer}.ds-input-file_dropzone--disabled_1m0k1_88{cursor:not-allowed;color:#00000080;border-color:#0000001a}@media screen and (forced-colors: active){.ds-input-file_dropzone--disabled_1m0k1_88{color:GrayText;border-color:GrayText}}.ds-input-file_dropzone--disabled_1m0k1_88 svg{fill:currentColor}.ds-input-file_dropzone--invalid_1m0k1_102{border-color:#d43b3b}.ds-input-file_dropzone--is-dragging_1m0k1_105{background-color:#ededed}.ds-input-file_dropzone--is-dragging_1m0k1_105 .ds-input-file_hint-drop-zone_1m0k1_108{pointer-events:none}.ds-input-file_dropzone_1m0k1_82 .ds-input-file_upload-icon_1m0k1_111{width:1.5rem;height:1.5rem;margin-block-end:12px}.ds-input-file_dropzone_1m0k1_82 .ds-input-file_browse-button-dropzone--is-dragging_1m0k1_116{pointer-events:none}.ds-input-file_dropzone_1m0k1_82 .ds-input-file_instructions_1m0k1_119{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_1m0k1_82 .ds-input-file_hint-drop-zone_1m0k1_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_1m0k1_82{transition:border-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-input-file_dropzone_1m0k1_82{transition-duration:0ms}}.ds-input-file_input_1m0k1_156{display:none}.ds-input-file_required-sr-info_1m0k1_160{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}