Шаблон:PortalSection/styles.css: различия между версиями
Admin (обсуждение | вклад) import TemplateStyles CSS |
Admin (обсуждение | вклад) import TemplateStyles CSS |
||
| Строка 3: | Строка 3: | ||
margin: 1rem 0; | margin: 1rem 0; | ||
} | } | ||
.portalsection:first-of-type { | .portalsection:first-of-type { margin-top: 0; } | ||
.portalsection:last-of-type { margin-bottom: 0; } | |||
} | .portalsection hr { margin-top: 0.33rem; } | ||
.portalsection:last-of-type { | |||
} | |||
.portalsection hr { | |||
} | |||
.portalsection-title { | .portalsection-title { | ||
font-size: 120%; | font-size: 120%; | ||
| Строка 23: | Строка 17: | ||
} | } | ||
.portalsection-content--wrap { | .portalsection-content--wrap { | ||
display: | display: grid; | ||
grid-template-rows: repeat(2, auto); | |||
grid-auto-flow: column; | |||
grid-auto-columns: 7.5rem; | |||
justify-content: center; | |||
align-items: stretch; | align-items: stretch; | ||
gap: 0.5rem; | gap: 0.5rem; | ||
} | } | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.portalsection-content--wrap | .portalsection-content--wrap { | ||
flex- | display: flex; | ||
flex-wrap: wrap; | |||
grid-auto-flow: unset; | |||
} | } | ||
} | } | ||
Версия от 20:10, 6 августа 2026
.portalsection {
margin: 1rem 0;
}
.portalsection:first-of-type { margin-top: 0; }
.portalsection:last-of-type { margin-bottom: 0; }
.portalsection hr { margin-top: 0.33rem; }
.portalsection-title {
font-size: 120%;
font-weight: bold;
line-height: 1.1rem;
}
.portalsection-content {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.portalsection-content--wrap {
display: grid;
grid-template-rows: repeat(2, auto);
grid-auto-flow: column;
grid-auto-columns: 7.5rem;
justify-content: center;
align-items: stretch;
gap: 0.5rem;
}
@media (max-width: 720px) {
.portalsection-content--wrap {
display: flex;
flex-wrap: wrap;
grid-auto-flow: unset;
}
}