Классы .grid-12 и .grid-10 разбивают блок на 12 колонок. Количество колонок задается дочернему компоненту

• .span-xl-4: от 1200 - 4 колонки
• .span-xl-8: от 1200 - 8 колонок

---

Блок от 1200px = 8 колонок + 4 колонки

.grid-12
	.span-xl-4
		p span-xl-4
	.span-xl-8
		p span-xl-4

---

Блок от 1440px = 8 колонок + 4 колонки

.grid-12
	.span-xxl-4
		p span-xl-4
	.span-xxl-8
		p span-xl-4
 

Реверс блокот 1200px = 8 колонок + 4 колонки

.grid-12.xl-reverse
	.span-xl-8
		p span-xl-8
	.span-xl-4
		p .span-xl-4