c285cf8f9e
* Users can only opt-out of external ads * Move random sampling out of FilteredAdsQuery * Refactor filtered_ads_query_spec * Add test for new permit_adjacent setting * Rubocop * Use permit_adjacent_sponsors on article sidebar and post-comments * Remove, unused * Update copy * type_matched -> type_of_ads * Remove non-applicable test * feat: update the bullet safe list and add eager loading with organizations * feat: add an indicator round for promoted * feat: update the css * feat: add il8n * fix: styling changes --------- Co-authored-by: Joshua Wehner <joshua@forem.com>
50 lines
947 B
SCSS
50 lines
947 B
SCSS
.c-indicator {
|
|
--bg: var(--indicator-bg);
|
|
--color: var(--indicator-color);
|
|
padding: var(--su-1);
|
|
text-align: center;
|
|
line-height: 1;
|
|
font-size: var(--fs-s);
|
|
border-radius: var(--radius);
|
|
display: inline-block;
|
|
background: var(--bg);
|
|
color: var(--color);
|
|
min-width: var(--su-2);
|
|
|
|
&--success {
|
|
--bg: var(--indicator-success-bg);
|
|
--color: var(--indicator-success-color);
|
|
}
|
|
|
|
&--warning {
|
|
--bg: var(--indicator-warning-bg);
|
|
--color: var(--indicator-warning-color);
|
|
}
|
|
|
|
&--danger {
|
|
--bg: var(--indicator-danger-bg);
|
|
--color: var(--indicator-danger-color);
|
|
}
|
|
|
|
&--info {
|
|
--bg: var(--indicator-info-bg);
|
|
--color: var(--indicator-info-color);
|
|
}
|
|
|
|
&--relaxed {
|
|
padding: var(--su-2);
|
|
}
|
|
|
|
&--subtle {
|
|
--bg: var(--indicator-subtle-bg);
|
|
--color: var(--indicator-subtle-color);
|
|
}
|
|
|
|
&--round {
|
|
border-radius: var(--radius-large);
|
|
}
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|