34 lines
672 B
CSS
34 lines
672 B
CSS
/* Cookieconsent */
|
|
|
|
@layer components {
|
|
.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;
|
|
gap: .5rem;
|
|
}
|
|
|
|
&[hidden] {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
[data-cookieconsentopen] {
|
|
transform: translateY(0);
|
|
}
|
|
}
|