.file-properties { display: flex; position: relative; align-items: center; font-size: var(--font-small); color: var(--color-text-help); margin-left: var(--spacing-m); white-space: nowrap; & > *:not(:last-child) { margin-right: var(--spacing-s); } @media (max-width: $breakpoint-xsmall) { display: none; } } .file-properties--large { flex-wrap: wrap; margin-bottom: var(--spacing-l); margin-left: 0; & > * { margin-top: var(--spacing-s); } } .file-properties--small { font-size: var(--font-xsmall); line-height: 1.2; margin-left: 0; position: relative; .tag { font-size: var(--font-xsmall); } & > *:not(:last-child) { margin-right: var(--spacing-xxs); } @media (max-width: $breakpoint-xsmall) { display: none; } }