Cookie concent feature.

This commit is contained in:
Fredrik Jonsson 2021-01-29 14:53:38 +01:00
commit 79b366cb18
2 changed files with 236 additions and 6 deletions

View file

@ -74,6 +74,13 @@ button,
// Add button variations here.
.button,
%button {
&--small {
@include type-layout(xs, 1);
@include margin-right(.3);
@include margin-bottom(.3);
padding: 0 6px;
}
&--variant-name {
// Add styles here.
}

View file

@ -0,0 +1,32 @@
// Cookieconsent
.cookieconsent {
@include type-layout(s, 1);
position: sticky;
bottom: 0;
width: 100%;
color: $warning;
background-color: $warning-bg;
border-top: 4px solid $warning-border;
text-align: center;
transform: translateY(100vh);
transition: all 130ms ease-in;
a {
color: inherit;
}
}
.button {
&--accept {
border-color: $status;
}
&--decline {
border-color: $warning-border;
}
}
.js-cookieconsent-open {
transform: translateY(0);
}