Mediawiki:common.css

Вернуться

Строка 1: Строка 1:
/*Химия*/
/*Химия*/
.chem-heading { display: none; }
@media (max-width: 1280px) { .chem-heading { display: none; } }


.chem-cards-container {  
.chem-cards-container {  
Строка 94: Строка 94:


.chem-recipe {  
.chem-recipe {  
     width: 100%;
     max-width: 640px;         /* ← центрирование всего блока */
     margin: 0;
     margin: 0 auto;  
     display: grid;  
     display: grid;  
     grid-template-columns: 1fr auto 1fr;  
     grid-template-columns: 1fr auto 1fr;  
Строка 116: Строка 116:
     padding: 6px 10px;  
     padding: 6px 10px;  
     border-left: 4px solid var(--card-accent, #8cf);  
     border-left: 4px solid var(--card-accent, #8cf);  
     white-space: nowrap;  
     white-space: nowrap;           /* ← числа всегда рядом с названием */
}
}


Строка 170: Строка 170:
}
}


body.page-Тест .mw-page-container,  
@media (max-width: 1024px) {
body.page-Тест .mw-body {  
    .chem-cards-container { grid-template-columns: repeat(2, 1fr); }
     width: 100%;
}
     margin: 0;  
 
@media (max-width: 768px) {
    .chem-cards-container { grid-template-columns: 1fr; }
    .chem-recipe {
        grid-template-columns: 1fr;
        gap: 12px;
        max-width: 100%;
    }
}
 
/* Ограничение ширины */
body.page-Тест .mw-page-container, body.page-Тест .mw-body {  
     max-width: 1800px;  
     margin: 0 auto;  
}
}
/*Химия*/
/*Химия*/