600 West

Related 

<aside class="Related " style="">
    <p class="u-text-size-200 u-text-spacedout">Related Articles</p>

    <ul id="" class="Related-list" style="">
        <li class="" style="">

            <a class="Related-link" href="https://sproutsocial.com">
    Cool Related Link
</a>

        </li>

        <li class="" style="">

            <a class="Related-link" href="https://sproutsocial.com">
    Second Related Link
</a>

        </li>

    </ul>

</aside>
 
<aside class="Related {{modifier}}" style="{{style}}">
    {{#if kicker}}
        <p class="u-text-size-200 u-text-spacedout">{{kicker}}</p>
    {{/if}}

    {{> @children}}
</aside>
 
{
  "kicker": "Related Articles",
  "modifier": null,
  "style": null,
  "children": [
    {
      "component": "ul",
      "context": {
        "modifier": "Related-list",
        "children": [
          {
            "component": "li",
            "context": {
              "children": [
                {
                  "component": "link",
                  "context": {
                    "modifier": "Related-link",
                    "href": "https://sproutsocial.com",
                    "text": "Cool Related Link"
                  }
                }
              ]
            }
          },
          {
            "component": "li",
            "context": {
              "children": [
                {
                  "component": "link",
                  "context": {
                    "modifier": "Related-link",
                    "href": "https://sproutsocial.com",
                    "text": "Second Related Link"
                  }
                }
              ]
            }
          }
        ]
      }
    }
  ]
}
  • Content: 
    .Related,
.Post-content .Related {
    padding: 0;
    background-color: transparent;
    ul.Related-list {
        @include unstyled-list;
    }
    .Related-link {
        @include font-size-base();
        @include font-weight-semibold();
        display: block;
        padding: Space(300) 0;
    }
    @media screen and (min-width: 30em) {
        float: right;
        width: Space(900);
        margin-left: Space(450);
    }
}
  • URL: /components/raw/related/Related.scss
  • Filesystem Path: components/molecules/Related/Related.scss
  • Size: 435 Bytes

There are no notes for this item.