share css mixin for make-icon
diff --git a/ui-modules/blueprint-composer/app/index.less b/ui-modules/blueprint-composer/app/index.less
index e42474c..e91b16e 100644
--- a/ui-modules/blueprint-composer/app/index.less
+++ b/ui-modules/blueprint-composer/app/index.less
@@ -37,13 +37,6 @@
@import "components/dsl-editor/dsl-editor";
@import "components/dsl-viewer/dsl-viewer";
-.make-icon(@size) {
- width: auto;
- height: auto;
- max-width: @size;
- max-height: @size;
-}
-
.navbar {
margin-bottom: 0;
}
diff --git a/ui-modules/catalog/app/index.less b/ui-modules/catalog/app/index.less
index cbd7eea..18760e1 100644
--- a/ui-modules/catalog/app/index.less
+++ b/ui-modules/catalog/app/index.less
@@ -29,18 +29,6 @@
@import "views/bundle/type/type";
@import "views/bundle/type/modal";
-.make-icon(@size) {
- // this won't _increase_ size, that's more complicated. but it will cap both sizes while
- // keeping aspect ratio. if width or height are set they can interfere with the maxes to screw up aspect ratio.
- // https://stackoverflow.com/questions/12912048/how-to-maintain-aspect-ratio-using-html-img-tag
- width: auto;
- height: auto;
- max-width: @size;
- max-height: @size;
- // and center
- margin: auto;
-}
-
.snackbar {
z-index: 200;
}
diff --git a/ui-modules/home/app/index.less b/ui-modules/home/app/index.less
index a00daad..53be790 100644
--- a/ui-modules/home/app/index.less
+++ b/ui-modules/home/app/index.less
@@ -26,12 +26,6 @@
@import 'views/main/deploy/modal';
@import 'components/onboarding/onboarding';
-.make-icon(@size) {
- width: auto;
- height: auto;
- max-width: @size;
- max-height: @size;
-}
.hideMainContent {
display: none;
}
diff --git a/ui-modules/utils/br-core/style/mixins.less b/ui-modules/utils/br-core/style/mixins.less
index b4c8432..b33d574 100644
--- a/ui-modules/utils/br-core/style/mixins.less
+++ b/ui-modules/utils/br-core/style/mixins.less
@@ -55,3 +55,15 @@
font-size: 95%;
}
+.make-icon(@size) {
+ // this won't _increase_ size, that's more complicated. but it will cap both sizes while
+ // keeping aspect ratio. if width or height are set they can interfere with the maxes to screw up aspect ratio.
+ // https://stackoverflow.com/questions/12912048/how-to-maintain-aspect-ratio-using-html-img-tag
+ width: auto;
+ height: auto;
+ max-width: @size;
+ max-height: @size;
+ // and center
+ margin: auto;
+}
+