2019-06-11 20:10:58 +02:00
|
|
|
.file-properties {
|
|
|
|
|
display: flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
align-items: center;
|
2019-07-21 23:31:22 +02:00
|
|
|
font-size: var(--font-label);
|
2019-06-11 20:10:58 +02:00
|
|
|
|
2019-06-27 08:18:45 +02:00
|
|
|
.icon {
|
|
|
|
|
stroke: rgba($lbry-black, 0.5);
|
|
|
|
|
|
2019-06-29 00:21:21 +02:00
|
|
|
[data-mode='dark'] & {
|
2019-06-27 08:18:45 +02:00
|
|
|
stroke: rgba($lbry-white, 0.7);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-06-17 22:32:38 +02:00
|
|
|
& > *:not(:last-child) {
|
|
|
|
|
margin-right: var(--spacing-small);
|
2019-06-11 20:10:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 600px) {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-06-17 22:32:38 +02:00
|
|
|
|
|
|
|
|
.file-properties--large {
|
|
|
|
|
flex-wrap: wrap;
|
2019-07-21 23:31:22 +02:00
|
|
|
margin-bottom: var(--spacing-large);
|
2019-06-17 22:32:38 +02:00
|
|
|
|
|
|
|
|
& > * {
|
|
|
|
|
margin-top: var(--spacing-small);
|
|
|
|
|
}
|
|
|
|
|
}
|
