fix(media.css): highlight text helper class for grids and heros
This commit is contained in:
parent
dc2a909b6f
commit
5290dfb73b
6 changed files with 19 additions and 16 deletions
|
@ -35,14 +35,6 @@
|
|||
left: var(--spacing-sm);
|
||||
bottom: var(--spacing-sm);
|
||||
max-width: calc(var(--sizing-full) - calc(var(--spacing-sm) * 2));
|
||||
color: var(--text-color-inverted);
|
||||
background-color: var(--section-color, var(--accent-color));
|
||||
padding: var(--spacing-xs);
|
||||
border-radius: var(--border-radius-slight);
|
||||
|
||||
& > * {
|
||||
color: var(--text-color-inverted);
|
||||
}
|
||||
|
||||
.header,
|
||||
.subheader {
|
||||
|
|
|
@ -32,3 +32,14 @@
|
|||
.concerts {
|
||||
margin-top: var(--spacing-base);
|
||||
}
|
||||
|
||||
.media-highlight {
|
||||
color: var(--text-color-inverted);
|
||||
background-color: var(--section-color, var(--accent-color));
|
||||
padding: var(--spacing-xs);
|
||||
border-radius: var(--border-radius-slight);
|
||||
|
||||
& > * {
|
||||
color: var(--text-color-inverted);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue