Шаблон:PortalSection/styles.css: различия между версиями
set sanitized-css |
Admin (обсуждение | вклад) import TemplateStyles CSS |
||
| Строка 1: | Строка 1: | ||
.portalsection { | .portalsection { | ||
margin: 1rem 0; | margin: 1rem 0; | ||
} | } | ||
.portalsection:first-of-type { | .portalsection:first-of-type { | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
.portalsection:last-of-type { | .portalsection:last-of-type { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
.portalsection hr { | .portalsection hr { | ||
margin-top: 0.33rem; | |||
} | } | ||
.portalsection-title { | .portalsection-title { | ||
font-size: 120%; | font-size: 120%; | ||
| Строка 20: | Строка 17: | ||
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--wrap { | |||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
align-items: stretch; | |||
gap: 0.5rem; | |||
} | |||
.portalsection-content--wrap > .portalbox { | |||
flex: 1 1 calc(50% - 0.5rem); | |||
min-width: 15rem; | |||
max-width: calc(50% - 0.25rem); | |||
box-sizing: border-box; | |||
} | |||
@media (max-width: 720px) { | |||
.portalsection-content--wrap > .portalbox { | |||
flex-basis: 100%; | |||
max-width: 100%; | |||
} | |||
} | } | ||
Версия от 20:04, 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: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
gap: 0.5rem;
}
.portalsection-content--wrap > .portalbox {
flex: 1 1 calc(50% - 0.5rem);
min-width: 15rem;
max-width: calc(50% - 0.25rem);
box-sizing: border-box;
}
@media (max-width: 720px) {
.portalsection-content--wrap > .portalbox {
flex-basis: 100%;
max-width: 100%;
}
}