Copy environment

Section

Section component for wrapping sections. Give a section id by giving it an id property.

Seamless

Section component can be full width by setting seamless to true.

Preview 
<div class="section section--top-gutter-2 section--bottom-gutter-2 section--seamless" id="section-1">
    <div class="section__hr-container">
        <hr class="section__hr section__hr--top">
    </div>
    Section content goes here
    <div class="section__hr-container">
        <hr class="section__hr section__hr--bottom">
    </div>
</div>
 
{
  "language": "en-US",
  "content": "Section content goes here",
  "id": "section-1",
  "topGutter": 2,
  "topBorder": true,
  "bottomGutter": 2,
  "bottomBorder": true,
  "seamless": true
}