600 West

Breadcrumbs 

<div class="Breadcrumbs " style="">
    <div class="row">
        <div class="col _span-12">
            <p style="margin: 0;">
                <a class="" href="//sproutsocial.com/insights/">
    Sprout Blog
</a>

                <span class="" style="">»</span>

                <a class="" href="//sproutsocial.com/insights/infographics/">
    Infographics
</a>

                <span class="" style="">»</span>

                <span class="" style="">Really Awesome Infographic</span>

            </p>
        </div>
    </div>
</div>
 
<div class="Breadcrumbs {{modifier}}" style="{{style}}">
    <div class="row">
        <div class="col _span-12">
            <p style="margin: 0;">
                {{> @children }}
            </p>
        </div>
    </div>
</div>
 
{
  "style": null,
  "children": [
    {
      "component": "link",
      "context": {
        "text": "Sprout Blog",
        "href": "//sproutsocial.com/insights/"
      }
    },
    {
      "component": "breadcrumb"
    },
    {
      "component": "link",
      "context": {
        "text": "Infographics",
        "href": "//sproutsocial.com/insights/infographics/"
      }
    },
    {
      "component": "breadcrumb"
    },
    {
      "component": "breadcrumb",
      "context": {
        "text": "Really Awesome Infographic"
      }
    }
  ]
}
  • Content: 
    @import "../../axioms/Space";

.Breadcrumbs {
    @include font-size-small;
    padding-top: Space(600);
    text-align: left;
    a {
        @include font-weight-semibold;
    }
}
  • URL: /components/raw/breadcrumbs/Breadcrumbs.scss
  • Filesystem Path: components/molecules/Breadcrumbs/Breadcrumbs.scss
  • Size: 182 Bytes

There are no notes for this item.