61 lines
900 B
SCSS
61 lines
900 B
SCSS
.statement-container {
|
|
margin: 1rem 0;
|
|
box-shadow: var(--edge-highlight);
|
|
border-radius: var(--rounded-corner);
|
|
padding: 1rem;
|
|
|
|
:last-child {
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
& > :nth-child(2) {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
|
|
li::marker {
|
|
color: inherit;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
}
|
|
|
|
.title {
|
|
color: inherit;
|
|
|
|
.icon {
|
|
margin-inline-end: 0.375rem;
|
|
}
|
|
}
|
|
|
|
&.archive {
|
|
background-color: var(--purple-bg);
|
|
color: var(--purple-fg);
|
|
|
|
.icon {
|
|
-webkit-mask-image: var(--icon-archive);
|
|
mask-image: var(--icon-archive);
|
|
}
|
|
}
|
|
|
|
&.disclaimer {
|
|
background-color: var(--red-bg);
|
|
color: var(--red-fg);
|
|
|
|
.icon {
|
|
-webkit-mask-image: var(--icon-warning);
|
|
mask-image: var(--icon-warning);
|
|
}
|
|
}
|
|
|
|
&.trigger {
|
|
background-color: var(--yellow-bg);
|
|
color: var(--yellow-fg);
|
|
|
|
.icon {
|
|
-webkit-mask-image: var(--icon-warning);
|
|
mask-image: var(--icon-warning);
|
|
}
|
|
}
|
|
}
|