mlut documentation

4.1.4.2 #css_lib.helpers.row.row__item row__item

Toggle example guides Toggle HTML markup

Element for creating parts of the layout. By default, it stretches across the width of the content.

The sizes and offsets are set with help of utilities.

Like a row__col, an element contains formulas for calculating width and offset. But --ml-gsfd here is equal 0px.

Example

Элемент 0

элемент без отступов

Элемент 1

с внутренними отступами

Элемент 2

элемент без отступов

Последний элемент

с внешним отступом

Markup: ../examples/css_lib-helpers/row/row__item.html 
<div class="row -Mx0">
	<div class="row__item">
		<h3>Элемент 0</h3>
		<p>элемент без отступов</p>
	</div>
	<div class="row__item test-content">
		<h3>Элемент 1</h3>
		<p>с внутренними отступами</p>
	</div>
	<div class="row__item sm_W2gc md_W2gc">
		<h3>Элемент 2</h3>
		<p>элемент без отступов</p>
	</div>
	<div class="row__item Ml1gg">
		<h3>Последний элемент</h3>
		<p>с внешним отступом</p>
	</div>
</div>
Source: ../packages/core/src/sass/css/helpers/row.scss, line 47