66 lines
2.0 KiB
SCSS
66 lines
2.0 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;
|
|
|
|
.icon {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
}
|
|
|
|
&.archive {
|
|
background-color: var(--purple-bg);
|
|
color: var(--purple-fg);
|
|
|
|
.icon {
|
|
$icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 1a1 1 0 0 0-.926.625l-2 5A1 1 0 0 0 1 7v7s0 2 2 2h10s2 0 2-2l.004-6.937c0-.149-.004-.297-.074-.438l-2-5A1 1 0 0 0 12 1zm.676 2h6.644l1.203 3h-9.05zM7 8h2v3h2a1 1 0 0 1-.293.707l-2 2a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1-.285-.7L5 11h2zm0 0'/%3E%3C/svg%3E");
|
|
-webkit-mask-image: $icon;
|
|
mask-image: $icon;
|
|
background-color: var(--purple-fg);
|
|
}
|
|
}
|
|
|
|
&.disclaimer {
|
|
background-color: var(--red-bg);
|
|
color: var(--red-fg);
|
|
|
|
.icon {
|
|
$icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M7.906.094C7.38.066 6.867.375 6.47 1.063L.219 12.656C-.316 13.621.266 15 1.313 15h13.156c.98 0 1.902-1.16 1.219-2.344L9.375 1.125C8.977.48 8.434.121 7.906.094M9 4v5c.008.527-.473 1-1 1s-1.008-.473-1-1V4zm-1 7c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m0 0'/%3E%3C/svg%3E");
|
|
-webkit-mask-image: $icon;
|
|
mask-image: $icon;
|
|
background-color: var(--red-fg);
|
|
}
|
|
}
|
|
|
|
&.trigger {
|
|
background-color: var(--yellow-bg);
|
|
color: var(--yellow-fg);
|
|
|
|
.icon {
|
|
$icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M7.906.094C7.38.066 6.867.375 6.47 1.063L.219 12.656C-.316 13.621.266 15 1.313 15h13.156c.98 0 1.902-1.16 1.219-2.344L9.375 1.125C8.977.48 8.434.121 7.906.094M9 4v5c.008.527-.473 1-1 1s-1.008-.473-1-1V4zm-1 7c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m0 0'/%3E%3C/svg%3E");
|
|
-webkit-mask-image: $icon;
|
|
mask-image: $icon;
|
|
background-color: var(--yellow-fg);
|
|
}
|
|
}
|
|
}
|