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

мНет описания правки
мНет описания правки
Строка 1: Строка 1:
.department-tabs {
.department-tabs {
  overflow: auto;
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;
   flex-grow: 1;
   flex-grow: 1;
   overflow: auto;
   gap: 0.25rem;
}
}


Строка 14: Строка 15:


.department-tab a {
.department-tab a {
  padding: 0.4em 1em;
padding: 0.4em 1em;
  flex-grow: 1;
flex-grow: 1;
  text-align: center;
text-align: center;
  font-weight: bold;
font-weight: bold;
  background-color: var(--deptab);
background-color: var(--deptab);
  color: var(--color-text-translucent);
color: var(--color-text-translucent);
  transition-property: background-color, color;
border: var(--border-classic);
border-color: var(--deptab-hover);
border-radius: var(--border-radius-medium);
transition-property: background-color, color;
}
}



Версия от 05:59, 7 мая 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 {
	padding: 0.4em 1em;
	flex-grow: 1;
	text-align: center;
	font-weight: bold;
	background-color: var(--deptab);
	color: var(--color-text-translucent);
	border: var(--border-classic);
	border-color: var(--deptab-hover);
	border-radius: var(--border-radius-medium);
	transition-property: background-color, color;
}

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

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

.department-tab a.mw-selflink {
  background-color: var(--deptab-hover) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-template--medium);
  z-index: var(--index-fore);
}