.file-properties { display: flex; position: relative; align-items: center; font-size: var(--font-small); color: var(--color-text-help); margin-left: var(--spacing-medium); white-space: nowrap; & > *:not(:last-child) { margin-right: var(--spacing-small); } @media (max-width: $breakpoint-xsmall) { display: none; } } .file-properties--large { flex-wrap: wrap; margin-bottom: var(--spacing-large); margin-left: 0; & > * { margin-top: var(--spacing-small); } } .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-miniscule); } @media (max-width: $breakpoint-xsmall) { display: none; } }