f3fe1ac6c1
We forgot to add the `calc()` function in commits4c0b6455f,390c749d2anddc54fda71. We were getting a warning when compiling the assets without the `quiet_deps` option: ``` DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($line-height, 3) or calc($line-height / 3) More info and automated migrator: https://sass-lang.com/d/slash-div ```
81 lines
1.3 KiB
SCSS
81 lines
1.3 KiB
SCSS
.cookies-consent-management {
|
|
border-radius: 0.75rem;
|
|
|
|
@include breakpoint(medium) {
|
|
width: 50%;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.close-button {
|
|
@include modal-close-button;
|
|
}
|
|
|
|
.buttons {
|
|
border-top: 1px solid $medium-gray;
|
|
margin-top: $line-height;
|
|
padding-top: $line-height;
|
|
}
|
|
|
|
button {
|
|
@include breakpoint(small only) {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
&.accept-all-cookies,
|
|
&.accept-essential-cookies {
|
|
@include regular-button;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&.accept-all-cookies {
|
|
@include breakpoint(small only) {
|
|
margin-bottom: calc($line-height / 3);
|
|
}
|
|
}
|
|
|
|
&.save-cookies-preferences {
|
|
@include hollow-button;
|
|
}
|
|
}
|
|
|
|
.save-preferences {
|
|
text-align: #{$global-right};
|
|
}
|
|
|
|
.cookies-essentials,
|
|
.cookies-vendors {
|
|
ul {
|
|
list-style: none;
|
|
margin-#{$global-left}: 0;
|
|
|
|
li {
|
|
display: flex;
|
|
gap: $line-height;
|
|
justify-content: space-between;
|
|
padding: calc($line-height / 3);
|
|
|
|
&:nth-child(odd) {
|
|
background: #efefef;
|
|
}
|
|
}
|
|
}
|
|
|
|
.switch {
|
|
margin-top: calc($line-height / 3);
|
|
|
|
&:focus-within {
|
|
@include focus-outline;
|
|
}
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|