<div class="slab ">
<div class="slab__wrapper">
<div class="slab__content">
<div class="grid grid--large">
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
<div class="nc-placeholder ">
<p>Placeholder</p>
</div>
</div>
</div>
</div>
</div>
{% include '@slab' %}
{
"slab": {
"pattern": "@grid"
},
"alert": {
"variant": "alert--info",
"hg": {
"tag": "h2",
"headline": "This default alert style can be used for informational alerts."
},
"p": {
"content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
},
"link": {
"title": "More Information"
},
"icon": {
"glyph": "ic--info",
"label": "This default alert style can be used for informational alerts.",
"variant": "icon--big"
}
},
"grid": {
"items": [
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
},
{
"pattern": "@placeholder"
}
],
"variant": "grid--large"
}
}
There are no notes for this item.