3.3.4 atoms.button.floating Floating action button

Toggle example guides Toggle HTML markup

A circular button that lifts. It is used for page-wide actions.

Examples
.btn-default.btn-floating
Floating button
Markup: 02-atoms/button/button--floating.twig
<button class="btn {{modifier_class}}">
  <svg class="icon-gray icon-medium" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
</button>
Source: 02-atoms/button/button.scss, line 66