Files
blog/sass/_statements.scss
daudix 592a486148 Glassmorphism!
Or however it's called, basically all semi-transparent elements are now blurred, see https://daudix.codeberg.page to see why I did this (if this change is still live ofc)
2024-02-15 23:02:46 +03:00

38 lines
622 B
SCSS

.statement-container {
margin: 1rem 0 1rem;
padding: 1rem 1rem 0.5rem 1rem;
border-radius: var(--rounded-corner);
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
box-shadow: var(--edge-highlight), var(--shadow);
* {
margin: 0;
}
p,
ul,
ol {
margin: 0.5rem 0 0.5rem;
}
.big {
font-size: 1.5rem;
}
&.archive {
background-color: var(--purple-bg);
color: var(--purple-fg);
}
&.disclaimer {
background-color: var(--red-bg);
color: var(--red-fg);
}
&.trigger {
background-color: var(--yellow-bg);
color: var(--yellow-fg);
}
}