shared-snackbar.presentational.scss

@import "src/sass/abstracts/variables";

:host {
  display: flex;
  align-items: center;
  color: $white;
  justify-content: space-between;

  .icon-and-message {
    display: flex;
    align-items: center;
    flex: 1;

    .icon {
      margin: 0 10px;

      &.success {
        color: $success;
      }

      &.error {
        color: $error;
      }

      &.warn {
        color: $warning;
      }

      &.info {
        color: $info;
      }
    }

    .message {
      font-size: 14px;
      flex: 1;
      text-align: center;
    }
  }
}