Partystreusel

Two Column 

<div class="two-column">
    <div class="two-column__first">
        Lorem Ipsum
    </div>
    <div class="two-column__second">
        Lorem Ipsum
    </div>
</div>
 
<div class="two-column">
  <div class="two-column__first">
    {{#if column1}}
      {{render (lookup . 'column1')}}
    {{else}}
      Lorem Ipsum
    {{/if}}
  </div>
  <div class="two-column__second">
    {{#if column2}}
      {{render (lookup . 'column2')}}
    {{else}}
      Lorem Ipsum
    {{/if}}
  </div>
</div>
 
/* No context defined for this component. */
  • Content: 
    .two-column {
  @include container;
}

// LARGE
// ----------------------------------------
@include mq(large) {
  .two-column__first,
  .two-column__second {
    @include span(6);
  }

  .two-column__second {
    @include last;
  }
}
  • URL: /components/raw/two-column/_two-column.scss
  • Filesystem Path: patterns/02-molecules/two-column/_two-column.scss
  • Size: 235 Bytes

There are no notes for this item.