Обертка

Для создания обертки используйте следующий код

<section class="l-section l-section--inner-spacing">
	<div class="l-section__container">
		<div class="l-section__wrap-main">
			<div class="l-section__head" data-entity="header">
				<div class="section-head">
					<div class="section-head__title">
						<h2 class="h4">Заголовок</h2>
					</div>
					<div class="section-head__controls"></div>
				</div>
			</div>
			<div class="l-section__main">
				Содержимое
			</div>
		</div>
	</div>
</section>

Либо с помощью php класса

<?php
$layout = new \Redsign\MegaMart\Layouts\Section(); // Создаем объект обертки

$layoutHeader = new \Redsign\Megamart\Layouts\Parts\SectionHeaderBase(); // Создаем объект шапки обертки
$layoutHeader->addData('TITLE', 'Заголовок'); // Устанавливаем заголовок

$layout
	->useHeader($layoutHeader) // Указываем используемую шапку
	->addModifier('bg-white') // Добавляем белый фон
	->addModifier('outer-spacing') // Внешний отступ
	->addModifier('inner-spacing'); // Внутренний отступ
	
$layout->start();
	// Содержимое
$layout->end();
unset($layout);
?>

Для изменения вида обертки предусмотренны следующие модификаторы

• inner-spacing - добавить внутренний отступ
• outer-spacing - добавить внешний отступ
• bg-white - добавить белый фон
• bg-lg - добавить градиентный фон
• shadow - добавить тень