Шаблон:NavBar/styles.css

.navbar {
	overflow: hidden;
	position: relative;
	border: 1px solid;
	border-radius: var(--border-radius-large);
}

.navbar-template {
	overflow: auto;
	display: flex;
	flex-flow: row wrap;
	align-content: start;
}

.navbar-content {
	align-content: start;
}

.navbar-content-inner {
	flex-grow: 1; 
	flex-basis: 100%;
	border-width: 1px 0 1px 0;
}

.navbar-tabs,
.navbar-content {
	display: flex;
	flex-flow: row wrap;
}

.navbar-button a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: var(--color-text-darker) !important;
	transition-property: background-color, color;
}

.navbar-button a:hover {
	background-color: var(--color-bg-hover);
}