Шаблон:PortalSection/styles.css: различия между версиями

import TemplateStyles CSS
PortalSection: overflow visible для lift
 
(не показаны 3 промежуточные версии этого же участника)
Строка 3: Строка 3:
margin: 1rem 0;
margin: 1rem 0;
}
}
.portalsection:first-of-type {
.portalsection:first-of-type { margin-top: 0; }
margin-top: 0;
.portalsection:last-of-type { margin-bottom: 0; }
}
.portalsection hr { margin-top: 0.33rem; }
.portalsection:last-of-type {
margin-bottom: 0;
}
.portalsection hr {
margin-top: 0.33rem;
}
.portalsection-title {
.portalsection-title {
font-size: 120%;
font-size: 120%;
Строка 22: Строка 16:
gap: 0.5rem;
gap: 0.5rem;
}
}
.portalsection-content--wrap {
.portalsection-content.is-wrap {
display: flex;
display: grid;
flex-direction: row;
grid-template-columns: repeat(2, minmax(0, 1fr));
flex-wrap: wrap;
grid-auto-flow: row;
gap: 0.65rem;
justify-content: stretch;
align-items: stretch;
align-items: stretch;
gap: 0.5rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow: visible;
padding: 0.15rem 0.1rem 0.35rem;
}
}
.portalsection-content--wrap > .portalbox {
.portalsection-content.is-wrap > .portalbox,
flex: 1 1 calc(50% - 0.5rem);
.portalsection-content.is-wrap > .pagelist {
min-width: 15rem;
width: 100% !important;
max-width: calc(50% - 0.25rem);
max-width: 100%;
flex: 1 1 auto;
min-width: 0;
box-sizing: border-box;
box-sizing: border-box;
}
}
@media (max-width: 720px) {
@media (max-width: 520px) {
.portalsection-content--wrap > .portalbox {
.portalsection-content.is-wrap {
flex-basis: 100%;
grid-template-columns: 1fr;
max-width: 100%;
}
}
}
}

Текущая версия от 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;
	}
}