/*******************************
             List
*******************************/

/*-------------------
         View
--------------------*/

/* List */
@listListStyleType: none;
@listListStylePosition: outside;
@listMargin: 1em 0em;
@listVerticalPadding: 0em;
@listHorizontalPadding: 0em;

/* List Item */
@listItemVerticalPadding: @relative3px;
@listItemHorizontalPadding: 0em;
@listItemPadding: @listItemVerticalPadding @listItemHorizontalPadding;
@listItemLineHeight: @relativeLarge;

/* Sub List */
@listChildListPadding: 0.75em 0em 0.25em 0.5em;
@listChildListIndent: 1em;

/* Sub List Item */
@listChildItemVerticalPadding: @relative2px;
@listChildItemHorizontalPadding: 0em;
@listChildItemPadding: @listChildItemVerticalPadding @listChildItemHorizontalPadding;
@listChildItemLineHeight: inherit;

/*-------------------
      Elements
--------------------*/

/* Icon */
@listIconDistance: @relative4px;
@listIconOffset: 0em;
@listIconTransition: color @defaultDuration @defaultEasing;
@listIconVerticalAlign: top;
@listIconContentVerticalAlign: top;

/* Image */
@listImageDistance: 0.5em;
@listImageAlign: top;

/* Content */
@listContentDistance: 0.5em;
@listContentLineHeight: @listItemLineHeight;
@listContentLineHeightOffset: (@listContentLineHeight - 1em) / 2;
@listContentVerticalAlign: top;

/* Header */
@listItemHeaderFontFamily: @headerFont;
@listItemHeaderFontWeight: @bold;
@listItemHeaderColor: @textColor;

/* Description */
@listItemDescriptionColor: rgba(0, 0, 0, 0.7);

/* Link */
@listItemLinkColor: @linkColor;
@listItemLinkHoverColor: @linkHoverColor;

/* Header Link */
@listItemHeaderLinkColor: @listItemLinkColor;
@listItemHeaderLinkHoverColor: @listItemLinkHoverColor;

/* Linked Icon */
@listItemLinkIconColor: @lightTextColor;
@listItemLinkIconHoverColor: @textColor;
@listInvertedIconLinkColor: @invertedLightTextColor;

/*-------------------
        States
--------------------*/

@listDisabledColor: @disabledTextColor;
@listInvertedDisabledColor: @invertedDisabledTextColor;

/*-------------------
      Variations
--------------------*/

/* Float */
@listFloatDistance: 1em;
@listLeftFloatMargin: 0em @listFloatDistance 0em 0em;
@listRightFloatMargin: 0em 0em 0em @listFloatDistance;

/* Horizontal */
@listHorizontalSpacing: 1em;
@listHorizontalIconDistance: 0.25em;
@listHorizontalVerticalAlign: middle;

/* Inverted */
@listInvertedListIconColor: @invertedLightTextColor;
@listInvertedHeaderColor: @invertedTextColor;
@listInvertedDescriptionColor: @invertedLightTextColor;
@listInvertedItemLinkColor: @invertedTextColor;
@listInvertedItemLinkHoverColor: @linkHoverColor;

/* Link List */
@listLinkListItemColor: @unselectedTextColor;
@listLinkListItemHoverColor: @hoveredTextColor;
@listLinkListItemDownColor: @pressedTextColor;
@listLinkListItemActiveColor: @selectedTextColor;
@linkListTransition:
  @defaultDuration color @defaultEasing
;

/* Inverted Link List */
@listInvertedLinkListItemColor: @invertedUnselectedTextColor;
@listInvertedLinkListItemHoverColor: @invertedHoveredTextColor;
@listInvertedLinkListItemDownColor: @invertedPressedTextColor;
@listInvertedLinkListItemActiveColor: @invertedSelectedTextColor;

/* Selection List */
@listSelectionListItemMargin: 0em;
@listSelectionListItemBorderRadius: 0.5em;
@listSelectionListItemVerticalPadding: 0.5em;
@listSelectionListItemHorizontalPadding: 0.5em;
@selectionListTransition:
  @defaultDuration color @defaultEasing,
  @defaultDuration padding-left @defaultEasing,
  @defaultDuration background-color @defaultEasing
