Sha256: 6317980fa9b7453eb38cabd23e42c64cb995816a44545014154d1438a7016387

Contents?: true

Size: 633 Bytes

Versions: 10

Compression:

Stored size: 633 Bytes

Contents

%section
  %a.scroll-target{name: 'typography__small'}
  %h3.color-black Smaller sizes
  %p Includes a mixin, a variable and a class helper for each.

  .panel.panel--padded
    - ['small', 'smaller', 'smallest'].each do |s|
      %p{class: "font-#{s}"} The quick brown fox jumps over the lazy dog.
      %code.expandable
        = expandable_toggle
        %p= "<p class: 'font-#{s}'>The quick brown fox jumps over the lazy dog.</p>"
        %br/
        %p
          %span.color-primary Silent class:
          = "@extend %font-#{s};"
        %p
          %span.color-primary Variables:
          = "$#{s}-size, $#{s}-line-height"

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
tenon-2.1.0 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.8 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.7 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.6 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.5 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.4 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.3 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.2 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.1 app/views/tenon/styleguides/typography/_small.html.haml
tenon-2.0.0 app/views/tenon/styleguides/typography/_small.html.haml