2024-12-20 14:28:58 +01:00
|
|
|
.blog.link-list li:not(:last-child) {
|
|
|
|
|
margin-bottom: 0.25rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.callout {
|
2024-12-20 16:43:05 +01:00
|
|
|
margin-top: 1rem;
|
|
|
|
|
margin-bottom: 1rem;
|
2024-12-20 14:28:58 +01:00
|
|
|
padding: 0.5rem;
|
|
|
|
|
padding-left: 0.8rem;
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
border-left: 4px solid var(--border-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.callout .header {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
font-variant: all-small-caps;
|
|
|
|
|
margin-bottom: 0.25rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.callout.info {
|
|
|
|
|
background-color: hsla(var(--cyan) var(--dark) / 0.25);
|
|
|
|
|
border-color: hsla(var(--cyan) var(--light) / 0.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.callout.info .header {
|
|
|
|
|
--color: light-dark(
|
|
|
|
|
hsl(var(--cyan) var(--darker)),
|
|
|
|
|
hsl(var(--cyan) var(--light))
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.callout.warning {
|
|
|
|
|
background-color: hsla(var(--yellow) var(--dark) / 0.25);
|
|
|
|
|
border-color: hsla(var(--orange) var(--light) / 0.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.callout.warning .header {
|
|
|
|
|
--color: light-dark(
|
|
|
|
|
hsl(var(--orange) var(--darker)),
|
|
|
|
|
hsl(var(--yellow) var(--light))
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
}
|
|
|
|
|
|
