@import '../../sass/_custom-variables/libs';
@import "~jquery.growl/stylesheets/jquery.growl.sass";

.growl {
  opacity: 1;
}

.growl .growl-title {
  padding-bottom: .125rem;
  font-weight: 600;
  line-height: inherit;
}

@include feature-rtl(false) {
  .growl .growl-close {
    float: left;
  }
}

@if $enable-light-style {
  .light-style {
    @import "../../sass/_appwork/include";

    #growls {
      z-index: $zindex-notification;
    }

    .growl {
      border-radius: $border-radius;
      box-shadow: $modal-content-box-shadow-xs !important;
    }

    .growl-title {
      font-size: $font-size-base;
    }

    .growl-message {
      font-size: $font-size-base;
    }

    .growl-error {
      background: map-get($theme-colors, danger);
      color: yiq(map-get($theme-colors, danger));
    }

    .growl-notice {
      background: map-get($theme-colors, info);
      color: yiq(map-get($theme-colors, info));
    }

    .growl-warning {
      background: map-get($theme-colors, warning);
      color: yiq(map-get($theme-colors, warning));
    }
  }
}

@if $enable-material-style {
  .material-style {
    @import "../../sass/_appwork/include-material";

    #growls {
      z-index: $zindex-notification;
    }

    .growl {
      border-radius: $border-radius;
      box-shadow: $modal-content-box-shadow-xs !important;
    }

    .growl-title {
      font-size: $font-size-base;
    }

    .growl-message {
      font-size: $font-size-base;
    }

    .growl-error {
      background: map-get($theme-colors, danger);
      color: yiq(map-get($theme-colors, danger));
    }

    .growl-notice {
      background: map-get($theme-colors, info);
      color: yiq(map-get($theme-colors, info));
    }

    .growl-warning {
      background: map-get($theme-colors, warning);
      color: yiq(map-get($theme-colors, warning));
    }
  }
}

@if $enable-dark-style {
  .dark-style {
    @import "../../sass/_appwork/include-dark";

    #growls {
      z-index: $zindex-notification;
    }

    .growl {
      border-radius: $border-radius;
      box-shadow: $modal-content-box-shadow-xs !important;
    }

    .growl-title {
      font-size: $font-size-base;
    }

    .growl-message {
      font-size: $font-size-base;
    }

    .growl-error {
      background: map-get($theme-colors, danger);
      color: yiq(map-get($theme-colors, danger));
    }

    .growl-notice {
      background: map-get($theme-colors, info);
      color: yiq(map-get($theme-colors, info));
    }

    .growl-warning {
      background: map-get($theme-colors, warning);
      color: yiq(map-get($theme-colors, warning));
    }
  }
}
