feat(button): add icon spacer (#88)

oruga-ui · Jan 17, 2025 · 834b9e9 · 834b9e9
1 parent a2011be
commit 834b9e9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/assets/scss/components/_button.scss b/src/assets/scss/components/_button.scss
@@ -4,14 +4,14 @@
 $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;
 $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
@@ -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";