/*******************************

Table

*******************************/

/*——————-

Element

——————–*/

@margin: 1em 0em; @borderCollapse: separate; @borderSpacing: 0px; @transition:

background @transitionDuration @transitionEasing,
border-color @transitionDuration @transitionEasing,
color @transitionDuration @transitionEasing

; @borderRadius: 0.25rem; @background: FFFFFF; @color: @textColor; @borderWidth: 1px; @borderColor: D0D0D0; @border: @borderWidth solid @borderColor; @boxShadow: none; @textAlign: left;

/*——————-

Types

——————–*/

/* Definition */ @definitionPageBackground: @white;

@definitionHeaderBackground: transparent; @definitionHeaderColor: @unselectedTextColor; @definitionHeaderFontWeight: normal;

@definitionFooterBackground: @definitionHeaderBackground; @definitionFooterColor: @definitionHeaderColor; @definitionFooterFontWeight: @definitionHeaderFontWeight;

@definitionColumnBackground: @subtleTransparentBlack; @definitionColumnColor: @selectedTextColor; @definitionColumnFontWeight: bold;

/*————–

Parts

—————*/

/* Table Row */ @rowBorder: 1px solid @solidBorderColor;

/* Table Cell */ @cellVerticalPadding: 0.7em; @cellHorizontalPadding: 0.8em; @cellVerticalAlign: middle; @cellTextAlign: @textAlign; @cellBorder: 1px solid @solidBorderColor;

/* Table Header */ @headerBorder: 1px solid @solidBorderColor; @headerDivider: none; @headerBackground: @darkWhite; @headerAlign: @textAlign; @headerVerticalAlign: middle; @headerColor: @textColor; @headerVerticalPadding: @cellVerticalPadding; @headerHorizontalPadding: @cellHorizontalPadding; @headerFontStyle: none; @headerFontWeight: bold; @headerTextTransform: none; @headerBoxShadow: none;

/* Table Footer */ @footerBoxShadow: none; @footerBorder: 1px solid @solidBorderColor; @footerDivider: none; @footerBackground: @white; @footerAlign: @textAlign; @footerVerticalAlign: middle; @footerColor: @textColor; @footerVerticalPadding: @cellVerticalPadding; @footerHorizontalPadding: @cellHorizontalPadding; @footerFontStyle: normal; @footerFontWeight: normal; @footerTextTransform: none;

/* Responsive Size */ @responsiveHeaderDisplay: block; @responsiveFooterDisplay: block; @responsiveRowVerticalPadding: 1em; @responsiveRowBoxShadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; @responsiveCellVerticalPadding: 0.25em; @responsiveCellHorizontalPadding: 0.75em; @responsiveCellBoxShadow: none !important; @responsiveStatusColor: transparent;

/*————–

Couplings

—————*/

@iconVerticalAlign: baseline;

/*————–

States

—————*/

@stateMarkerWidth: 0px;

/* Positive */ @positiveColor: @positiveTextColor; @positiveBoxShadow: @stateMarkerWidth 0px 0px @positiveBorderColor inset; @positiveBackgroundHover: darken(@positiveBackgroundColor, 3); @positiveColorHover: darken(@positiveColor, 3);

/* Negative */ @negativeColor: CD2929; @negativeBoxShadow: @stateMarkerWidth 0px 0px @negativeBorderColor inset; @negativeBackgroundHover: darken(@negativeBackgroundColor, 3); @negativeColorHover: darken(@negativeColor, 3);

/* Error */ @errorColor: CD2929; @errorBoxShadow: @stateMarkerWidth 0px 0px @errorBorderColor inset; @errorBackgroundHover: darken(@errorBackgroundColor, 3); @errorColorHover: darken(@errorColor, 3);

/* Warning */ @warningColor: #7D6C00; @warningBoxShadow: @stateMarkerWidth 0px 0px @warningBorderColor inset; @warningBackgroundHover: darken(@warningBackgroundColor, 3); @warningColorHover: darken(@warningColor, 3);

/* Active */ @activeColor: rgba(50, 50, 50, 0.9); @activeBackgroundColor: E0E0E0; @activeBoxShadow: @stateMarkerWidth 0px 0px @activeColor inset; @activeBackgroundHover: EFEFEF; @activeColorHover: rgba(50, 50, 50, 1);

/*————–

Types

—————*/

/* Attached */ @attachedHorizontalOffset: -1px; @attachedBoxShadow: none; @attachedTableWidth: ~“calc(100% + ”-@attachedHorizontalOffset * 2~“)”;

/* Striped */ @stripedBackground: rgba(0, 0, 50, 0.03); @invertedStripedBackground: rgba(255, 255, 255, 0.06);

/* Sortable */ @sortableBackground: ”; @sortableColor: @textColor;

@sortableBorder: 1px solid @borderColor; @sortableIconWidth: 1em; @sortableIconDistance: 0.5em; @sortableIconOpacity: 0.8; @sortableIconFont: ‘Icons’; @sortableIconAscending: ‘f0d7’; @sortableIconDescending: ‘f0d8’; @sortableDisabledColor: @disabledTextColor;

@sortableHoverBackground: @transparentBlack; @sortableHoverColor: @hoveredTextColor;

@sortableActiveBackground: @transparentBlack; @sortableActiveColor: @selectedTextColor;

@sortableActiveHoverBackground: @transparentBlack; @sortableActiveHoverColor: @selectedTextColor;

@sortableInvertedBorderColor: transparent; @sortableInvertedHoverBackground: @transparentWhite @subtleGradient; @sortableInvertedHoverColor: @invertedHoveredTextColor; @sortableInvertedActiveBackground: @strongTransparentWhite @subtleGradient; @sortableInvertedActiveColor: @invertedSelectedTextColor;

/* Colors */ @coloredBorderSize: 0.2em; @coloredBorderRadius: 0em 0em @borderRadius @borderRadius;

/* Inverted */ @invertedBackground: #333333; @invertedBorder: none; @invertedCellBorderColor: rgba(0, 0, 0, 0.2); @invertedCellColor: @invertedTextColor; @invertedHeaderBackground: rgba(0, 0, 0, 0.15); @invertedHeaderColor: rgba(255, 255, 255, 0.9);

@invertedDefinitionColumnBackground: @subtleTransparentWhite; @invertedDefinitionColumnColor: @invertedSelectedTextColor; @invertedDefinitionColumnFontWeight: bold;

/* Basic */ @basicTableBackground: transparent; @basicTableBorder: 1px solid @borderColor; @basicBoxShadow: none;

@basicTableHeaderBackground: transparent; @basicTableCellBackground: transparent; @basicTableHeaderDivider: none; @basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1); @basicTableCellVerticalPadding: @cellVerticalPadding; @basicTableCellHorizontalPadding: @cellHorizontalPadding; @basicTableStripedBackground: @transparentBlack;

/* Padded */ @paddedVerticalPadding: 1em; @paddedHorizontalPadding: 1em; @veryPaddedVerticalPadding: 1.5em; @veryPaddedHorizontalPadding: 1.5em;

/* Compact */ @compactVerticalPadding: 0.5em; @compactHorizontalPadding: 0.7em; @veryCompactVerticalPadding: 0.4em; @veryCompactHorizontalPadding: 0.6em;

/* Sizes */ @small: 0.9em; @medium: 1em; @large: 1.1em;