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

57 lines
1 KiB
SCSS
Raw Normal View History

2020-01-24 19:31:49 +01:00
.ads-wrapper {
@extend .navigation;
background-color: var(--color-ads-background);
padding-top: 0.5rem;
padding-right: 0.5rem;
2020-01-24 19:31:49 +01:00
p {
margin-left: 0.4rem; // The ads provider adds weird padding to their wrapper
font-size: var(--font-xsmall);
color: var(--color-ads-text);
}
.button--link {
color: var(--color-ads-link);
2020-01-24 19:31:49 +01:00
}
}
2020-03-26 22:47:07 +01:00
// Inline Video Ads
.ads__claim-item {
border-bottom: 1px solid var(--color-border);
padding: var(--spacing-medium);
background-color: var(--color-ads-background);
display: flex;
> div {
2020-03-30 14:57:15 +02:00
width: 40%;
2020-03-26 22:47:07 +01:00
position: relative !important;
}
.avp-p-gui {
z-index: 1 !important;
}
2020-03-30 14:57:15 +02:00
@media (max-width: $breakpoint-small) {
flex-direction: column;
> div {
width: 100%;
}
2020-03-26 22:47:07 +01:00
}
}
.ads__claim-text {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: var(--spacing-large);
2020-03-30 14:57:15 +02:00
@media (max-width: $breakpoint-small) {
padding-left: 0;
}
2020-03-26 22:47:07 +01:00
}
.ads__claim-text--small {
font-size: var(--font-small);
}