From e9a80504e2cf4c7ffe0808ceb007593626556922 Mon Sep 17 00:00:00 2001
From: Christopher Charbonneau Wells <chris@chrxs.net>
Date: Tue, 5 Dec 2017 10:29:14 -0500
Subject: [PATCH] Add a .btn-xs class for buttons smaller than .btn-sm.

---
 babybuddy/static_src/scss/_global.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/babybuddy/static_src/scss/_global.scss b/babybuddy/static_src/scss/_global.scss
index 23450419..d678188a 100644
--- a/babybuddy/static_src/scss/_global.scss
+++ b/babybuddy/static_src/scss/_global.scss
@@ -1,11 +1,5 @@
 // Baby Buddy site-wide custom styles.
 
-// Temporary workaround. See: https://github.com/twbs/bootstrap/issues/23553
-.dropdown-menu-right {
-    right: 0;
-    left: auto; // Reset the default from `.dropdown-menu`
-}
-
 // Temporary workaround. See: https://github.com/tempusdominus/bootstrap-4/issues/18
 .bootstrap-datetimepicker-widget {
     &.dropdown-menu {
@@ -13,6 +7,17 @@
     }
 }
 
+// Extra-small button.
+.btn-xs {
+    @include button-size(.2rem, .12rem, .75rem, 1, .2rem);
+}
+
+// Temporary workaround. See: https://github.com/twbs/bootstrap/issues/23553
+.dropdown-menu-right {
+    right: 0;
+    left: auto; // Reset the default from `.dropdown-menu`
+}
+
 // BB form fields do not follow typical BS4 style that enables this display.
 .invalid-feedback {
     display: block;