/
githubmirror
/
joomla-cms
Обзор
Документация
Войти
/
githubmirror
/
joomla-cms
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
5.4-dev
build/media_source/mod_articles/css/mod-articles.css
52 строки
1 KB
Viviana Menzel
[5.4] Remove unused CSS from mod_articles (#45974)
09 сен 2025, 17:59
Не верифицирован
09 сен 2025, 17:59
a292f43
Код
Авторство
О чём код?
.mod-articles-image { margin-bottom: .5rem; } @supports (container-type: inline-size) { div:has(> .mod-articles-grid), section:has(> .mod-articles-grid) { container-type: inline-size; } } .grid-cols-2 { --grid-column-count: 2; } .grid-cols-3 { --grid-column-count: 3; } .grid-cols-4 { --grid-column-count: 4; } .mod-articles-grid { --grid-layout-gap: 2rem; --grid-item--min-width: 100px; --gap-count: calc(var(--grid-column-count) - 1); --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap)); --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count)); display: grid; grid-template-columns: 1fr; grid-gap: var(--grid-layout-gap); } @container (min-width: 768px) { .mod-articles-grid { grid-template-columns: 1fr 1fr; } } @container (min-width: 992px) { .mod-articles-grid { grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)); } } @supports not (container-type: inline-size) { @media (min-width: 768px) { .mod-articles-grid { grid-template-columns: 1fr 1fr; } } @media (min-width: 992px) { .mod-articles-grid { grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)); } } }