<div class="stripe stripe--primary" style="height: 20rem">
    Full width colored bg
</div>
<div class="stripe stripe--secondary" style="height: 20rem"></div>
<div class="stripe stripe--gray" style="height: 20rem"></div>
<div class="stripe stripe--primary" style="height: 20rem;">
Full width colored bg
</div>
<div class="stripe stripe--secondary"style="height: 20rem;"></div>
<div class="stripe stripe--gray" style="height: 20rem;"></div>
/* No context defined. */
  • Content:
    .stripe {
      width: 100%;
      overflow: hidden;
    }
    
    .stripe--primary {
      background-color: $brand-primary;
    }
    
    .stripe--secondary {
      background-color: $brand-secondary;
    }
    
    .stripe--gray {
      background-color: $brand-gray-10;
    }
    
  • URL: /components/raw/stripe/_stripe.scss
  • Filesystem Path: components/02-layouts/component-layouts/stripe/_stripe.scss
  • Size: 222 Bytes

No notes defined.