/* ==========================================================================
   OBJECTS / #LIST-INLINE
   ========================================================================== */

/**
 * The list-inline object displays any list of items spaced on a single line.
 */

/* [ul|ol] */.o-list-inline {
  margin-left: 0;
  list-style: none;
}

/* li */.o-list-inline__item {
  display: inline-block;
  margin-right: $global-spacing-unit;
}

/* Modifiers
   =========================================== */

/**
 * Smaller spacing between list items.
 */
.o-list-inline--narrow {
  > .o-list-inline__item {
    margin-right: $global-spacing-unit-small;
  }
}

/**
 * Wider spacing between list items.
 */
.o-list-inline--wide {
  > .o-list-inline__item {
    margin-right: $global-spacing-unit-large;
  }
}

/**
 * No spacing between list items.
 */
.o-list-inline--flush {
  > .o-list-inline__item {
    margin-right: 0;
  }
}