2 files changed, 19 insertions, 67 deletions

diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug
index a55baca..e1aa9e2 100644
--- a/tpl/views/badge.pug
+++ b/tpl/views/badge.pug
@@ -3,73 +3,40 @@ mixin view-badge
         .c-box
             +badge(size='sm' href='#')= '50'
             = ' '
-            +badge= '100'
+            +badge(href='#')= '100'
             = ' '
             +badge(size='lg' href='#')= '200'
             = ' '
             +badge(size='xl' href='#')= '300'
 
         .c-box
-            +badge(size='sm' href='#' quiet=true)= '50'
+            +badge(href='#')= '100'
             = ' '
-            +badge(quiet=true)= '100'
+            +badge(quiet=true href='#')= '100'
             = ' '
-            +badge(size='lg' href='#' quiet=true)= '200'
+            +badge(pill=true href='#')= '100'
             = ' '
-            +badge(size='xl' href='#' quiet=true)= '300'
+            +badge(quiet=true pill=true href='#')= '100'
 
         each theme in ['accent', 'positive', 'negative', 'warning']
             .c-box
-                +badge(theme)(size='sm' href='#')= 'new'
+                +badge(theme)(href='#')= 'new'
                 = ' '
-                +badge(theme)= 'new'
+                +badge(theme)(quiet=true href='#')= 'new'
                 = ' '
-                +badge(theme)(size='lg' href='#')= 'new'
+                +badge(theme)(pill=true href='#')= 'new'
                 = ' '
-                +badge(theme)(size='xl' href='#')= 'new'
+                +badge(theme)(quiet=true pill=true href='#')= 'new'
 
-            .c-box
-                +badge(theme)(size='sm' href='#' quiet=true)= 'new'
-                = ' '
-                +badge(theme)(quiet=true)= 'new'
-                = ' '
-                +badge(theme)(size='lg' href='#' quiet=true)= 'new'
-                = ' '
-                +badge(theme)(size='xl' href='#' quiet=true)= 'new'
+        each theme in ['static-black', 'static-white']
+            -
+                const bg = theme.startsWith('static-black') ? 500 : 1000;
 
-        .c-box
-            +badge(size='sm', pill=true)= '50'
-            = ' '
-            +badge(pill=true)= '100'
-            = ' '
-            +badge(size='lg' pill=true)= '200'
-            = ' '
-            +badge(size='xl' pill=true)= '300'
-
-        .c-box
-            +badge(size='sm' pill=true quiet=true)= 'new'
-            = ' '
-            +badge(pill=true quiet=true)= 'new'
-            = ' '
-            +badge(size='lg' pill=true quiet=true)= 'new'
-            = ' '
-            +badge(size='xl' pill=true quiet=true)= 'new'
-
-        each theme in ['accent', 'positive', 'negative', 'warning']
-            .c-box
-                +badge(theme)(size='sm' pill=true href='#')= 'new'
-                = ' '
-                +badge(theme)(pill=true)= 'new'
-                = ' '
-                +badge(theme)(size='lg' pill=true href='#')= 'new'
-                = ' '
-                +badge(theme)(size='xl' pill=true href='#')= 'new'
-
-            .c-box
-                +badge(theme)(size='sm' pill=true href='#' quiet=true)= 'new'
+            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+                +badge(theme)(href='#')= 'new'
                 = ' '
-                +badge(theme)(pill=true quiet=true)= 'new'
+                +badge(theme)(quiet=true href='#')= 'new'
                 = ' '
-                +badge(theme)(size='lg' pill=true href='#' quiet=true)= 'new'
+                +badge(theme)(pill=true href='#')= 'new'
                 = ' '
-                +badge(theme)(size='xl' pill=true href='#' quiet=true)= 'new'
+                +badge(theme)(quiet=true pill=true href='#')= 'new'
diff --git a/tpl/views/button.pug b/tpl/views/button.pug
index 221219c..c476d9b 100644
--- a/tpl/views/button.pug
+++ b/tpl/views/button.pug
@@ -8,15 +8,8 @@ mixin view-button
             +a-button(size='lg')= 'Button'
             = ' '
             +a-button(size='xl')= 'Button'
-            br
-            +a-button(size='sm' disabled=true)= 'Button'
-            = ' '
-            +a-button(disabled=true)= 'Button'
-            = ' '
-            +a-button(size='lg' disabled=true)= 'Button'
-            = ' '
-            +a-button(size='xl' disabled=true)= 'Button'
-            br
+
+        .c-box
             +a-button(size='sm' outline=true)= 'Button'
             = ' '
             +a-button(outline=true)= 'Button'
@@ -24,14 +17,6 @@ mixin view-button
             +a-button(size='lg' outline=true)= 'Button'
             = ' '
             +a-button(size='xl' outline=true)= 'Button'
-            br
-            +a-button(size='sm' outline=true disabled=true)= 'Button'
-            = ' '
-            +a-button(outline=true disabled=true)= 'Button'
-            = ' '
-            +a-button(size='lg' outline=true disabled=true)= 'Button'
-            = ' '
-            +a-button(size='xl' outline=true disabled=true)= 'Button'
 
         .c-box
             .l-button-group