buttons, float buttons

package.json

@@ -121,6 +121,9 @@
     "peity": "3.3.0",
     "selectize": "0.12.6"
   },
+  "resolutions": {
+    "**/**/node-gyp": "5.0.0"
+  },
   "bundlesize": [
     {
       "path": "./dist/css/tabler.css",

pages/_includes/parts/buttons-table.html

@@ -11,7 +11,7 @@
          {% for type in variants %}
             {% if show-link or type[0] != 'link' %}
                <div class="col-6 col-sm-4 col-md-2 col-xl{% if include.auto-columns %}-auto{% endif %} mb-3">
-                  {% if include.icon == true %}
+                  {% if include.icon or include.icon-only %}
                      {% assign icon = type[1].icon %}
                   {% endif %}
 
@@ -25,7 +25,7 @@
 
                   {% assign text = type[1].title %}
                   {% assign color = type[0] %}
-                  {% include ui/button.html block=true color=false class=class icon=icon icon-only=icon-only text=text %}
+                  {% include ui/button.html block=true color=false class=class icon=icon icon-only=include.icon-only text=text %}
                </div>
                {% endif %}
          {% endfor %}

pages/buttons.html

@@ -69,6 +69,15 @@ menu: base.buttons
          </div>
       </div>
 
+      <div class="card">
+         <div class="card-header">
+            <h3 class="card-title">Icon buttons</h3>
+         </div>
+         <div class="card-body">
+            {% include parts/buttons-table.html variants=site.socials hide-labels=true icon-only=true auto-columns=true %}
+         </div>
+      </div>
+
       <div class="card">
          <div class="card-header">
             <h3 class="card-title">Social colors</h3>

pages/tmp2.html

@@ -2,6 +2,9 @@
 page-title: Search results
 ---
 
+{% include ui/button.html color="primary" icon="plus" icon-only=true class="btn-floating" size="lg" %}
+
+
 <div class="row">
 	<div class="col-4">
 

scss/ui/_buttons.scss

@@ -116,3 +116,11 @@
     height: 1rem;
   }
 }
+
+.btn-floating {
+  position: fixed;
+  z-index: $zindex-fixed;
+  bottom: 1.5rem;
+  right: 1.5rem;
+  border-radius: 50%;
+}