@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 1.57 kB
CSS
.ds-input-file_root_1t180_1{display:grid;row-gap:16px;margin-block-start:32px}.ds-input-file_file-wrapper_1t180_7{display:grid;grid-template-columns:auto 1fr auto;column-gap:8px;grid-auto-rows:auto auto;row-gap:4px;padding-block-end:15px;border-bottom:1px solid #B1B1B1}.ds-input-file_file-wrapper--dark_1t180_16{border-color:#666}.ds-input-file_file-wrapper--invalid_1t180_19,.ds-input-file_file-wrapper--dark_1t180_16.ds-input-file_file-wrapper--invalid_1t180_19{border-color:#d43b3b}.ds-input-file_file-details_1t180_26{padding-block:6px;display:flex;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-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400}.ds-input-file_file-name_1t180_40{overflow-wrap:anywhere}.ds-input-file_file-name--dark_1t180_43{color:#fff}.ds-input-file_file-size_1t180_47{padding-inline-start:8px;padding-block-start:3px;color:#666;white-space:nowrap;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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400}.ds-input-file_file-size--dark_1t180_62{color:#b1b1b1}.ds-input-file_progress-bar_1t180_66{grid-column:2;margin-block-end:4px}.ds-input-file_feedback_1t180_71{grid-column:2;padding-block:0}