// 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

/**
 * @summary A region that can be inside of a layout
 *
 * @name base
 * @selector .slds-region
 * @restrict div
 * @support dev-ready
 * @variant
 */
.slds-region {
  background-color: var(--slds-g-color-neutral-base-100, #{$color-background-alt});
}

/**
 * @summary A region that can be pinned on the top of a layout
 *
 * @selector .slds-region__pinned-top
 * @restrict .slds-region
 */
.slds-region__pinned-top {
  background-color: var(--slds-g-color-neutral-base-100, #{$color-background-alt});
  border-bottom: $border-width-thin solid var(--slds-g-color-border-base-1, #{$card-color-border});
}

/**
 * @summary A region that can be pinned on the left side of a layout
 *
 * @selector .slds-region__pinned-left
 * @restrict .slds-region
 */
.slds-region__pinned-left {
  background-color: var(--slds-g-color-neutral-base-100, #{$color-background-alt});
  border-right: $border-width-thin solid var(--slds-g-color-border-base-1, #{$card-color-border});
}

/**
 * @summary A region that can be pinned on the right side of a layout
 *
 * @selector .slds-region__pinned-right
 * @restrict .slds-region
 */
.slds-region__pinned-right {
  background-color: var(--slds-g-color-neutral-base-100, #{$color-background-alt});
  border-left: $border-width-thin solid var(--slds-g-color-border-base-1, #{$card-color-border});
}
