[myfaces-tobago] 02/04: cleanup tobago.scss

[bo...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

bommel pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git

commit 103d77d94000d959ca90ce5d4b3c19faaab90d88
Author: Henning Nöth <hn...@apache.org>
AuthorDate: Tue Dec 1 14:43:15 2020 +0100

    cleanup tobago.scss
    
    * add mixin for tobago-button/tobago-link spacing between image and text
---
 tobago-core/npm/scss/_tobago.scss | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/tobago-core/npm/scss/_tobago.scss b/tobago-core/npm/scss/_tobago.scss
index d3aa5e3..2c0effd 100644
--- a/tobago-core/npm/scss/_tobago.scss
+++ b/tobago-core/npm/scss/_tobago.scss
@@ -50,6 +50,15 @@ $page-padding-top: 1rem;
   }
 }
 
+@mixin buttonLinkImageTextSpacing() {
+  > img + span {
+    margin-left: .4em;
+  }
+  > i + span {
+    margin-left: .4em;
+  }
+}
+
 @mixin dropdownMenuFormCheckComponents() {
   .dropdown-menu .form-check {
     /* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
@@ -165,16 +174,7 @@ tobago-buttons {
 /* button, link ------------------------------------------------------- */
 .tobago-button {
   @include buttonLinkDisabledCursor();
-}
-
-.tobago-button, .tobago-link {
-  > img + span {
-    margin-left: .4em;
-  }
-
-  > i + span {
-    margin-left: .4em;
-  }
+  @include buttonLinkImageTextSpacing();
 }
 
 /* button -------------------------------------------------------------- */
@@ -404,6 +404,7 @@ tobago-in {
 /* link ----------------------------------------------------------- */
 
 .tobago-link {
+  @include buttonLinkImageTextSpacing();
   white-space: nowrap;
 
   span {