hackertours-theme/assets/sass/components/cookieconsent/_cookieconsent.scss
2023-12-08 08:54:56 +01:00

33 lines
621 B
SCSS

// Cookieconsent
.cookieconsent {
display: flex;
flex-flow: wrap;
justify-content: center;
gap: .5rem;
position: sticky;
bottom: 0;
width: 100%;
padding-block-start: .5rem;
color: var(--color-warning);
background-color: var(--color-warning-bg);
border-top: 4px solid var(--color-warning-border);
font-size: var(--fs-s);
transform: translateY(100vh);
transition: all 130ms ease-out;
z-index: 99;
}
.button {
&--accept {
border-color: var(--color-status);
}
&--decline {
border-color: var(--color-warning-border);
}
}
.js-cookieconsent-open {
transform: translateY(0);
}