11.5 #Objects.island Island
A container with a consistent gutter and margin bottom. See duk-island()
.
Examples
Default styling
Island heading
Island text
.duk-island--primary
Primary color
Island heading
Island text
.duk-island--secondary
Secondary color
Island heading
Island text
.duk-island--tertiary
Tertiary color
Island heading
Island text
Markup
<div class="duk-island [modifier class]">
<h3>Island heading</h3>
<p>Island text</p>
</div>
Source:
scss/objects/_island.scss
, line 4