SemanSemantic-UItic-UI/build/less/themes/packages/default/collections/table.variables

/*******************************
             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: @hoveredTextColor;
@sortableActiveBackground: @transparentBlack @subtleGradient;
@sortableActiveColor: @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);

/* 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;