Шаблон:Tabs/styles.css: различия между версиями

.tab-container {
	background: var(--bg-main);
	border: 1px solid var(--border);
	border-radius: 0.25rem;
	margin: 1em 0;
	max-height: 600px;
	max-width: 400px;
	overflow: hidden;
	width: 300px;
}

.tabs-nav {
	background: var(--bg-nav);
	display: flex;
	flex-wrap: wrap;
}

.tab-link {
	border-bottom: 2px solid var(--border);
	color: var(--text-muted);
	cursor: pointer;
	flex-grow: 1;
	padding: 10px 20px;
	text-align: center;
	transition: 0.2s;
	white-space: nowrap;
}

.tab-link:hover,
.tab-link.active {
	color: var(--white);
}

.tab-link:hover {
	background: var(--bg-hover);
}

.tab-link.active {
	background: var(--bg-main);
	border-bottom-color: var(--accent);
}

.tab-content {
	color: var(--text-main);
	padding: 15px;
}

.tab-pane {
	display: none;
}

.tab-pane.active {
	display: block;
}