You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
5.1 KiB
196 lines
5.1 KiB
/*******************************
|
|
Table
|
|
*******************************/
|
|
|
|
/*-------------------
|
|
Element
|
|
--------------------*/
|
|
|
|
@margin: 1em 0em;
|
|
@borderCollapse: separate;
|
|
@borderSpacing: 0px;
|
|
@transition: all 0.2s @defaultEasing;
|
|
@borderRadius: 0.25rem;
|
|
@background: #FFFFFF;
|
|
@color: @textColor;
|
|
@border: 1px solid #D0D0D0;
|
|
@boxShadow: none;
|
|
|
|
/*--------------
|
|
Parts
|
|
---------------*/
|
|
|
|
/* Table Row */
|
|
@rowBorder: 1px solid @solidBorderColor;
|
|
|
|
/* Table Cell */
|
|
@cellVerticalPadding: 0.7em;
|
|
@cellHorizontalPadding: 0.8em;
|
|
@cellVerticalAlign: middle;
|
|
@cellBorder: 1px solid @solidBorderColor;
|
|
|
|
/* Table Header */
|
|
@headerBorder: 1px solid @solidBorderColor;
|
|
@headerDivider: none;
|
|
@headerBackground: @subtleGradient;
|
|
@headerAlign: left;
|
|
@headerVerticalAlign: middle;
|
|
@headerColor: @textColor;
|
|
@headerVerticalPadding: @cellVerticalPadding;
|
|
@headerHorizontalPadding: @cellHorizontalPadding;
|
|
@headerFontStyle: none;
|
|
@headerFontWeight: bold;
|
|
@headerTextTransform: none;
|
|
@headerBoxShadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
|
|
|
|
/* Table Footer */
|
|
@footerBoxShadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.05);
|
|
@footerBorder: 1px solid @solidBorderColor;
|
|
@footerDivider: none;
|
|
@footerBackground: rgba(0, 0, 0, 0.05);
|
|
@footerAlign: left;
|
|
@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: 2px;
|
|
|
|
/* Positive */
|
|
@positiveColor: #119000;
|
|
@positiveBackgroundColor: #F2F8F0;
|
|
@positiveBoxShadow: @stateMarkerWidth 0px 0px @positiveColor inset;
|
|
@positiveBackgroundHover: #ECF5E9;
|
|
@positiveColorHover: #119000;
|
|
|
|
/* Negative */
|
|
@negativeColor: #CD2929;
|
|
@negativeBackgroundColor: #F9F4F4;
|
|
@negativeBoxShadow: @stateMarkerWidth 0px 0px @negativeColor inset;
|
|
@negativeBackgroundHover: #F2E8E8;
|
|
@negativeColorHover: #CD2929;
|
|
|
|
/* Error */
|
|
@errorColor: #CD2929;
|
|
@errorBackgroundColor: #F9F4F4;
|
|
@errorBoxShadow: @stateMarkerWidth 0px 0px @errorColor inset;
|
|
@errorBackgroundHover: #F2E8E8;
|
|
@errorColorHover: #CD2929;
|
|
|
|
/* Warning */
|
|
@warningColor: #7D6C00;
|
|
@warningBackgroundColor: #FBF6E9;
|
|
@warningBoxShadow: @stateMarkerWidth 0px 0px @warningColor inset;
|
|
@warningBackgroundHover: #F3EDDC;
|
|
@warningColorHover: #CD2929;
|
|
|
|
/* 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
|
|
---------------*/
|
|
|
|
/* 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: @subtleTransparentBlack @subtleGradient;
|
|
@sortableHoverColor: @selectedTextColor;
|
|
@sortableActiveBackground: @transparentBlack @subtleGradient;
|
|
@sortableActiveColor: @selectedTextColor;
|
|
|
|
@sortableInvertedBorderColor: transparent;
|
|
@sortableInvertedHoverBackground: @transparentWhite @subtleGradient;
|
|
@sortableInvertedHoverColor: @invertedSelectedTextColor;
|
|
@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);
|
|
|
|
/* Definition */
|
|
@definitionBackground: '';
|
|
@definitionColor: @selectedTextColor;
|
|
@definitionFontWeight: 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: 0.8em;
|
|
@basicTableCellHorizontalPadding: 0em;
|
|
@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;
|