Contents

#links.style-guide__subsection

  %h3= link_to_style_guide('typography', 'links')

  %p Provides styles for link elements as well as a .link selector which is designed to be a baseline for any link modifiers you may need in your project.

  %p should style <code>a</code> elements.
  .style-guide__example-block
    = link_to('A link', 'www.example.com')

  %p should style <code>link</code> classes.
  .style-guide__example-block
    %span.link Not really a link

#link--secondary.style-guide__subsection

  %h3= link_to_style_guide('typography', 'link__secondary')

  %p Secondary link styles, inverted colors used primarily in application header, footer, and filter drawer.

  %p should style <code>a</code> elements.
  .style-guide__example-block
    = link_to('A link', 'www.example.com', class: "link link--secondary")

  %p should style <code>link link--secondary</code> classes.
  .style-guide__example-block
    %span.link.link--secondary Not really a link

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
workarea-one_theme-1.3.1	app/views/workarea/storefront/style_guides/typography/_links.html.haml
workarea-one_theme-1.3.0	app/views/workarea/storefront/style_guides/typography/_links.html.haml