MediaWiki:Common.css: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка

@@ Строка 1989: / Строка 1989: @@
 /* #region Классы */
 /* ============ */
+/* Складной списки с кнопкой в ширину всего блока */
+.collapsible-title {
+    display: grid;
+}
+.collapsible-title > *:not(.mw-collapsible-content) {
+    grid-row: 1;
+    grid-column: 1 / 3;
+}
+.collapsible-title > .mw-collapsible-content {
+    grid-row: 2;
+    grid-column: 1 / 3;
+}
+/* Делает кнопку раскрытия складного списка в виде стрелочки */
+.collapsible-toggle-arrow::before {
+    --wh-ratio: 1.5;
+    --w: 0.9em;
+    --h: calc(var(--w) / var(--wh-ratio));
+    content: "";
+    background-image: url(/images/1/12/Inverted_triangle.svg);
+    display: inline-block;
+    background-size: cover;
+    width: var(--w);
+    height: var(--h);
+    margin: 0 0.1em;
+    transition: transform 60ms ease;
+}
+.mw-collapsible:has(.mw-collapsible-toggle-collapsed) > .collapsible-toggle-arrow::before {
+    transform: rotate(-90deg);
+}
+.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *,
+.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
+.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before {
+    display: none;
+}
 /* Ссылка на весь контейнер кнопки */
@@ Строка 2185: / Строка 2225: @@
 	margin-bottom: 0
 }
 @media (max-width: 800px) {
@@ Строка 2196: / Строка 2238: @@
 	gap: 8px;
 	grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
+}
+.grid-big-item-adaptive {
+	display: grid;
+	gap: 10px;
+	grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 400px), 1fr));
 }