Buttons

CSS file name: styles/buttons.scss

Primary and secondary action

<button class="standard primary">
  <span>Text in first button</span>
</button>

Text in first button

Button with icon

<button class="standard primary">
  <span>Text in first button</span>
  <i class="icon back"></i>
</button>

Text in first button

Icon button

<button class="icon primary">
  <i class="icon back"></i>
</button>

Group of buttons

<div class="buttons-group">
  <button class="standard secondary">
    <span>Text in second button</span>
  </button>
  <button class="standard primary">
    <span>Text in first button</span>
  </button>
</div>

Social Link Buttons

<a href="https://facebook.com" target="_blank">
  <button class="social facebook">
    <i class="icon"></i>
    <span>Facebook</span>
  </button>
</a>

Facebook Zobacz pełną wersję postu

Help Buttons

<a href="mailto:pomoc@trollcraft.pl" target="_blank">
  <button class="help">
    <i class="icon"></i>
    <span>Facebook</span>
  </button>
</a>

pomoc@trollcraft.pl