Contents

.c-alerts[role='presentation'] {
  --alerts-background-color: var(--color-transparent);

  z-index: var(--z-over-page);
  display: block;
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
  background-color: var(--alerts-background-color);
  -webkit-overflow-scrolling: touch;
}

.c-alerts--topleft,
.c-alerts--topright,
.c-alerts--bottomleft,
.c-alerts--bottomright {
  position: fixed;
  width: 250px;
}

.c-alerts--topleft {
  top: var(--spacing-medium);
  left: var(--spacing-medium);
}

.c-alerts--topright {
  top: var(--spacing-medium);
  right: var(--spacing-medium);
}

.c-alerts--bottomleft {
  bottom: 0;
  left: var(--spacing-medium);
}

.c-alerts--bottomright {
  right: var(--spacing-medium);
  bottom: 0;
}

.c-alert[role='alert'] {
  --alert-color: white;
  --alert-background-color: var(--color-default);

  position: relative;
  margin: var(--spacing-medium);
  padding: var(--spacing-medium) var(--spacing-super) var(--spacing-medium) var(--spacing-medium);
  color: var(--alert-color);
  background-color: var(--alert-background-color);
  border-radius: var(--border-radius);

  .c-link {
    color: var(--alert-color) !important;
  }

  &.c-alert--brand {
    --alert-background-color: var(--color-brand);
  }

  &.c-alert--info {
    --alert-background-color: var(--color-info);
  }

  &.c-alert--warning {
    --alert-color: black;
    --alert-background-color: var(--color-warning);
  }

  &.c-alert--success {
    --alert-background-color: var(--color-success);
  }

  &.c-alert--error {
    --alert-background-color: var(--color-error);
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
activeadmin_blaze_theme-0.7.0	app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss
activeadmin_blaze_theme-0.6.2	app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss
activeadmin_blaze_theme-0.6.0	app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss