// Lightning Design System 2.264.0-beta.1
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

/**
 *
 * @name base
 * @selector .slds-scoped-notification
 * @restrict div
 * @support dev-ready
 * @variant
 */
.slds-scoped-notification {
  padding: $spacing-small;

  a {
    &:focus {
      box-shadow: var(--slds-g-shadow-outset-focus-1, #{$shadow-button-focus});
      border-radius: $border-radius-small;
      outline: 0;
    }
  }

  &.slds-theme_warning {
    a {
      &:focus {
        border: 0;
      }
    }
  }
}

/**
 * @summary This renders a light notification
 *
 * @selector .slds-scoped-notification_light
 * @restrict .slds-scoped-notification
 * @modifier
 */
.slds-scoped-notification_light {
  background-color: var(--slds-g-color-neutral-base-95, #{$color-background});
  color: var(--slds-g-color-neutral-base-10, #{$color-text-default});

  a {
    color: var(--slds-g-color-neutral-base-10, #{$color-text-default});
    text-decoration: underline;

    &:hover,
    &:active {
      text-decoration: none;
    }
  }
}

/**
 * @summary This renders the dark notification
 *
 * @selector .slds-scoped-notification_dark
 * @restrict .slds-scoped-notification
 * @modifier
 */
.slds-scoped-notification_dark {
  background-color: var(--slds-g-color-neutral-base-50, #{$notification-color-background-inverse});
  color: var(--slds-g-color-neutral-base-100, #{$color-text-inverse});

  a {
    color: var(--slds-g-color-neutral-base-100, #{$color-text-link-inverse});
    text-decoration: underline;

    &:hover,
    &:active {
      text-decoration: none;
    }
  }
}
