251 lines
6.8 KiB
Text
251 lines
6.8 KiB
Text
|
/*******************************
|
||
|
|
Table
|
||
|
|
*******************************/
|
||
|
|
|
||
|
|
/*-------------------
|
||
|
|
Element
|
||
|
|
--------------------*/
|
||
|
|
|
||
|
|
@verticalMargin: 1em;
|
||
|
|
@horizontalMargin: 0;
|
||
|
|
@margin: @verticalMargin @horizontalMargin;
|
||
|
|
@borderCollapse: separate;
|
||
|
|
@borderSpacing: 0;
|
||
|
|
@borderRadius: @defaultBorderRadius;
|
||
|
|
@transition:
|
||
|
|
background @defaultDuration @defaultEasing,
|
||
|
|
color @defaultDuration @defaultEasing
|
||
|
|
;
|
||
|
|
@background: @white;
|
||
|
|
@color: @textColor;
|
||
|
|
@borderWidth: 1px;
|
||
|
|
@border: @borderWidth solid @borderColor;
|
||
|
|
@boxShadow: none;
|
||
|
|
@textAlign: left;
|
||
|
|
@verticalAlign: middle;
|
||
|
|
|
||
|
|
/*--------------
|
||
|
|
Parts
|
||
|
|
---------------*/
|
||
|
|
|
||
|
|
/* Table Row */
|
||
|
|
@rowBorder: 1px solid @internalBorderColor;
|
||
|
|
|
||
|
|
/* Table Cell */
|
||
|
|
@cellVerticalPadding: @relativeMini;
|
||
|
|
@cellHorizontalPadding: @relativeMini;
|
||
|
|
@cellVerticalAlign: inherit;
|
||
|
|
@cellTextAlign: inherit;
|
||
|
|
@cellBorder: 1px solid @internalBorderColor;
|
||
|
|
|
||
|
|
/* Table Header */
|
||
|
|
@headerBorder: 1px solid @internalBorderColor;
|
||
|
|
@headerDivider: none;
|
||
|
|
@headerBackground: @offWhite;
|
||
|
|
@headerAlign: inherit;
|
||
|
|
@headerVerticalAlign: inherit;
|
||
|
|
@headerColor: @textColor;
|
||
|
|
@headerVerticalPadding: @relativeSmall;
|
||
|
|
@headerHorizontalPadding: @cellHorizontalPadding;
|
||
|
|
@headerFontStyle: none;
|
||
|
|
@headerFontWeight: @bold;
|
||
|
|
@headerTextTransform: none;
|
||
|
|
@headerBoxShadow: none;
|
||
|
|
|
||
|
|
/* Table Footer */
|
||
|
|
@footerBoxShadow: none;
|
||
|
|
@footerBorder: 1px solid @borderColor;
|
||
|
|
@footerDivider: none;
|
||
|
|
@footerBackground: @offWhite;
|
||
|
|
@footerAlign: inherit;
|
||
|
|
@footerVerticalAlign: middle;
|
||
|
|
@footerColor: @textColor;
|
||
|
|
@footerVerticalPadding: @cellVerticalPadding;
|
||
|
|
@footerHorizontalPadding: @cellHorizontalPadding;
|
||
|
|
@footerFontStyle: @normal;
|
||
|
|
@footerFontWeight: @normal;
|
||
|
|
@footerTextTransform: none;
|
||
|
|
|
||
|
|
/* Responsive Size */
|
||
|
|
@responsiveHeaderDisplay: block;
|
||
|
|
@responsiveFooterDisplay: block;
|
||
|
|
@responsiveRowVerticalPadding: 1em;
|
||
|
|
@responsiveRowBoxShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
|
||
|
|
@responsiveCellVerticalPadding: 0.25em;
|
||
|
|
@responsiveCellHorizontalPadding: 0.75em;
|
||
|
|
@responsiveCellBoxShadow: none;
|
||
|
|
@responsiveCellHeaderFontWeight: @bold;
|
||
|
|
|
||
|
|
/*-------------------
|
||
|
|
Types
|
||
|
|
--------------------*/
|
||
|
|
|
||
|
|
/* Definition */
|
||
|
|
@definitionPageBackground: @white;
|
||
|
|
|
||
|
|
@definitionHeaderBackground: @white;
|
||
|
|
@definitionHeaderColor: @unselectedTextColor;
|
||
|
|
@definitionHeaderFontWeight: @normal;
|
||
|
|
|
||
|
|
@definitionFooterBackground: @definitionHeaderBackground;
|
||
|
|
@definitionFooterColor: @definitionHeaderColor;
|
||
|
|
@definitionFooterFontWeight: @definitionHeaderFontWeight;
|
||
|
|
|
||
|
|
@definitionColumnBackground: @subtleTransparentBlack;
|
||
|
|
@definitionColumnFontWeight: @bold;
|
||
|
|
@definitionColumnColor: @selectedTextColor;
|
||
|
|
@definitionColumnFontSize: @relativeMedium;
|
||
|
|
@definitionColumnTextTransform: '';
|
||
|
|
@definitionColumnBoxShadow: '';
|
||
|
|
@definitionColumnTextAlign: '';
|
||
|
|
@definitionColumnHorizontalPadding: '';
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------
|
||
|
|
Couplings
|
||
|
|
---------------*/
|
||
|
|
|
||
|
|
@iconVerticalAlign: baseline;
|
||
|
|
|
||
|
|
/*--------------
|
||
|
|
States
|
||
|
|
---------------*/
|
||
|
|
|
||
|
|
@stateMarkerWidth: 0;
|
||
|
|
|
||
|
|
/* Positive */
|
||
|
|
@positiveColor: @positiveTextColor;
|
||
|
|
@positiveBoxShadow: @stateMarkerWidth 0 0 @positiveBorderColor inset;
|
||
|
|
@positiveBackgroundHover: darken(@positiveBackgroundColor, 3);
|
||
|
|
@positiveColorHover: darken(@positiveColor, 3);
|
||
|
|
|
||
|
|
/* Negative */
|
||
|
|
@negativeColor: @negativeTextColor;
|
||
|
|
@negativeBoxShadow: @stateMarkerWidth 0 0 @negativeBorderColor inset;
|
||
|
|
@negativeBackgroundHover: darken(@negativeBackgroundColor, 3);
|
||
|
|
@negativeColorHover: darken(@negativeColor, 3);
|
||
|
|
|
||
|
|
/* Error */
|
||
|
|
@errorColor: @errorTextColor;
|
||
|
|
@errorBoxShadow: @stateMarkerWidth 0 0 @errorBorderColor inset;
|
||
|
|
@errorBackgroundHover: darken(@errorBackgroundColor, 3);
|
||
|
|
@errorColorHover: darken(@errorColor, 3);
|
||
|
|
|
||
|
|
/* Warning */
|
||
|
|
@warningColor: @warningTextColor;
|
||
|
|
@warningBoxShadow: @stateMarkerWidth 0 0 @warningBorderColor inset;
|
||
|
|
@warningBackgroundHover: darken(@warningBackgroundColor, 3);
|
||
|
|
@warningColorHover: darken(@warningColor, 3);
|
||
|
|
|
||
|
|
/* Active */
|
||
|
|
@activeColor: @textColor;
|
||
|
|
@activeBackgroundColor: #E0E0E0;
|
||
|
|
@activeBoxShadow: @stateMarkerWidth 0 0 @activeColor inset;
|
||
|
|
|
||
|
|
@activeBackgroundHover: #EFEFEF;
|
||
|
|
@activeColorHover: @selectedTextColor;
|
||
|
|
|
||
|
|
/*--------------
|
||
|
|
Types
|
||
|
|
---------------*/
|
||
|
|
|
||
|
|
/* Attached */
|
||
|
|
@attachedTopOffset: 0;
|
||
|
|
@attachedBottomOffset: 0;
|
||
|
|
@attachedHorizontalOffset: -@borderWidth;
|
||
|
|
@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2));
|
||
|
|
@attachedBoxShadow: none;
|
||
|
|
@attachedBorder: @borderWidth solid @solidBorderColor;
|
||
|
|
@attachedBottomBoxShadow:
|
||
|
|
@boxShadow,
|
||
|
|
@attachedBoxShadow
|
||
|
|
;
|
||
|
|
|
||
|
|
/* Striped */
|
||
|
|
@stripedBackground: rgba(0, 0, 50, 0.02);
|
||
|
|
@invertedStripedBackground: rgba(255, 255, 255, 0.05);
|
||
|
|
|
||
|
|
/* Selectable */
|
||
|
|
@selectableBackground: @transparentBlack;
|
||
|
|
@selectableTextColor: @selectedTextColor;
|
||
|
|
@selectableInvertedBackground: @transparentWhite;
|
||
|
|
@selectableInvertedTextColor: @invertedSelectedTextColor;
|
||
|
|
|
||
|
|
/* Sortable */
|
||
|
|
@sortableBackground: '';
|
||
|
|
@sortableColor: @textColor;
|
||
|
|
|
||
|
|
@sortableBorder: 1px solid @borderColor;
|
||
|
|
@sortableIconWidth: auto;
|
||
|
|
@sortableIconDistance: 0.5em;
|
||
|
|
@sortableIconOpacity: 0.8;
|
||
|
|
@sortableIconFont: 'Icons';
|
||
|
|
@sortableIconAscending: '\f0d8';
|
||
|
|
@sortableIconDescending: '\f0d7';
|
||
|
|
@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: 0 0 @borderRadius @borderRadius;
|
||
|
|
@coloredBorderSizeCover: @coloredBorderSize / 2;
|
||
|
|
|
||
|
|
/* Inverted */
|
||
|
|
@invertedBackground: #333333;
|
||
|
|
@invertedBorder: none;
|
||
|
|
@invertedCellBorder: 1px solid @whiteBorderColor;
|
||
|
|
@invertedCellBorderColor: @whiteBorderColor;
|
||
|
|
@invertedCellColor: @invertedTextColor;
|
||
|
|
|
||
|
|
@invertedHeaderBackground: @veryStrongTransparentBlack;
|
||
|
|
@invertedHeaderColor: @invertedTextColor;
|
||
|
|
@invertedHeaderBorderColor: @invertedCellBorderColor;
|
||
|
|
|
||
|
|
@invertedDefinitionColumnBackground: @subtleTransparentWhite;
|
||
|
|
@invertedDefinitionColumnColor: @invertedSelectedTextColor;
|
||
|
|
@invertedDefinitionColumnFontWeight: @bold;
|
||
|
|
|
||
|
|
/* Basic */
|
||
|
|
@basicTableBackground: transparent;
|
||
|
|
@basicTableBorder: @borderWidth solid @borderColor;
|
||
|
|
@basicBoxShadow: none;
|
||
|
|
|
||
|
|
@basicTableHeaderBackground: transparent;
|
||
|
|
@basicTableCellBackground: transparent;
|
||
|
|
@basicTableHeaderDivider: none;
|
||
|
|
@basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
@basicTableCellPadding: '';
|
||
|
|
@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;
|