Adjust ad design

This commit is contained in:
Raphael Wickihalder 2022-06-17 11:22:18 +02:00
parent 70a19d32be
commit 30e16841a5
No known key found for this signature in database
GPG key ID: 05179BB92383243D
2 changed files with 27 additions and 3 deletions

View file

@ -324,14 +324,38 @@
// ****************************************************************************
.OUTBRAIN {
border-radius: var(--border-radius) 0 0 0 !important;
// border-radius: var(--border-radius) 0 0 0 !important;
height: unset !important;
background-color: var(--color-ads-background);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
padding: var(--spacing-xxs);
.ob-widget .ob-unit.ob-rec-text {
font-size: 12px !important;
}
background-color: var(--color-ads-background);
&:not(.banner-ad__container) {
border-radius: var(--border-radius) !important;
overflow: hidden;
.ob-rec-image-container {
border: unset !important;
.ob-rec-image {
padding: 0 !important;
margin: 0 !important;
}
}
.ob-sub-units {
margin-left: 0 !important;
}
.AR_28.ob-widget {
.ob-unit.ob-rec-text {
font-size: var(--font-xxsmall) !important;
}
}
}
}
.closeButton {

View file

@ -152,7 +152,7 @@
--color-editor-hr-preview: #a0a0a0;
// Ads
--color-ads-background: rgba(var(--color-secondary-dynamic), 0.1);
--color-ads-background: var(--color-header-background);
--color-ads-text: var(--color-secondary-contrast);
--color-ads-link: var(--color-secondary);