lbry-desktop/ui/scss/component/_post.scss

85 lines
1.5 KiB
SCSS
Raw Normal View History

2021-03-11 18:08:11 +01:00
.post {
$card-bg: var(--color-card-background);
$bg: var(--color-background);
@include font-serif;
.card {
border: 0;
&:after {
content: '';
display: block;
height: 20rem;
background-image: linear-gradient(to top, $bg, $card-bg);
}
}
}
.post {
height: 100%;
width: 43rem;
margin-left: auto;
margin-right: auto;
max-width: unset;
min-width: unset;
.channel-staked__wrapper {
background-color: var(--color-background);
}
.channel-thumbnail {
@include handleChannelGif(2.5rem);
}
@media (max-width: $breakpoint-small) {
width: 100%;
padding: var(--spacing-s);
}
}
.post__title {
font-size: 2rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: var(--spacing-m);
font-weight: var(--font-weight-bold);
:first-child {
display: inline-block;
margin-right: var(--spacing-s);
}
@media (min-width: $breakpoint-small) {
margin-top: var(--spacing-xl);
font-size: 3rem;
line-height: 1;
}
}
.post__info {
@include font-sans;
display: flex;
align-items: center;
justify-content: space-between;
line-height: 0;
margin-bottom: var(--spacing-l);
font-size: var(--font-small);
.credit-amount {
margin-right: var(--spacing-s);
}
}
.post__date {
font-size: var(--font-small);
color: var(--color-help);
}
.file-render--document {
font-size: var(--font-large);
height: auto;
max-height: none;
overflow: auto;
margin-bottom: var(--spacing-l);
}