Шаблон:PortalSection/styles.css: различия между версиями
set sanitized-css |
Admin (обсуждение | вклад) PortalSection: overflow visible для lift |
||
| (не показаны 4 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
.portalsection { | .portalsection { | ||
margin: 1rem 0; | margin: 1rem 0; | ||
} | } | ||
.portalsection:first-of-type { margin-top: 0; } | |||
.portalsection:first-of-type { | .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%; | ||
| Строка 20: | Строка 11: | ||
line-height: 1.1rem; | line-height: 1.1rem; | ||
} | } | ||
.portalsection-content { | .portalsection-content { | ||
display: flex; | display: flex; | ||
flex-direction: column; | |||
gap: 0.5rem; | gap: 0.5rem; | ||
} | |||
.portalsection-content.is-wrap { | |||
display: grid; | |||
grid-template-columns: repeat(2, minmax(0, 1fr)); | |||
grid-auto-flow: row; | |||
gap: 0.65rem; | |||
justify-content: stretch; | |||
align-items: stretch; | |||
width: 100%; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
overflow: visible; | |||
padding: 0.15rem 0.1rem 0.35rem; | |||
} | |||
.portalsection-content.is-wrap > .portalbox, | |||
.portalsection-content.is-wrap > .pagelist { | |||
width: 100% !important; | |||
max-width: 100%; | |||
flex: 1 1 auto; | |||
min-width: 0; | |||
box-sizing: border-box; | |||
} | |||
@media (max-width: 520px) { | |||
.portalsection-content.is-wrap { | |||
grid-template-columns: 1fr; | |||
} | |||
} | } | ||
Текущая версия от 20:45, 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.is-wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-flow: row;
gap: 0.65rem;
justify-content: stretch;
align-items: stretch;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow: visible;
padding: 0.15rem 0.1rem 0.35rem;
}
.portalsection-content.is-wrap > .portalbox,
.portalsection-content.is-wrap > .pagelist {
width: 100% !important;
max-width: 100%;
flex: 1 1 auto;
min-width: 0;
box-sizing: border-box;
}
@media (max-width: 520px) {
.portalsection-content.is-wrap {
grid-template-columns: 1fr;
}
}