summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/components/_svgIcon.scss
diff options
context:
space:
mode:
Diffstat (limited to 'openecomp-ui/resources/scss/components/_svgIcon.scss')
-rw-r--r--openecomp-ui/resources/scss/components/_svgIcon.scss51
1 files changed, 51 insertions, 0 deletions
diff --git a/openecomp-ui/resources/scss/components/_svgIcon.scss b/openecomp-ui/resources/scss/components/_svgIcon.scss
new file mode 100644
index 0000000000..fc02f81fd4
--- /dev/null
+++ b/openecomp-ui/resources/scss/components/_svgIcon.scss
@@ -0,0 +1,51 @@
+@mixin overrideBootstrapClose(){
+ opacity: 1;
+ float: none;
+ &:hover {
+ opacity: 1;
+ }
+}
+
+.svg-icon-wrapper {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ &.bottom {
+ flex-direction: column;
+ .svg-icon-label {
+ margin-bottom: 5px;
+ }
+ }
+ &.right {
+ float: none;
+ .svg-icon-label {
+ margin-left: 5px;
+ }
+ }
+ &.top {
+ flex-direction: column-reverse;;
+ .svg-icon-label {
+ margin-top: 5px;
+ }
+ }
+ &.left {
+ flex-direction: row-reverse;;
+ .svg-icon-label {
+ margin-right: 5px;
+ }
+ }
+ // bootstrap override
+ &.close {
+ @include overrideBootstrapClose();
+ }
+ .close {
+ @include overrideBootstrapClose();
+ }
+ .svg-icon {
+ width: 20px;
+ height: 20px;
+ }
+ .svg-icon-label {
+ @extend .body-1;
+ }
+}