FAA Pattern Library - Music

Divider Component 

<div class="divider-component divider-component--large">
    <hr class="divider-component__rule">
</div>
 
<div class="divider-component divider-component--{{ componentSpacing }}">
    <hr class="divider-component__rule">
</div>
 
{
  "siteUnit": "music",
  "departmentName": "Music",
  "background": "light",
  "componentSpacing": "large",
  "component": {
    "type": "divider"
  }
}
  • Content: 
    .divider-component
    &--large
        @extends $componentWithMargin

    &--medium
        @extends $componentWithMarginMedium

    &--small
        @extends $componentWithMarginSmall

    padding-bottom 1px // needed for margins to kick in
    &__rule
        position absolute
        right 0
        width 100%
        border-bottom 2px solid grey
  • URL: /components/raw/divider-component/divider-component.styl
  • Filesystem Path: components/components/divider-component/divider-component.styl
  • Size: 353 Bytes
  • Handle: @divider-component
  • Preview:
  • Filesystem Path: components/components/divider-component/divider-component.twig

There are no notes for this item.