From 894aee1a5ca3f01292f6db7da9a903fdb2235065 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 12 Feb 2023 20:48:13 +0100
Subject: Update

---
 tpl/objects/overflow-button.pug |  3 +++
 tpl/views/overflow-button.pug   | 27 +++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)

(limited to 'tpl')

diff --git a/tpl/objects/overflow-button.pug b/tpl/objects/overflow-button.pug
index f52f12b..301c6b3 100644
--- a/tpl/objects/overflow-button.pug
+++ b/tpl/objects/overflow-button.pug
@@ -7,6 +7,9 @@ mixin overflow-button
             'u-d-block':         attributes.block,
             'is-selected':       attributes.selected
         }
+        if (attributes.variant) {
+            classes['o-overflow-button--' + attributes.variant] = true
+        }
         if (attributes.class) {
             classes[attributes.class] = true;
         }
diff --git a/tpl/views/overflow-button.pug b/tpl/views/overflow-button.pug
index 112aaab..6eb63a4 100644
--- a/tpl/views/overflow-button.pug
+++ b/tpl/views/overflow-button.pug
@@ -8,3 +8,30 @@ mixin view-overflow-button
             +overflow-button(icon='trash' disabled=true)= 'Disabled'
             = ' '
             +overflow-button(icon='trash' selected=true disabled=true)= 'Selected + disabled'
+
+        .c-box
+            +overflow-button(icon='trash' variant='red')= '123'
+            = ' '
+            +overflow-button(icon='trash' variant='red' selected=true)= 'Delete'
+            = ' '
+            +overflow-button(icon='trash' variant='red' disabled=true)= 'Disabled'
+            = ' '
+            +overflow-button(icon='trash' variant='red' selected=true disabled=true)= 'Selected + disabled'
+
+        .c-box
+            +overflow-button(icon='trash' variant='blue')= '123'
+            = ' '
+            +overflow-button(icon='trash' variant='blue' selected=true)= 'Delete'
+            = ' '
+            +overflow-button(icon='trash' variant='blue' disabled=true)= 'Disabled'
+            = ' '
+            +overflow-button(icon='trash' variant='blue' selected=true disabled=true)= 'Selected + disabled'
+
+        .c-box
+            +overflow-button(icon='trash' variant='green')= '123'
+            = ' '
+            +overflow-button(icon='trash' variant='green' selected=true)= 'Delete'
+            = ' '
+            +overflow-button(icon='trash' variant='green' disabled=true)= 'Disabled'
+            = ' '
+            +overflow-button(icon='trash' variant='green' selected=true disabled=true)= 'Selected + disabled'
-- 
cgit v1.2.3-70-g09d2