MediaWiki:Common.css: відмінності між версіями

MediaWiki:Common.css (переглянути вихідний код)

515 байтів додано , 28 листопад

нема опису редагування

5494

редагування

@@ Рядок 469: / Рядок 469: @@
    margin: 0;
    padding: 0;
+  /* 5 карток: (100% - 4 gaps по 8px) / 5 */
+  width: calc((100% - 32px) / 5);
 }
@@ Рядок 475: / Рядок 477: @@
    position: relative;
    display: block;
-   width: 185px;
+   width: 100%;
-  max-width: 100%;
    border-radius: 0;
    overflow: hidden;
@@ Рядок 562: / Рядок 563: @@
 }
-/* Mobile responsive */
+/* ===== MOBILE: 2 картки в рядок ===== */
 @media (max-width: 768px) {
-   .mcc-hero-card {
+   .mcc-heroes-list {
-     width: calc(33.333% - 6px);
+    padding: 0 16px;
-     min-width: 100px;
+    gap: 12px;
+  }
+  .mcc-heroes-list li {
+    /* 2 картки: (100% - 1 gap 12px) / 2 */
+     width: calc((100% - 12px) / 2);
+  }
+  .mcc-hero-info {
+    padding: 30px 8px 8px;
+  }
+  .mcc-hero-nickname {
+     font-size: 1em;
+  }
+  .mcc-hero-date {
+    font-size: 0.75em;
    }
 }
-@media (max-width: 480px) {
+/* Дуже малі екрани */
-   .mcc-hero-card {
+@media (max-width: 360px) {
-     width: calc(50% - 4px);
+   .mcc-heroes-list {
+    padding: 0 12px;
+    gap: 8px;
+  }
+  .mcc-heroes-list li {
+     width: calc((100% - 8px) / 2);
+  }
+  .mcc-hero-nickname {
+    font-size: 0.9em;
    }
 }