Sha256: 00e620040f60b8910d19414b1c166b3994928c5491bf42a1623ef7f671bc850a

Contents?: true

Size: 974 Bytes

Versions: 10

Compression:

Stored size: 974 Bytes

Contents

%section
  %a.scroll-target{name: 'typography'}
  %a.scroll-target{name: 'typography__headings'}
  %h3.color-black Headers
  %p Includes mixins, variables and a class helpers for each.

  .panel.panel--padded
    - (1..6).each do |h|
      %p{class: "font-h#{h}"} The quick brown fox jumps over the lazy dog.
      %code.expandable
        = expandable_toggle
        %p= "<h#{h}>The quick brown fox jumps over the lazy dog.</h#{h}>"
        %br/
        %p
          %span.color-primary Silent class:
          = "@extend %font-h#{h};"
        %p
          %span.color-primary Variables:
          = "$h#{h}-size, $h#{h}-line-height"

= render 'tenon/styleguides/typography/paragraphs'
= render 'tenon/styleguides/typography/small'
= render 'tenon/styleguides/typography/blockquote'
= render 'tenon/styleguides/typography/lists'
= render 'tenon/styleguides/typography/inline'
= render 'tenon/styleguides/typography/styles'
= render 'tenon/styleguides/typography/variables'

Version data entries

10 entries across 10 versions & 1 rubygems

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