@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
1 lines • 3.99 kB
CSS
.eufemia-scope--10_104_0 .dnb-upload{--upload-background:#fff;--upload-background--active:#d3d3d3;--upload-border:gray;--upload-border--active:#000;--upload-border-width:2px;--upload-list-border:#000;--upload-icon--default:#000;--upload-icon--warning:red;--upload-highlight:#ffffe0;--upload-text--primary:#000;--upload-text--secondary:#000;display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-medium);position:relative}@media screen and (max-width:40em){.eufemia-scope--10_104_0 .dnb-upload{padding:var(--spacing-medium) var(--spacing-small)}}.eufemia-scope--10_104_0 .dnb-upload{background-color:var(--upload-background);border-radius:.5rem}.eufemia-scope--10_104_0 .dnb-upload__outline{stroke:var(--upload-border);stroke-width:.1875rem;border-radius:.5rem;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.eufemia-scope--10_104_0 .dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);bottom:-1px;height:calc(100% + var(--upload-border-width));left:-1px;right:-1px;top:-1px;width:calc(100% + var(--upload-border-width))}.eufemia-scope--10_104_0 .dnb-upload--active .dnb-upload__outline rect{stroke-width:.25rem;stroke-dasharray:0}.eufemia-scope--10_104_0 .dnb-upload--active{background-color:var(--upload-background--active)}.eufemia-scope--10_104_0 .dnb-upload__file-input{height:1px;position:absolute;visibility:hidden;width:1px}.eufemia-scope--10_104_0 .dnb-upload__file-list{list-style:none;margin-bottom:0;margin-top:var(--spacing-medium);padding:0;position:relative}.eufemia-scope--10_104_0 .dnb-upload__file-cell:after,.eufemia-scope--10_104_0 .dnb-upload__file-list:before{background-color:var(--upload-list-border);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.eufemia-scope--10_104_0 .dnb-upload__file-cell{padding:var(--spacing-small) 0;position:relative;transition:background-color;transition-duration:1.5s;transition-timing-function:var(--easing-default)}@media (prefers-reduced-motion:reduce){.eufemia-scope--10_104_0 .dnb-upload__file-cell{transition-duration:.01ms}}.eufemia-scope--10_104_0 .dnb-upload__file-cell:after{top:auto}.eufemia-scope--10_104_0 .dnb-upload__file-cell__content{justify-content:space-between}.eufemia-scope--10_104_0 .dnb-upload__file-cell__content,.eufemia-scope--10_104_0 .dnb-upload__file-cell__content__left{align-items:center;column-gap:var(--spacing-small);display:flex}.eufemia-scope--10_104_0 .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--default)}.eufemia-scope--10_104_0 .dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--warning)}.eufemia-scope--10_104_0 .dnb-upload__file-cell--highlight{background-color:var(--upload-highlight)}.eufemia-scope--10_104_0 .dnb-upload__file-cell__text-container{align-items:flex-start;display:flex;flex-direction:column}.eufemia-scope--10_104_0 .dnb-upload__file-cell__text-container--loading{font-size:var(--font-size-basis)}.eufemia-scope--10_104_0 .dnb-upload__file-cell__text-container .dnb-button{justify-content:flex-start}.eufemia-scope--10_104_0 .dnb-upload__text.dnb-p{color:var(--upload-text--secondary)}.eufemia-scope--10_104_0 .dnb-upload__accepted-file-types-table.dnb-table{width:-webkit-fit-content;width:fit-content}.eufemia-scope--10_104_0 .dnb-upload__accepted-file-types-table.dnb-table thead th{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);padding-top:0}.eufemia-scope--10_104_0 .dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child,.eufemia-scope--10_104_0 .dnb-upload__accepted-file-types-table.dnb-table thead th:first-child{padding-left:0}.eufemia-scope--10_104_0 .dnb-upload--compact{border-radius:0;padding:0}.eufemia-scope--10_104_0 .dnb-upload--compact .dnb-upload__text{color:var(--color-black-55);font-size:var(--font-size-small)}.eufemia-scope--10_104_0 .dnb-upload--compact .dnb-help-button__content .dnb-section{margin-bottom:1rem}