@symbion/opalui/src/c-tab.css

A minimalistic CSS framework

/********/
/* Tabs */
/********/
.c-tabs {
	display: flex;
	align-items: center;

	/* Color system */
	padding: var(--space-1);
	gap: var(--space-1);
}

.c-tab {
	border: none;
	border-bottom: var(--border-w-lg) solid transparent;
	background: none;
	padding: var(--space-1) var(--space-2);
	text-decoration: none;
	cursor: pointer;
	user-select: none;
	color: var(--col-on);
	transition: color 0.3s, border-color 0.3s;

	&:hover {
		color: var(--col-em);
	}

	&.active {
		color: var(--col-em);
		border-color: var(--col-em);
	}
}

/* vim: ts=4
 */