360Giving Design System - Components

Spacer 

<div class="spacer-1"></div>
<div class="spacer-2"></div>
<div class="spacer-3"></div>
<div class="spacer-4"></div>
<div class="spacer-5"></div>
<div class="spacer-10"></div>
 
<div class="spacer-1"></div>
<div class="spacer-2"></div>
<div class="spacer-3"></div>
<div class="spacer-4"></div>
<div class="spacer-5"></div>
<div class="spacer-10"></div>
 
/* No context defined. */
  • Content: 
    .spacer-1  { padding-bottom: 8px; }
.spacer-2  { padding-bottom: 16px; }
.spacer-3  { padding-bottom: 24px; }
.spacer-4  { padding-bottom: 32px; }
.spacer-5  { padding-bottom: 40px; }
.spacer-10 { padding-bottom: 80px; }
  • URL: /components/raw/spacer/spacer.scss
  • Filesystem Path: src/components/02-elements/spacer/spacer.scss
  • Size: 220 Bytes

No notes defined.