openecomp-ui/resources/scss/components/_svgIcon.scss

   1 @mixin overrideBootstrapClose(){
   2         opacity: 1;
   3         float: none;
   4         &:hover {
   5                 opacity: 1;
   6         }
   7 }
   8
   9 .svg-icon-wrapper {
  10         display: inline-flex;
  11         justify-content: center;
  12         align-items: center;
  13         &.bottom {
  14                 flex-direction: column;
  15                 .svg-icon-label {
  16                         margin-bottom: 5px;
  17                 }
  18         }
  19         &.right {
  20                 float: none;
  21                 .svg-icon-label {
  22                         margin-left: 5px;
  23                 }
  24         }
  25         &.top {
  26                 flex-direction: column-reverse;;
  27                 .svg-icon-label {
  28                         margin-top: 5px;
  29                 }
  30         }
  31         &.left {
  32                 flex-direction: row-reverse;;
  33                 .svg-icon-label {
  34                         margin-right: 5px;
  35                 }
  36         }
  37         // bootstrap override
  38         &.close {
  39                 @include overrideBootstrapClose();
  40         }
  41         .close {
  42         @include overrideBootstrapClose();
  43         }
  44         .svg-icon {
  45                 width: 20px;
  46                 height: 20px;
  47         }
  48         .svg-icon-label {
  49                 @extend .body-1;
  50         }
  51 }