62 lines
2.3 KiB
SCSS
62 lines
2.3 KiB
SCSS
.statement-container {
|
|
margin: 1rem 0 1rem;
|
|
box-shadow: var(--edge-highlight);
|
|
border-radius: var(--rounded-corner);
|
|
padding: 1rem 1rem 0.5rem;
|
|
|
|
* {
|
|
margin: 0;
|
|
}
|
|
|
|
p,
|
|
ul,
|
|
ol {
|
|
margin: 0.5rem 0 0.5rem;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
}
|
|
|
|
.big {
|
|
font-size: 1.5rem;
|
|
line-height: 1.25;
|
|
|
|
.icon {
|
|
margin-inline-end: 0.375rem;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
}
|
|
|
|
&.archive {
|
|
background-color: var(--purple-bg);
|
|
color: var(--purple-fg);
|
|
|
|
.icon {
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M2 1C.89 1 0 1.89 0 3v2c0 .751.41 1.402 1.018 1.744A2 2 0 0 0 1 7v7c0 1.11.89 2 2 2h10c1.11 0 2-.89 2-2V7a2 2 0 0 0-.018-.256A2 2 0 0 0 16 5V3c0-1.11-.89-2-2-2zm0 2h12v2H2zm1 4h10v7H3zm3 1v1h4V8z'/%3E%3C/svg%3E");
|
|
background-color: var(--purple-fg);
|
|
}
|
|
}
|
|
|
|
&.disclaimer {
|
|
background-color: var(--red-bg);
|
|
color: var(--red-fg);
|
|
|
|
.icon {
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 .844c-.907 0-1.814.444-2.291 1.334l-.002.002-5.178 9.697C-.45 13.704.928 16.002 3 16h10c2.072.002 3.45-2.296 2.47-4.123L10.294 2.18l-.002-.002C9.814 1.288 8.907.844 8 .844M8 2.77c.201 0 .403.118.53.353l5.177 9.697.002.002c.307.573-.057 1.18-.707 1.178H2.998c-.65.001-1.014-.605-.707-1.178l.002-.002 5.18-9.699c.126-.233.327-.351.527-.351M8 5c-.554 0-1 .446-1 1v3c0 .554.446 1 1 1s1-.446 1-1V6c0-.554-.446-1-1-1m0 6a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1'/%3E%3C/svg%3E");
|
|
background-color: var(--red-fg);
|
|
}
|
|
}
|
|
|
|
&.trigger {
|
|
background-color: var(--yellow-bg);
|
|
color: var(--yellow-fg);
|
|
|
|
.icon {
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 .844c-.907 0-1.814.444-2.291 1.334l-.002.002-5.178 9.697C-.45 13.704.928 16.002 3 16h10c2.072.002 3.45-2.296 2.47-4.123L10.294 2.18l-.002-.002C9.814 1.288 8.907.844 8 .844M8 2.77c.201 0 .403.118.53.353l5.177 9.697.002.002c.307.573-.057 1.18-.707 1.178H2.998c-.65.001-1.014-.605-.707-1.178l.002-.002 5.18-9.699c.126-.233.327-.351.527-.351M8 5c-.554 0-1 .446-1 1v3c0 .554.446 1 1 1s1-.446 1-1V6c0-.554-.446-1-1-1m0 6a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1'/%3E%3C/svg%3E");
|
|
background-color: var(--yellow-fg);
|
|
}
|
|
}
|
|
}
|