SEMilfred
4/27/2020 - 10:57 AM

Cookie Information Banner Overwrite

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 */
}