lbry-desktop/ui/scss/component/_file-properties.scss
Sean Yesmunt e7cdd6c13d moonpay
2020-06-03 14:16:43 -04:00

46 lines
797 B
SCSS

.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;
}
}