Module:ElementChart/styles.css

.t-element-chart {
	--t-element-chart-cell-height: 32px;
	overflow: hidden;
}

.t-element-chart th,
.t-element-chart td {
	padding: 0;
}

.t-element-chart__cell {
	font-size: 1.125rem;
	line-height: var(--t-element-chart-cell-height);
	text-align: center;
}

.t-element-chart__cell--strong {
	background-color: var(--color-success);
	color: var(--color-inverted-fixed);
}

.t-element-chart__cell--weak {
	background-color: var(--color-destructive);
	color: var(--color-inverted-fixed);
}

.t-element-chart .t-element {
	border: 0;
	border-radius: 0;
	padding: 8px 12px;
	width: 100%;
	/* Without this the padding is added on top of the 100% width and every
	   badge overhangs its cell by 24px, so the header and the row labels no
	   longer line up with the columns. */
	box-sizing: border-box;
}