<section class="u-padding-r-top u-padding-r-bottom">
    <h2 class="u-text-h3 u-layout-centerLeft">nulla rerum magni</h2>
    <ul class="Grid Grid--withGutter">

        <li class="Grid-cell u-sizeFull u-md-size1of4 u-lg-size1of4">
            <a class="Leads-link u-color-black" href="">lead 1</a>
        </li>

        <li class="Grid-cell u-sizeFull u-md-size1of4 u-lg-size1of4">
            <a class="Leads-link u-color-black" href="">lead 2</a>
        </li>

        <li class="Grid-cell u-sizeFull u-md-size1of4 u-lg-size1of4">
            <a class="Leads-link u-color-black" href="">lead 3</a>
        </li>

        <li class="Grid-cell u-sizeFull u-md-size1of4 u-lg-size1of4">
            <a class="Leads-link u-color-black" href="">lead 4</a>
        </li>

    </ul>
</section>
  • Content:
    /** @define Utilities */
    
    .Leads-link {
      @extend .u-block;
      @extend .u-text-r-m;
      @extend .u-padding-r-top;
      @extend .u-padding-r-bottom;
      @extend .u-sizeFull;
      @extend .u-border-top-xxs;
      @extend .u-textClean;
    }
    
    /* postcss-bem-linter: ignore */
    
    .Leads-link::after {
      content: " › ";
      margin-left: 0.2em;
    }
    
  • URL: /components/raw/leads/index.css
  • Filesystem Path: src/components/leads/index.css
  • Size: 320 Bytes

There are no notes for this item.