Buttons

Button styles can be applied to any element. Typically you'll want to use either a <button> or an <a> element:

    
      <button class="ss-button"><span>Click</span></button>
<button class="ss-button--primary"><span>Click</span></button>
<button class="ss-button--secondary"><span>Click</span></button>
<button class="ss-button--large"><span>Click</span></button>
<button class="ss-button--small"><span>Click</span></button>

Text Buttons

Text Button styles can be applied to any element. Typically you'll want to use either a <button> or an <a> element:

    
      <button class="ss-text-button"><span>Click</span></button>
<button class="ss-text-button--large"><span>Click</span></button>
<button class="ss-text-button--small"><span>Click</span></button>

Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque accumsan pretium tortor eu laoreet. Phasellus nec rhoncus felis. Proin porttitor velit at mauris auctor, et egestas nibh sagittis. Aenean suscipit volutpat felis, sit amet congue urna. Cras ultrices dictum sapien in eleifend. Suspendisse consectetur suscipit suscipit. Integer euismod magna pulvinar turpis sollicitudin, et elementum ligula tincidunt.

      <div class="ss-grid">
  <div class="ss-grid__col--1of2">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque accumsan pretium tortor eu laoreet. Phasellus nec rhoncus felis. Proin porttitor velit at mauris auctor, et egestas nibh sagittis. Aenean suscipit volutpat felis, sit amet congue urna. Cras ultrices dictum sapien in eleifend. Suspendisse consectetur suscipit suscipit. Integer euismod magna pulvinar turpis sollicitudin, et elementum ligula tincidunt.</p>
  </div>
  <div class="ss-grid__col--1of2">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque accumsan pretium tortor eu laoreet. Phasellus nec rhoncus felis. Proin porttitor velit at mauris auctor, et egestas nibh sagittis. Aenean suscipit volutpat felis, sit amet congue urna. Cras ultrices dictum sapien in eleifend. Suspendisse consectetur suscipit suscipit. Integer euismod magna pulvinar turpis sollicitudin, et elementum ligula tincidunt.</p>
  </div>
</div>
    