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

мНет описания правки
мНет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 5: Строка 5:
flex-grow: 1;
flex-grow: 1;
gap: 0.25rem;
gap: 0.25rem;
padding: 0.25rem;
}
}


Строка 17: Строка 16:
.department-tab a {
.department-tab a {
user-select: none;
user-select: none;
padding: 0.25em 1em;
flex-grow: 1;
flex-grow: 1;
align-content: center;
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
height: 1.5em;
padding: 0.25em 1em;
background-color: var(--deptab);
background-color: var(--deptab);
color: var(--color-text-translucent);
color: var(--color-text-translucent);
border: var(--border-classic);
border: var(--border-classic);
border-color: var(--deptab-hover);
border-color: var(--deptab-hover);
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius-small);
transition-property: background-color, color;
transition-property: background-color, color;
}
}

Текущая версия от 13:33, 8 мая 2025

.department-tabs {
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	gap: 0.25rem;
}

.department-tab {
	display: inline-flex;
	position: relative;
	flex-grow: 1;
	flex-basis: 5%;
}

.department-tab a {
	user-select: none;
	flex-grow: 1;
	align-content: center;
	text-align: center;
	font-weight: bold;
	height: 1.5em;
	padding: 0.25em 1em;
	background-color: var(--deptab);
	color: var(--color-text-translucent);
	border: var(--border-classic);
	border-color: var(--deptab-hover);
	border-radius: var(--border-radius-small);
	transition-property: background-color, color;
}

.department-tab a:hover {
	background-color: var(--deptab-hover);
}

.department-tab a:active {
	background-color: var(--deptab);
}

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

.department-tab a.mw-selflink {
	background-color: var(--deptab-hover) !important;
	color: var(--color-white) !important;
    box-shadow: 0 0 0.33em 1px var(--deptab-hover);
	z-index: var(--index-fore);
}