Cookie concent feature.
This commit is contained in:
parent
39031274e8
commit
79b366cb18
2 changed files with 236 additions and 6 deletions
|
|
@ -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.
|
||||
}
|
||||
|
|
|
|||
32
assets/sass/components/cookieconsent/_cookieconsent.scss
Normal file
32
assets/sass/components/cookieconsent/_cookieconsent.scss
Normal 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);
|
||||
}
|
||||
Loading…
Reference in a new issue