A small sass include for overwriting the Cookie Information standard banner.
#coiConsentBanner {
// Composition changes
max-height: 90vh; // The banner should not fill the whole screen
.coi-consent-banner__consent-area,
.coi-consent-banner__summary {
// Fitting the container sizes to a fair width
min-width: 40%;
@media screen and (max-width: 1360px) {
min-width: 50%;
}
}
.coi-consent-banner__agree-button {
@media screen and (min-width: 700px) and (max-width: 760px) {
margin-bottom: 15px;
}
}
.summary-texts__description {
max-width: 50em; // Too wide text is ugly
}
// Category checkboxes should have space between them and stand nicely
.coi-consent-banner__cookie-categories {
margin-top: -15px;
}
.coi-consent-banner__category-name {
margin-top: 15px;
@media screen and (max-width:1024px) {
min-width: 50%;
}
}
// Colorization and individualization
/* Nothing */
}