42 lines
834 B
CSS
42 lines
834 B
CSS
.callout {
|
|
background-color: var(--color-callout-bg);
|
|
border: 2px solid var(--color-callout-border);
|
|
/* border-radius: 10px; */
|
|
color: var(--color-primary);
|
|
height: fit-content;
|
|
padding: var(--space-size-2xs);
|
|
text-align: center;
|
|
|
|
p {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.callout-title {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5ch;
|
|
|
|
.callout-title-icon svg {
|
|
max-height: var(--text-size-s);
|
|
}
|
|
|
|
.callout-title-inner {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
> * {
|
|
display: flex;
|
|
align-items: center;
|
|
height: fit-content;
|
|
}
|
|
}
|
|
|
|
.callout-content {
|
|
text-align: initial;
|
|
margin-top: var(--space-size-xs);
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
}
|
|
} |