Implement new css.Build.

This commit is contained in:
Fredrik Jonsson 2026-04-08 11:17:24 +02:00
commit d984bcaf5d

View file

@ -1,34 +1,32 @@
/* Cookieconsent */
@layer components {
.cookieconsent {
.cookieconsent {
display: flex;
flex-flow: wrap;
justify-content: center;
gap: .5rem;
position: sticky;
bottom: 0;
width: 100%;
padding: var(--spacing-xs);
color: var(--color-warning);
background-color: var(--color-warning-bg);
border-block-start: 4px solid var(--color-warning);
font-size: var(--fs-s);
transform: translateY(100vh);
transition: all 130ms ease-out;
z-index: 99;
.cookieconsent__actions {
display: flex;
flex-flow: wrap;
justify-content: center;
gap: .5rem;
position: sticky;
bottom: 0;
width: 100%;
padding: var(--spacing-xs);
color: var(--color-warning);
background-color: var(--color-warning-bg);
border-block-start: 4px solid var(--color-warning);
font-size: var(--fs-s);
transform: translateY(100vh);
transition: all 130ms ease-out;
z-index: 99;
.cookieconsent__actions {
display: flex;
gap: .5rem;
}
&[hidden] {
display: none;
}
}
[data-cookieconsentopen] {
transform: translateY(0);
&[hidden] {
display: none;
}
}
[data-cookieconsentopen] {
transform: translateY(0);
}