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

@import 'deprecate';

/**
 * @summary Causes items of a list to display horizontally
 *
 * @selector .slds-list_horizontal
 * @modifier
 */
.slds-list_horizontal,
.slds-list--horizontal {
  @include align-horizontal('.slds-list__item', true);
}

.slds-list_horizontal-large,
.slds-list--horizontal-large {

  > .slds-list__item > a {
    padding: $spacing-small $spacing-medium;
  }
}

/**
 * @summary Adds dot separators to the left of horizontal list items
 *
 * @selector .slds-has-dividers_left
 * @modifier
 */
.slds-has-dividers_left > .slds-list__item,
.slds-has-dividers--left > .slds-list__item,
.slds-has-dividers_left > .slds-item,
.slds-has-dividers--left > .slds-item {
  @include dot-separator(left);
}

/**
 * @summary Adds dot separators to the right of horizontal list items
 *
 * @selector .slds-has-dividers_right
 * @modifier
 */
.slds-has-dividers_right > .slds-list__item,
.slds-has-dividers--right > .slds-list__item,
.slds-has-dividers_right > .slds-item,
.slds-has-dividers--right > .slds-item {
  @include dot-separator(right);
}