Contents

%article
  %header
    %h1 Buttons
    %a{ href: '/styleguide/' } Back to Index
  %hr
  %section
    %div
      %pre
        %code Default: .btn
      %a.btn{href: '#'} LinkButton 1
      %button.btn{href: '#'} Button 1
    %hr.sc-hr-alternate
    %div
      %pre
        %code Secondary: .btn.btn--secondary
      %a.btn.btn--secondary{href: '#'} LinkButton 2
      %button.btn.btn--secondary{href: '#'} Button 2
    %hr.sc-hr-alternate
    %div
      %pre
        %code Tertiary: .btn.btn--tertiary
      %a.btn.btn--tertiary{href: '#'} LinkButton 3
      %button.btn.btn--tertiary{href: '#'} Button 3
    %hr.sc-hr-alternate
    %div
      %pre
        %code Icon: .btn.btn--icon
      %a.btn.btn--icon{href: '#'}
        - streusel_icon( 'folder')
      %button.btn.btn--icon{href: '#'}
        - streusel_icon( 'folder')

    %hr.sc-hr-alternate
    %div
      %pre
        %code Expanded: .btn.btn--expanded
      %a.btn.btn--expanded{href: '#'} Linkbutton Expanded
      %button.btn.btn--expanded{href: '#'} Linkbutton Expanded
    %hr.sc-hr-alternate
    %div
      %pre
        %code Small: .btn.btn--small
      %a.btn.btn--small{href: '#'} LinkButton Small
      %button.btn.btn--small{href: '#'} Button Small
    %hr.sc-hr-alternate
    %div
      %pre
        %code Button Group: div.btn__group around buttons
      .btn__group{ role: "group", :'aria-label' => "..." }
        %a.btn{href: '#'} Button in Group 1
        %a.btn{href: '#'} Button in Group 2
        %a.btn{href: '#'} Button in Group 3

    %hr.sc-hr-alternate
    %div
      %pre
        %code All Buttons types with Icons inside
      %a.btn{href: '#'}
        Button with Icon
        - streusel_icon( 'download')
      %a.btn.btn--secondary{href: '#'}
        - streusel_icon( 'download')
        Button with Icon
      %a.btn.btn--tertiary{href: '#'}
        - streusel_icon( 'download')
        Button with Icon
      %a.btn{href: '#'}
        - streusel_icon( 'search')
      %a.btn.btn--icon{href: '#'}
        - streusel_icon( 'folder')

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
partystreusel-2.0.0	styleguide/source/styleguide/buttons.html.haml
partystreusel-1.2.0	styleguide/source/styleguide/buttons.html.haml