Standaard

V316-01

Hoe te gebruiken?

Voorvertoning

Review Select Partial

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in de website om alvast met een basis opmaak te beginnen.

LET OP: Als je de Recensie overzicht partial gebruikt is het deels dezelfde CSS.

CSS
.review-item-preview {
	background-color: var(--primary-bg);
	padding: var(--panel-padding) var(--panel-padding) calc(var(--panel-padding) / 2);
	border-radius: var(--panel-radius);
}
.review-item-preview-rating i {
	font-size: 1.375em;
}
.review-item-preview-rating .review-rating {
	font-weight: 700;
	font-size: 2.5rem;
}
.review-item-preview-rating .review-stars {
	vertical-align: super;
}

[data-partial="review-select"] .row>* {
	position: relative;
}
[data-partial="review-select"] .row>*>.review-item-preview::after {
	position: absolute;
	content: '';
	background-color: var(--primary-bg);
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 0;
	z-index: -1;
}

[data-shorten-text-to]>button.btn:last-child {
	margin-top: 0;
}