;

/* Selection List States */
@listSelectionListBackground: transparent;
@listSelectionListColor: @unselectedTextColor;
@listSelectionListHoverBackground: @subtleTransparentBlack;
@listSelectionListHoverColor: @hoveredTextColor;
@listSelectionListDownBackground: @transparentBlack;
@listSelectionListDownColor: @pressedTextColor;
@listSelectionListActiveBackground: @transparentBlack;
@listSelectionListActiveColor: @selectedTextColor;

/* Inverted Selection List */
@listInvertedSelectionListBackground: transparent;
@listInvertedSelectionListColor: @invertedUnselectedTextColor;
@listInvertedSelectionListHoverBackground: @subtleTransparentWhite;
@listInvertedSelectionListHoverColor: @invertedHoveredTextColor;
@listInvertedSelectionListDownBackground: @transparentWhite;
@listInvertedSelectionListDownColor: @invertedPressedTextColor;
@listInvertedSelectionListActiveBackground: @transparentWhite;
@listInvertedSelectionListActiveColor: @invertedSelectedTextColor;

/* Animated List */
@listAnimatedDuration: 0.25s;
@listAnimatedDelay: 0.1s;
@animatedListTransition:
  @listAnimatedDuration color @defaultEasing @listAnimatedDelay,
  @listAnimatedDuration padding-left @defaultEasing @listAnimatedDelay,
  @listAnimatedDuration background-color @defaultEasing @listAnimatedDelay
;
@listAnimatedListIndent: 1em;

/* Bulleted */
@listBulletDistance: 1.25rem;
@listBulletOffset: -@listBulletDistance;

@listBulletOpacity: 1;
@listBulletCharacter: '•';
@listBulletColor: inherit;
@listBulletLinkColor: @textColor;
@listBulletVerticalAlign: top;
@listBulletChildDistance: @listBulletDistance;

/* Horizontal Bullets */
@listHorizontalBulletColor: @textColor;
@listHorizontalBulletSpacing: @listBulletDistance + 0.5em;

/* Ordered List */
@listOrderedCountName: ordered;
@listOrderedCountContent: counters(ordered, ".") " ";
@listOrderedCountColor: @textColor;
@listOrderedCountDistance: 1.25rem;
@listOrderedCountOpacity: 0.8;
@listOrderedCountTextAlign: right;
@listOrderedCountVerticalAlign: middle;

@listOrderedChildCountDistance: 1em;
@listOrderedChildCountOffset: -2em;

@listOrderedInvertedCountColor: @invertedLightTextColor;

/* Horizontal Ordered */
@listHorizontalOrderedCountDistance: 0.5em;

/* Divided */
@listDividedBorderWidth: 1px;
@listDividedBorder: @listDividedBorderWidth solid @borderColor;
@listDividedInvertedBorderColor: @whiteBorderColor;
@listDividedChildListBorder: none;
@listDividedChildItemBorder: none;

/* Divided Horizontal */
@listHorizontalDividedSpacing: (@listHorizontalSpacing / 2);
@listHorizontalDividedLineHeight: 0.6;

/* Divided */
@listCelledBorderWidth: 1px;
@listCelledBorder: @listCelledBorderWidth solid @borderColor;
@listCelledInvertedBorder: @listDividedBorderWidth solid @whiteBorderColor;
@listCelledHorizontalPadding: 0.5em;
@listCelledChildListBorder: none;
@listCelledChildItemBorder: none;

/* Divided Horizontal */
@listHorizontalCelledSpacing: (@listHorizontalSpacing / 2);
@listHorizontalCelledLineHeight: 0.6;

/* Relaxed */
@listRelaxedItemVerticalPadding: @relative6px;
@listRelaxedChildItemVerticalPadding: @relative3px;
@listRelaxedHeaderMargin: 0.25rem;
@listRelaxedHorizontalPadding: 1rem;

/* Very Relaxed */
@listVeryRelaxedItemVerticalPadding: @relative12px;
@listVeryRelaxedChildItemVerticalPadding: @relative4px;
@listVeryRelaxedHeaderMargin: 0.5rem;
@listVeryRelaxedHorizontalPadding: 1.5rem;