From 834b9e990033e6296f817a7197e61f5bccaa8103 Mon Sep 17 00:00:00 2001
From: mm <25961416+mlmoravek@users.noreply.github.com>
Date: Fri, 17 Jan 2025 10:12:37 +0100
Subject: [PATCH] feat(button): add icon spacer (#88)

---
 src/assets/scss/components/_button.scss | 6 +++++-
 src/main.ts                             | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/assets/scss/components/_button.scss b/src/assets/scss/components/_button.scss
index 9b981a1..150ae99 100644
--- a/src/assets/scss/components/_button.scss
+++ b/src/assets/scss/components/_button.scss
@@ -4,7 +4,6 @@
 $button-background-color: transparent !default;
 $button-color: var(--#{$prefix}black) !default;
 $button-border-radius: var(--#{$prefix}base-border-radius) !default;
-
 $button-border-color: var(--#{$prefix}grey-lighter) !default;
 $button-border: 1px solid $button-border-color !default;
 $button-box-shadow: none !default;
@@ -12,6 +11,7 @@ $button-font-weight: 400 !default;
 $button-line-height: var(--#{$prefix}base-line-height) !default;
 $button-margin-icon-to-text: 0.1875em !default;
 $button-margin: 0 !default;
+$button-spacer: 0.5rem !default;
 $button-height: $control-height !default;
 $button-padding: $control-padding-vertical 0.75em !default;
 $button-rounded-border-radius: var(
@@ -215,4 +215,8 @@ $button-outlined-border-color: var(--#{$prefix}grey-light) !default;
     height: 1em;
     width: 1em;
   }
+
+  .o-icon:not(:last-child) {
+    margin-right: var(--#{$prefix}button-spacer, $button-spacer);
+  }
 }
diff --git a/src/main.ts b/src/main.ts
index 15d7f1f..112ce80 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,7 +7,7 @@ import Oruga from "@oruga-ui/oruga-next";
 import Examples from "@oruga-ui/examples";
 
 // add examples styles
-import "@oruga-ui/examples/dist/style.css";
+import "@oruga-ui/examples/dist/examples.css";
 
 // add theme styles
 import "./assets/scss/oruga-build.scss";