replace zxq.co/ripple/hanayo
This commit is contained in:
Alicia
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
33
semantic/src/themes/default/collections/breadcrumb.variables
Normal file
33
semantic/src/themes/default/collections/breadcrumb.variables
Normal file
@@ -0,0 +1,33 @@
|
||||
/*******************************
|
||||
Breadcrumb
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Breadcrumb
|
||||
--------------------*/
|
||||
|
||||
@verticalMargin: 0em;
|
||||
@display: inline-block;
|
||||
@verticalAlign: middle;
|
||||
|
||||
@dividerSpacing: @3px;
|
||||
@dividerOpacity: 0.7;
|
||||
@dividerColor: @lightTextColor;
|
||||
|
||||
@dividerSize: @relativeSmall;
|
||||
@dividerVerticalAlign: baseline;
|
||||
|
||||
@iconDividerSize: @relativeTiny;
|
||||
@iconDividerVerticalAlign: baseline;
|
||||
|
||||
@sectionMargin: 0em;
|
||||
@sectionPadding: 0em;
|
||||
|
||||
/* Coupling */
|
||||
@segmentPadding: @relativeMini @relativeMedium;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
@activeFontWeight: bold;
|
||||
3
semantic/src/themes/default/collections/form.overrides
Normal file
3
semantic/src/themes/default/collections/form.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
195
semantic/src/themes/default/collections/form.variables
Normal file
195
semantic/src/themes/default/collections/form.variables
Normal file
@@ -0,0 +1,195 @@
|
||||
/*******************************
|
||||
Form
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Elements
|
||||
--------------------*/
|
||||
|
||||
/* Form */
|
||||
@gutterWidth: 1em;
|
||||
@rowDistance: 1em;
|
||||
|
||||
/* Text */
|
||||
@paragraphMargin: @rowDistance 0em;
|
||||
|
||||
/* Field */
|
||||
@fieldMargin: 0em 0em @rowDistance;
|
||||
|
||||
/* Fields */
|
||||
@fieldsMargin: 0em -(@gutterWidth / 2) @rowDistance;
|
||||
|
||||
/* Form Label */
|
||||
@labelDistance: @4px;
|
||||
@labelMargin: 0em 0em @labelDistance 0em;
|
||||
@labelFontSize: @relativeSmall;
|
||||
@labelFontWeight: bold;
|
||||
@labelTextTransform: none;
|
||||
@labelColor: @textColor;
|
||||
|
||||
/* Input */
|
||||
@inputFont: @pageFont;
|
||||
@inputWidth: 100%;
|
||||
@inputFontSize: 1em;
|
||||
@inputPadding: (@inputVerticalPadding + ((1em - @inputLineHeight) / 2)) @inputHorizontalPadding;
|
||||
@inputBorder: 1px solid @borderColor;
|
||||
@inputBorderRadius: @absoluteBorderRadius;
|
||||
@inputColor: @textColor;
|
||||
@inputTransition:
|
||||
color @defaultDuration @defaultEasing,
|
||||
border-color @defaultDuration @defaultEasing
|
||||
;
|
||||
@inputBoxShadow: 0em 0em 0em 0em transparent inset;
|
||||
|
||||
/* Select */
|
||||
@selectBackground: @white;
|
||||
@selectBorderRadius: @inputBorderRadius;
|
||||
@selectBorder: @inputBorder;
|
||||
@selectPadding: 0.62em @inputHorizontalPadding;
|
||||
@selectBoxShadow: @inputBoxShadow;
|
||||
@selectTransition: @inputTransition;
|
||||
@selectColor: @inputColor;
|
||||
|
||||
/* Text Area */
|
||||
@textAreaPadding: @inputVerticalPadding @inputHorizontalPadding;
|
||||
@textAreaHeight: 12em;
|
||||
@textAreaResize: vertical;
|
||||
@textAreaLineHeight: 1.2857;
|
||||
@textAreaMinHeight: 8em;
|
||||
@textAreaMaxHeight: 24em;
|
||||
@textAreaBackground: @inputBackground;
|
||||
@textAreaBorder: @inputBorder;
|
||||
@textAreaFontSize: @inputFontSize;
|
||||
@textAreaTransition: @inputTransition;
|
||||
|
||||
/* Checkbox */
|
||||
@checkboxVerticalAlign: top;
|
||||
@checkboxLabelFontSize: 1em;
|
||||
@checkboxLabelTextTransform: @labelTextTransform;
|
||||
|
||||
/* Inline Validation Prompt */
|
||||
@promptBackground: @white;
|
||||
@promptBorderColor: @formErrorBorder;
|
||||
@promptBorder: 1px solid @promptBorderColor;
|
||||
@promptTextColor: @formErrorColor;
|
||||
@inlinePromptMargin: -0.25em 0em -0.5em 0.5em;
|
||||
@inlinePromptBorderWidth: 1px;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
/* Focus */
|
||||
@inputFocusPointerSize: 0px;
|
||||
|
||||
/* Input Focus */
|
||||
@inputFocusBackground: @inputBackground;
|
||||
@inputFocusBorderColor: @focusedFormBorderColor;
|
||||
@inputFocusColor: @selectedTextColor;
|
||||
@inputFocusBoxShadow: @inputFocusPointerSize 0em 0em 0em @selectedBorderColor inset;
|
||||
@inputFocusBorderRadius: @inputBorderRadius;
|
||||
|
||||
/* Text Area Focus */
|
||||
@textAreaFocusBackground: @inputFocusBackground;
|
||||
@textAreaFocusBorderColor: @inputFocusBorderColor;
|
||||
@textAreaFocusColor: @inputFocusColor;
|
||||
@textAreaFocusBoxShadow: @inputFocusBoxShadow;
|
||||
@textAreaFocusBorderRadius: @inputFocusBorderRadius;
|
||||
|
||||
/* Disabled */
|
||||
@disabledLabelOpacity: @disabledOpacity;
|
||||
|
||||
/* Errored Input */
|
||||
@formErrorColor: @negativeTextColor;
|
||||
@formErrorBorder: @negativeBorderColor;
|
||||
@formErrorBackground: @negativeBackgroundColor;
|
||||
|
||||
/* AutoFill */
|
||||
@inputAutoFillBackground: #FFFFF0;
|
||||
@inputAutoFillBorder: #E5DFA1;
|
||||
@inputAutoFillFocusBackground: @inputAutoFillBackground;
|
||||
@inputAutoFillFocusBorder: #D5C315;
|
||||
@inputAutoFillErrorBackground: #FFFAF0;
|
||||
@inputAutoFillErrorBorder: #E0B4B4;
|
||||
|
||||
|
||||
/* Input Error */
|
||||
@inputErrorBorderRadius: '';
|
||||
@inputErrorBoxShadow: none;
|
||||
|
||||
/* Dropdown Error */
|
||||
@dropdownErrorHoverBackground: #FBE7E7;
|
||||
@dropdownErrorSelectedBackground: @dropdownErrorHoverBackground;
|
||||
@dropdownErrorActiveBackground: #FDCFCF;
|
||||
@dropdownErrorLabelBackground: #EACBCB;
|
||||
@dropdownErrorLabelColor: @errorTextColor;
|
||||
|
||||
/* Focused Error */
|
||||
@inputErrorFocusBackground: @negativeBackgroundColor;
|
||||
@inputErrorFocusColor: @negativeTextColor;
|
||||
@inputErrorFocusBorder: @negativeBorderColor;
|
||||
@inputErrorFocusBoxShadow: none;
|
||||
|
||||
/* Placeholder Error */
|
||||
@inputErrorPlaceholderColor: lighten(@formErrorColor, 40);
|
||||
@inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 30);
|
||||
|
||||
/* Loading Dimmer */
|
||||
@loaderDimmerColor: rgba(255, 255, 255, 0.8);
|
||||
@loaderDimmerZIndex: 100;
|
||||
|
||||
/* Loading Spinner */
|
||||
@loaderSize: 3em;
|
||||
@loaderLineZIndex: 101;
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Required */
|
||||
@requiredContent: '*';
|
||||
@requiredColor: @negativeColor;
|
||||
@requiredVerticalOffset: -0.2em;
|
||||
@requiredDistance: 0.2em;
|
||||
@requiredMargin: @requiredVerticalOffset 0em 0em @requiredDistance;
|
||||
|
||||
/* Inverted */
|
||||
@invertedInputBackground: @inputBackground;
|
||||
@invertedInputBorderColor: @whiteBorderColor;
|
||||
@invertedInputBoxShadow: @inputBoxShadow;
|
||||
@invertedInputColor: @inputColor;
|
||||
@invertedLabelColor: @invertedTextColor;
|
||||
@invertedInputBoxShadow: none;
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Grouped Fields */
|
||||
@groupedMargin: @fieldMargin;
|
||||
@groupedFieldMargin: 0.5em 0em;
|
||||
|
||||
@groupedLabelDistance: @labelDistance;
|
||||
@groupedLabelColor: @labelColor;
|
||||
@groupedLabelMargin: @labelMargin;
|
||||
@groupedLabelFontSize: @labelFontSize;
|
||||
@groupedLabelFontWeight: @labelFontWeight;
|
||||
@groupedLabelTextTransform: @labelTextTransform;
|
||||
|
||||
|
||||
/* Inline */
|
||||
@inlineInputSize: @relativeMedium;
|
||||
|
||||
@inlineLabelDistance: @relativeTiny;
|
||||
@inlineLabelColor: @labelColor;
|
||||
@inlineLabelFontSize: @labelFontSize;
|
||||
@inlineLabelFontWeight: @labelFontWeight;
|
||||
@inlineLabelTextTransform: @labelTextTransform;
|
||||
|
||||
@groupedInlineLabelMargin: 0.035714em 1em 0em 0em;
|
||||
|
||||
/*-------------------
|
||||
Groups
|
||||
--------------------*/
|
||||
|
||||
@inlineFieldsMargin: 0em 1em 0em 0em;
|
||||
4
semantic/src/themes/default/collections/grid.overrides
Normal file
4
semantic/src/themes/default/collections/grid.overrides
Normal file
@@ -0,0 +1,4 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
|
||||
103
semantic/src/themes/default/collections/grid.variables
Normal file
103
semantic/src/themes/default/collections/grid.variables
Normal file
@@ -0,0 +1,103 @@
|
||||
/*******************************
|
||||
Grid
|
||||
*******************************/
|
||||
|
||||
/* Inherited From Site */
|
||||
|
||||
// @mobileBreakpoint
|
||||
// @tabletBreakpoint
|
||||
// @computerBreakpoint
|
||||
// @largeMonitorBreakpoint
|
||||
// @widescreenMonitorBreakpoint
|
||||
|
||||
/*******************************
|
||||
Grid
|
||||
*******************************/
|
||||
|
||||
@minWidth: 320px;
|
||||
|
||||
@gutterWidth: 2rem;
|
||||
@rowSpacing: 2rem;
|
||||
|
||||
@tableWidth: ~"calc(100% + "@gutterWidth~")";
|
||||
@columnMaxImageWidth: 100%;
|
||||
|
||||
@consecutiveGridDistance: (@rowSpacing / 2);
|
||||
|
||||
/*******************************
|
||||
Variations
|
||||
*******************************/
|
||||
|
||||
/*--------------
|
||||
Relaxed
|
||||
---------------*/
|
||||
|
||||
@relaxedGutterWidth: 3rem;
|
||||
@veryRelaxedGutterWidth: 5rem;
|
||||
|
||||
/*--------------
|
||||
Divided
|
||||
---------------*/
|
||||
|
||||
@dividedBorder: -1px 0px 0px 0px @borderColor;
|
||||
@verticallyDividedBorder: 0px -1px 0px 0px @borderColor;
|
||||
|
||||
@dividedInvertedBorder: -1px 0px 0px 0px @whiteBorderColor;
|
||||
@verticallyDividedInvertedBorder: 0px -1px 0px 0px @whiteBorderColor;
|
||||
|
||||
/*--------------
|
||||
Celled
|
||||
---------------*/
|
||||
|
||||
@celledMargin: 1em 0em;
|
||||
@celledWidth: 1px;
|
||||
@celledBorderColor: @solidBorderColor;
|
||||
|
||||
@celledPadding: 1em;
|
||||
@celledRelaxedPadding: 1.5em;
|
||||
@celledVeryRelaxedPadding: 2em;
|
||||
|
||||
@celledGridDivider: 0px 0px 0px @celledWidth @celledBorderColor;
|
||||
@celledRowDivider: 0px (-@celledWidth) 0px 0px @celledBorderColor;
|
||||
@celledColumnDivider: (-@celledWidth) 0px 0px 0px @celledBorderColor;
|
||||
|
||||
|
||||
/*--------------
|
||||
Stackable
|
||||
---------------*/
|
||||
|
||||
@stackableRowSpacing: @rowSpacing;
|
||||
@stackableGutter: @gutterWidth;
|
||||
@stackableMobileBorder: 1px solid @borderColor;
|
||||
@stackableInvertedMobileBorder: 1px solid @whiteBorderColor;
|
||||
|
||||
|
||||
/*******************************
|
||||
Legacy
|
||||
*******************************/
|
||||
|
||||
/*--------------
|
||||
Page
|
||||
---------------*/
|
||||
|
||||
/* Legacy (DO NOT USE)
|
||||
*/
|
||||
@mobileWidth: auto;
|
||||
@mobileMargin: 0em;
|
||||
@mobileGutter: 0em;
|
||||
|
||||
@tabletWidth: auto;
|
||||
@tabletMargin: 0em;
|
||||
@tabletGutter: 2em;
|
||||
|
||||
@computerWidth: auto;
|
||||
@computerMargin: 0em;
|
||||
@computerGutter: 3%;
|
||||
|
||||
@largeMonitorWidth: auto;
|
||||
@largeMonitorMargin: 0em;
|
||||
@largeMonitorGutter: 15%;
|
||||
|
||||
@widescreenMonitorWidth: auto;
|
||||
@widescreenMargin: 0em;
|
||||
@widescreenMonitorGutter: 23%;
|
||||
3
semantic/src/themes/default/collections/menu.overrides
Normal file
3
semantic/src/themes/default/collections/menu.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
458
semantic/src/themes/default/collections/menu.variables
Normal file
458
semantic/src/themes/default/collections/menu.variables
Normal file
@@ -0,0 +1,458 @@
|
||||
/*******************************
|
||||
Menu
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Collection
|
||||
--------------------*/
|
||||
|
||||
/* Menu */
|
||||
@verticalMargin: @medium;
|
||||
@horizontalMargin: 0em;
|
||||
@margin: @verticalMargin @horizontalMargin;
|
||||
@background: #FFFFFF;
|
||||
@fontFamily: @pageFont;
|
||||
@itemBackground: none;
|
||||
@fontWeight: normal;
|
||||
@borderWidth: 1px;
|
||||
@border: @borderWidth solid @borderColor;
|
||||
@boxShadow: @subtleShadow;
|
||||
@borderRadius: @defaultBorderRadius;
|
||||
@minHeight: (@itemVerticalPadding * 2) + 1em;
|
||||
|
||||
/* Menu Item */
|
||||
@itemVerticalPadding: @relativeSmall;
|
||||
@itemHorizontalPadding: @relativeLarge;
|
||||
@itemTextTransform: none;
|
||||
@itemTransition:
|
||||
background @defaultDuration @defaultEasing,
|
||||
box-shadow @defaultDuration @defaultEasing,
|
||||
color @defaultDuration @defaultEasing
|
||||
;
|
||||
@itemFontWeight: normal;
|
||||
@itemTextColor: @textColor;
|
||||
|
||||
/* Divider */
|
||||
@dividerSize: 1px;
|
||||
@dividerBackground: @internalBorderColor;
|
||||
|
||||
/* Sub Menu */
|
||||
@subMenuDistance: 0.5em;
|
||||
@subMenuMargin: @subMenuDistance -@itemHorizontalPadding 0em;
|
||||
@subMenuFontSize: @relativeTiny;
|
||||
@subMenuTextColor: rgba(0, 0, 0, 0.5);
|
||||
|
||||
@subMenuIndent: 0em;
|
||||
@subMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent;
|
||||
@subMenuVerticalPadding: 0.5em;
|
||||
|
||||
/* Text Item */
|
||||
@textLineHeight: 1.3;
|
||||
|
||||
/*--------------
|
||||
Elements
|
||||
---------------*/
|
||||
|
||||
/* Icon */
|
||||
@iconFloat: none;
|
||||
@iconMargin: 0em @relative5px 0em 0em;
|
||||
@iconOpacity: 0.9;
|
||||
|
||||
/* Dropdown Icon */
|
||||
@dropdownIconFloat: right;
|
||||
@dropdownIconDistance: 1em;
|
||||
|
||||
/* Header */
|
||||
@headerBackground: '';
|
||||
@headerWeight: bold;
|
||||
@headerTextTransform: normal;
|
||||
|
||||
/* Vertical Icon */
|
||||
@verticalIconFloat: right;
|
||||
@verticalIconMargin: 0em 0em 0em 0.5em;
|
||||
|
||||
/* Vertical Header */
|
||||
@verticalHeaderMargin: 0em 0em 0.5em;
|
||||
@verticalHeaderFontSize: @relativeMedium;
|
||||
@verticalHeaderFontWeight: bold;
|
||||
|
||||
/* Pointing Arrow */
|
||||
@arrowSize: @relative8px;
|
||||
@arrowBorderWidth: 1px;
|
||||
@arrowBorder: @arrowBorderWidth solid @solidBorderColor;
|
||||
@arrowTransition: background @defaultDuration @defaultEasing;
|
||||
@arrowZIndex: 2;
|
||||
|
||||
@arrowHoverColor: #F2F2F2;
|
||||
@arrowActiveColor: @arrowHoverColor;
|
||||
@arrowActiveHoverColor: @arrowActiveColor;
|
||||
|
||||
@arrowVerticalHoverColor: @arrowHoverColor;
|
||||
@arrowVerticalActiveColor: @arrowActiveColor;
|
||||
@arrowVerticalSubMenuColor: @white;
|
||||
|
||||
/*--------------
|
||||
Couplings
|
||||
---------------*/
|
||||
|
||||
/* Button */
|
||||
@buttonSize: @relativeMedium;
|
||||
@buttonOffset: 0em;
|
||||
@buttonMargin: -0.5em 0em;
|
||||
@buttonVerticalPadding: @relativeMini;
|
||||
|
||||
/* Input */
|
||||
@inputSize: @relativeMedium;
|
||||
@inputVerticalMargin: -0.5em;
|
||||
@inputOffset: 0em;
|
||||
@inputVerticalPadding: @relative8px;
|
||||
|
||||
/* Image */
|
||||
@imageMargin: -0.3em 0em;
|
||||
@imageWidth: 2.5em;
|
||||
@verticalImageWidth: auto;
|
||||
|
||||
/* Label */
|
||||
@labelOffset: -0.15em;
|
||||
@labelBackground: #999999;
|
||||
@labelTextColor: @white;
|
||||
|
||||
@labelTextMargin: 1em;
|
||||
@labelVerticalPadding: 0.3em;
|
||||
@labelHorizontalPadding: @relativeMini;
|
||||
|
||||
@labelAndIconFloat: none;
|
||||
@labelAndIconMargin: 0em 0.5em 0em 0em;
|
||||
|
||||
/* Dropdown in Menu */
|
||||
@dropdownMenuBoxShadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
|
||||
|
||||
@dropdownBackground: #FFFFFF;
|
||||
@dropdownMenuDistance: 0em;
|
||||
@dropdownMenuBorderRadius: @borderRadius;
|
||||
|
||||
@dropdownItemFontSize: @relativeMedium;
|
||||
@dropdownItemPadding: @relativeMini @relativeLarge;
|
||||
@dropdownItemBackground: transparent;
|
||||
@dropdownItemColor: @textColor;
|
||||
@dropdownItemTextTransform: none;
|
||||
@dropdownItemFontWeight: normal;
|
||||
@dropdownItemBoxShadow: none;
|
||||
@dropdownItemTransition: none;
|
||||
|
||||
@dropdownItemIconFloat: none;
|
||||
@dropdownItemIconFontSize: @relativeMedium;
|
||||
@dropdownItemIconMargin: 0em 0.75em 0em 0em;
|
||||
|
||||
@dropdownHoveredItemBackground: @transparentBlack;
|
||||
@dropdownHoveredItemColor: @selectedTextColor;
|
||||
|
||||
/* Dropdown Variations */
|
||||
@dropdownVerticalMenuBoxShadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
|
||||
@secondaryDropdownMenuDistance: @relative5px;
|
||||
@pointingDropdownMenuDistance: 0.75em;
|
||||
@invertedSelectionDropdownColor: @invertedTextColor;
|
||||
|
||||
/*--------------
|
||||
States
|
||||
---------------*/
|
||||
|
||||
/* Hovered Item */
|
||||
@hoverItemBackground: @subtleTransparentBlack;
|
||||
@hoverItemTextColor: @selectedTextColor;
|
||||
|
||||
/* Pressed Item */
|
||||
@pressedItemBackground: @subtleTransparentBlack;
|
||||
@pressedItemTextColor: @hoverItemTextColor;
|
||||
|
||||
|
||||
/* Active Item */
|
||||
@activeItemBackground: @transparentBlack;
|
||||
@activeItemTextColor: @selectedTextColor;
|
||||
@activeItemFontWeight: normal;
|
||||
@activeIconOpacity: 1;
|
||||
@activeItemBoxShadow: none;
|
||||
|
||||
/* Active Hovered Item */
|
||||
@activeHoverItemBackground: @transparentBlack;
|
||||
@activeHoverItemColor: @selectedTextColor;
|
||||
|
||||
/* Selected Dropdown */
|
||||
@dropdownSelectedItemBackground: @transparentBlack;
|
||||
@dropdownSelectedItemColor: @selectedTextColor;
|
||||
|
||||
/* Active Dropdown */
|
||||
@dropdownActiveItemBackground: @subtleTransparentBlack;
|
||||
@dropdownActiveItemColor: @selectedTextColor;
|
||||
@dropdownActiveItemFontWeight: bold;
|
||||
|
||||
/* Active Sub Menu */
|
||||
@subMenuActiveBackground: transparent;
|
||||
@subMenuActiveTextColor: @activeItemTextColor;
|
||||
@subMenuActiveFontWeight: bold;
|
||||
|
||||
|
||||
/*--------------
|
||||
Types
|
||||
---------------*/
|
||||
|
||||
/* Vertical */
|
||||
@verticalBoxShadow: @boxShadow;
|
||||
@verticalPointerWidth: 2px;
|
||||
@verticalBackground: #FFFFFF;
|
||||
@verticalItemBackground: none;
|
||||
@verticalDividerBackground: @dividerBackground;
|
||||
|
||||
@verticalActiveBoxShadow: none;
|
||||
|
||||
|
||||
/* Secondary */
|
||||
@secondaryBackground: none;
|
||||
@secondaryMargin: 0em -@secondaryItemSpacing;
|
||||
@secondaryItemBackground: none;
|
||||
@secondaryItemSpacing: @relative5px;
|
||||
@secondaryItemMargin: 0em @secondaryItemSpacing;
|
||||
@secondaryItemVerticalPadding: @relativeMini;
|
||||
@secondaryItemHorizontalPadding: @relativeSmall;
|
||||
@secondaryItemPadding: @relativeMini @relativeSmall;
|
||||
@secondaryItemBorderRadius: @defaultBorderRadius;
|
||||
@secondaryItemTransition: color @defaultDuration @defaultEasing;
|
||||
@secondaryItemColor: @unselectedTextColor;
|
||||
|
||||
@secondaryHoverItemBackground: @transparentBlack;
|
||||
@secondaryHoverItemColor: @selectedTextColor;
|
||||
|
||||
@secondaryActiveItemBackground: @transparentBlack;
|
||||
@secondaryActiveItemColor: @selectedTextColor;
|
||||
@secondaryActiveHoverItemBackground: @transparentBlack;
|
||||
@secondaryActiveHoverItemColor: @selectedTextColor;
|
||||
|
||||
@secondaryActiveHoveredItemBackground: @transparentBlack;
|
||||
@secondaryActiveHoveredItemColor: @selectedTextColor;
|
||||
|
||||
@secondaryHeaderBackground: none transparent;
|
||||
@secondaryHeaderBorder: none;
|
||||
|
||||
@secondaryItemVerticalSpacing: @secondaryItemSpacing;
|
||||
@secondaryVerticalItemMargin: 0em 0em @secondaryItemVerticalSpacing;
|
||||
@secondaryVerticalItemBorderRadius: @defaultBorderRadius;
|
||||
|
||||
@secondaryMenuSubMenuMargin: 0em -@secondaryItemHorizontalPadding;
|
||||
@secondaryMenuSubMenuItemMargin: 0em;
|
||||
@secondarySubMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent;
|
||||
@secondaryMenuSubMenuItemPadding: @relative7px @secondarySubMenuHorizontalPadding;
|
||||
|
||||
/* Pointing */
|
||||
@secondaryPointingBorderWidth: 2px;
|
||||
@secondaryPointingBorderColor: @borderColor;
|
||||
@secondaryPointingItemVerticalPadding: @relativeTiny;
|
||||
@secondaryPointingItemHorizontalPadding: @relativeLarge;
|
||||
|
||||
@secondaryPointingHoverTextColor: @textColor;
|
||||
|
||||
@secondaryPointingActiveBorderColor: @black;
|
||||
@secondaryPointingActiveTextColor: @selectedTextColor;
|
||||
@secondaryPointingActiveFontWeight: bold;
|
||||
|
||||
@secondaryPointingActiveDropdownBorderColor: transparent;
|
||||
|
||||
@secondaryPointingActiveHoverBorderColor: @secondaryPointingActiveBorderColor;
|
||||
@secondaryPointingActiveHoverTextColor: @secondaryPointingActiveTextColor;
|
||||
|
||||
@secondaryPointingHeaderColor: @darkTextColor;
|
||||
@secondaryVerticalPointingItemMargin: 0em -@secondaryPointingBorderWidth 0em 0em;
|
||||
|
||||
|
||||
/* Inverted Secondary */
|
||||
@secondaryInvertedColor: @invertedLightTextColor;
|
||||
|
||||
@secondaryInvertedHoverBackground: @transparentWhite;
|
||||
@secondaryInvertedHoverColor: @invertedSelectedTextColor;
|
||||
|
||||
@secondaryInvertedActiveBackground: @strongTransparentWhite;
|
||||
@secondaryInvertedActiveColor: @invertedSelectedTextColor;
|
||||
|
||||
/* Inverted Pointing */
|
||||
@secondaryPointingInvertedBorderColor: @whiteBorderColor;
|
||||
@secondaryPointingInvertedItemTextColor: @invertedTextColor;
|
||||
@secondaryPointingInvertedItemHeaderColor: @white;
|
||||
@secondaryPointingInvertedItemHoverTextColor: @selectedTextColor;
|
||||
@secondaryPointingInvertedActiveBorderColor: @white;
|
||||
@secondaryPointingInvertedActiveColor: @invertedSelectedTextColor;
|
||||
|
||||
|
||||
/* Tiered */
|
||||
@tieredActiveItemBackground: #FCFCFC;
|
||||
@tieredActiveMenuBackground: #FCFCFC;
|
||||
|
||||
@tieredSubMenuTextTransform: normal;
|
||||
@tieredSubMenuFontWeight: normal;
|
||||
|
||||
@tieredSubMenuColor: @lightTextColor;
|
||||
|
||||
@tieredSubMenuHoverBackground: none transparent;
|
||||
@tieredSubMenuHoverColor: @hoveredTextColor;
|
||||
|
||||
@tieredSubMenuActiveBackground: none transparent;
|
||||
@tieredSubMenuActiveColor: @selectedTextColor;
|
||||
|
||||
@tieredInvertedSubMenuBackground: rgba(0, 0, 0, 0.2);
|
||||
|
||||
|
||||
/* Icon */
|
||||
@iconMenuTextAlign: center;
|
||||
@iconMenuItemColor: @black;
|
||||
@iconMenuInvertedItemColor: @white;
|
||||
|
||||
|
||||
/* Tabular */
|
||||
@tabularBorderColor: @solidBorderColor;
|
||||
@tabularBackgroundColor: transparent;
|
||||
@tabularBackground: none @tabularBackgroundColor;
|
||||
@tabularBorderWidth: 1px;
|
||||
@tabularOppositeBorderWidth: @tabularBorderWidth + 1px;
|
||||
@tabularVerticalPadding: @itemVerticalPadding;
|
||||
@tabularHorizontalPadding: @relativeHuge;
|
||||
@tabularBorderRadius: @defaultBorderRadius;
|
||||
@tabularTextColor: @itemTextColor;
|
||||
|
||||
@tabularHoveredTextColor: @hoveredTextColor;
|
||||
|
||||
@tabularVerticalBackground: none @tabularBackgroundColor;
|
||||
|
||||
@tabularFluidOffset: 1px;
|
||||
@tabularFluidWidth: ~"calc(100% + "(@tabularFluidOffset * 2)~")";
|
||||
|
||||
@tabularActiveBackground: none @white;
|
||||
@tabularActiveColor: @selectedTextColor;
|
||||
@tabularActiveBoxShadow: none;
|
||||
@tabularActiveWeight: bold;
|
||||
|
||||
|
||||
|
||||
/* Pagination */
|
||||
@paginationMinWidth: 3em;
|
||||
@paginationActiveBackground: @transparentBlack;
|
||||
@paginationActiveTextColor: @selectedTextColor;
|
||||
|
||||
/* Labeled Icon */
|
||||
@labeledIconItemHorizontalPadding: @relativeMassive;
|
||||
@labeledIconSize: @relativeMassive;
|
||||
@labeledIconMinWidth: 6em;
|
||||
@labeledIconTextMargin: 0.5rem;
|
||||
|
||||
|
||||
/* Text */
|
||||
@textMenuItemSpacing: @relative7px;
|
||||
@textMenuMargin: @relativeMedium -(@textMenuItemSpacing);
|
||||
@textMenuItemColor: @mutedTextColor;
|
||||
@textMenuItemFontWeight: normal;
|
||||
@textMenuItemMargin: 0em 0em;
|
||||
@textMenuItemPadding: @relative5px @textMenuItemSpacing;
|
||||
@textMenuItemTransition: opacity @defaultDuration @defaultEasing;
|
||||
|
||||
@textMenuSubMenuMargin: 0em;
|
||||
@textMenuSubMenuItemMargin: 0em;
|
||||
@textMenuSubMenuItemPadding: @relative7px 0em;
|
||||
|
||||
@textMenuActiveItemFontWeight: normal;
|
||||
@textMenuActiveItemColor: @selectedTextColor;
|
||||
|
||||
@textMenuHeaderSize: @relativeSmall;
|
||||
@textMenuHeaderColor: @darkTextColor;
|
||||
@textMenuHeaderFontWeight: bold;
|
||||
@textMenuHeaderTextTransform: uppercase;
|
||||
|
||||
@textVerticalMenuMargin: @relativeMedium 0em;
|
||||
@textVerticalMenuHeaderMargin: @relative8px 0em @relative10px;
|
||||
@textVerticalMenuItemMargin: @relative8px 0em;
|
||||
|
||||
@textVerticalMenuIconFloat: none;
|
||||
@textVerticalMenuIconMargin: @iconMargin;
|
||||
|
||||
|
||||
/*--------------
|
||||
Variations
|
||||
---------------*/
|
||||
|
||||
/* Inverted */
|
||||
@invertedBackground: @black;
|
||||
@invertedBoxShadow: none;
|
||||
@invertedBorder: 0px solid transparent;
|
||||
@invertedHeaderBackground: transparent;
|
||||
|
||||
@invertedItemBackground: transparent;
|
||||
@invertedItemTextColor: @invertedTextColor;
|
||||
|
||||
/* Inverted Sub Menu */
|
||||
@invertedSubMenuBackground: transparent;
|
||||
@invertedSubMenuColor: @invertedUnselectedTextColor;
|
||||
|
||||
/* Inverted Hover */
|
||||
@invertedHoverBackground: @transparentWhite;
|
||||
@invertedHoverColor: @invertedSelectedTextColor;
|
||||
|
||||
@invertedSubMenuHoverBackground: transparent;
|
||||
@invertedSubMenuHoverColor: @invertedSelectedTextColor;
|
||||
|
||||
/* Pressed */
|
||||
@invertedMenuPressedBackground: @transparentWhite;
|
||||
@invertedMenuPressedColor: @invertedSelectedTextColor;
|
||||
|
||||
/* Inverted Active */
|
||||
@invertedActiveBackground: @strongTransparentWhite;
|
||||
@invertedActiveColor: @invertedSelectedTextColor;
|
||||
@invertedArrowActiveColor: #3D3E3F;
|
||||
|
||||
/* Inverted Active Hover */
|
||||
@invertedActiveHoverBackground: @invertedActiveBackground;
|
||||
@invertedActiveHoverColor: @white;
|
||||
@invertedArrowActiveHoverColor: @invertedArrowActiveColor;
|
||||
|
||||
@invertedSubMenuActiveBackground: transparent;
|
||||
@invertedSubMenuActiveColor: @white;
|
||||
|
||||
/* Inverted Menu Divider */
|
||||
@invertedDividerBackground: rgba(255, 255, 255, 0.08);
|
||||
@invertedVerticalDividerBackground: @invertedDividerBackground;
|
||||
|
||||
/* Inverted Colored */
|
||||
@invertedColoredDividerBackground: @dividerBackground;
|
||||
@invertedColoredActiveBackground: @strongTransparentBlack;
|
||||
|
||||
/* Fixed */
|
||||
@fixedPrecedingGridMargin: 2.75rem;
|
||||
|
||||
/* Floated */
|
||||
@floatedDistance: 0.5rem;
|
||||
|
||||
/* Attached */
|
||||
@attachedTopOffset: 0px;
|
||||
@attachedBottomOffset: 0px;
|
||||
@attachedHorizontalOffset: -@borderWidth;
|
||||
@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
|
||||
@attachedBoxShadow: none;
|
||||
@attachedBorder: @borderWidth solid @solidBorderColor;
|
||||
@attachedBottomBoxShadow:
|
||||
@boxShadow,
|
||||
@attachedBoxShadow
|
||||
;
|
||||
|
||||
/* Resize large sizes */
|
||||
@mini: @11px;
|
||||
@tiny: @12px;
|
||||
@small: @13px;
|
||||
@large: @15px;
|
||||
@huge: @16px;
|
||||
@big: @17px;
|
||||
@massive: @18px;
|
||||
|
||||
/* Sizes */
|
||||
@miniWidth: 9rem;
|
||||
@tinyWidth: 11rem;
|
||||
@smallWidth: 13rem;
|
||||
@mediumWidth: 15rem;
|
||||
@largeWidth: 18rem;
|
||||
@hugeWidth: 20rem;
|
||||
@bigWidth: 22rem;
|
||||
@massiveWidth: 25rem;
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
158
semantic/src/themes/default/collections/message.variables
Normal file
158
semantic/src/themes/default/collections/message.variables
Normal file
@@ -0,0 +1,158 @@
|
||||
/*******************************
|
||||
Message
|
||||
*******************************/
|
||||
|
||||
// @textColor
|
||||
|
||||
/*-------------------
|
||||
Elements
|
||||
--------------------*/
|
||||
|
||||
@verticalMargin: 1em;
|
||||
@verticalPadding: 1em;
|
||||
@horizontalPadding: 1.5em;
|
||||
@padding: @verticalPadding @horizontalPadding;
|
||||
@background: #F8F8F9;
|
||||
@lineHeightOffset: ((@lineHeight - 1em) / 2);
|
||||
|
||||
@borderRadius: @defaultBorderRadius;
|
||||
@borderWidth: 1px;
|
||||
@borderShadow: 0px 0px 0px @borderWidth @strongBorderColor inset;
|
||||
@shadowShadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
|
||||
@boxShadow:
|
||||
@borderShadow,
|
||||
@shadowShadow
|
||||
;
|
||||
|
||||
@transition:
|
||||
opacity @defaultDuration @defaultEasing,
|
||||
color @defaultDuration @defaultEasing,
|
||||
background @defaultDuration @defaultEasing,
|
||||
box-shadow @defaultDuration @defaultEasing
|
||||
;
|
||||
|
||||
/* Header */
|
||||
@headerFontSize: @relativeLarge;
|
||||
@headerFontWeight: bold;
|
||||
@headerDisplay: block;
|
||||
@headerDistance: 0rem;
|
||||
@headerMargin: -@headerLineHeightOffset 0em @headerDistance 0em;
|
||||
@headerParagraphDistance: 0.25em;
|
||||
|
||||
/* Paragraph */
|
||||
@messageTextOpacity: 0.85;
|
||||
@messageParagraphMargin: 0.75em;
|
||||
|
||||
/* List */
|
||||
@listOpacity: 0.85;
|
||||
@listStylePosition: inside;
|
||||
@listMargin: 0.5em;
|
||||
@listItemIndent: 1em;
|
||||
@listItemMargin: 0.3em;
|
||||
|
||||
/* Icon */
|
||||
@iconDistance: 0.6em;
|
||||
|
||||
/* Close Icon */
|
||||
@closeTopDistance: @verticalPadding - @lineHeightOffset;
|
||||
@closeRightDistance: 0.5em;
|
||||
@closeOpacity: 0.7;
|
||||
@closeTransition: opacity @defaultDuration @defaultEasing;
|
||||
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Icon Message */
|
||||
@iconSize: 3em;
|
||||
@iconOpacity: 0.8;
|
||||
@iconContentDistance: 0rem;
|
||||
@iconVerticalAlign: middle;
|
||||
|
||||
/* Attached */
|
||||
@attachedXOffset: -1px;
|
||||
@attachedYOffset: -1px;
|
||||
@attachedBoxShadow: 0em 0em 0em @borderWidth @borderColor inset;
|
||||
@attachedBottomBoxShadow:
|
||||
@attachedBoxShadow,
|
||||
@subtleShadow
|
||||
;
|
||||
|
||||
/* Floating */
|
||||
@floatingBoxShadow:
|
||||
@borderShadow,
|
||||
@floatingShadow
|
||||
;
|
||||
|
||||
/* Colors */
|
||||
@redBoxShadow:
|
||||
0px 0px 0px @borderWidth @redBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@orangeBoxShadow:
|
||||
0px 0px 0px @borderWidth @orangeBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@yellowBoxShadow:
|
||||
0px 0px 0px @borderWidth @yellowBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@oliveBoxShadow:
|
||||
0px 0px 0px @borderWidth @oliveBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@greenBoxShadow:
|
||||
0px 0px 0px @borderWidth @greenBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@tealBoxShadow:
|
||||
0px 0px 0px @borderWidth @tealBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@blueBoxShadow:
|
||||
0px 0px 0px @borderWidth @blueBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@violetBoxShadow:
|
||||
0px 0px 0px @borderWidth @violetBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@purpleBoxShadow:
|
||||
0px 0px 0px @borderWidth @purpleBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@pinkBoxShadow:
|
||||
0px 0px 0px @borderWidth @pinkBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@brownBoxShadow:
|
||||
0px 0px 0px @borderWidth @brownBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
|
||||
/* Warning / Positive / Negative / Info */
|
||||
@positiveBoxShadow:
|
||||
0px 0px 0px @borderWidth @positiveBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@negativeBoxShadow:
|
||||
0px 0px 0px @borderWidth @negativeBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@infoBoxShadow:
|
||||
0px 0px 0px @borderWidth @infoBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@warningBoxShadow:
|
||||
0px 0px 0px @borderWidth @warningBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@errorBoxShadow:
|
||||
0px 0px 0px @borderWidth @errorBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
@successBoxShadow:
|
||||
0px 0px 0px @borderWidth @successBorderColor inset,
|
||||
@shadowShadow
|
||||
;
|
||||
246
semantic/src/themes/default/collections/table.variables
Normal file
246
semantic/src/themes/default/collections/table.variables
Normal file
@@ -0,0 +1,246 @@
|
||||
/*******************************
|
||||
Table
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@verticalMargin: 1em;
|
||||
@horizontalMargin: 0em;
|
||||
@margin: @verticalMargin @horizontalMargin;
|
||||
@borderCollapse: separate;
|
||||
@borderSpacing: 0px;
|
||||
@borderRadius: @defaultBorderRadius;
|
||||
@transition:
|
||||
background @defaultDuration @defaultEasing,
|
||||
color @defaultDuration @defaultEasing
|
||||
;
|
||||
@background: @white;
|
||||
@color: @textColor;
|
||||
@borderWidth: 1px;
|
||||
@border: @borderWidth solid @borderColor;
|
||||
@boxShadow: none;
|
||||
@textAlign: left;
|
||||
|
||||
/*--------------
|
||||
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: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
|
||||
@responsiveCellVerticalPadding: 0.25em;
|
||||
@responsiveCellHorizontalPadding: 0.75em;
|
||||
@responsiveCellBoxShadow: none !important;
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Definition */
|
||||
@definitionPageBackground: @white;
|
||||
|
||||
@definitionHeaderBackground: transparent;
|
||||
@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: 0px;
|
||||
|
||||
/* Positive */
|
||||
@positiveColor: @positiveTextColor;
|
||||
@positiveBoxShadow: @stateMarkerWidth 0px 0px @positiveBorderColor inset;
|
||||
@positiveBackgroundHover: darken(@positiveBackgroundColor, 3);
|
||||
@positiveColorHover: darken(@positiveColor, 3);
|
||||
|
||||
/* Negative */
|
||||
@negativeColor: @negativeTextColor;
|
||||
@negativeBoxShadow: @stateMarkerWidth 0px 0px @negativeBorderColor inset;
|
||||
@negativeBackgroundHover: darken(@negativeBackgroundColor, 3);
|
||||
@negativeColorHover: darken(@negativeColor, 3);
|
||||
|
||||
/* Error */
|
||||
@errorColor: @errorTextColor;
|
||||
@errorBoxShadow: @stateMarkerWidth 0px 0px @errorBorderColor inset;
|
||||
@errorBackgroundHover: darken(@errorBackgroundColor, 3);
|
||||
@errorColorHover: darken(@errorColor, 3);
|
||||
|
||||
/* Warning */
|
||||
@warningColor: @warningTextColor;
|
||||
@warningBoxShadow: @stateMarkerWidth 0px 0px @warningBorderColor inset;
|
||||
@warningBackgroundHover: darken(@warningBackgroundColor, 3);
|
||||
@warningColorHover: darken(@warningColor, 3);
|
||||
|
||||
/* Active */
|
||||
@activeColor: @textColor;
|
||||
@activeBackgroundColor: #E0E0E0;
|
||||
@activeBoxShadow: @stateMarkerWidth 0px 0px @activeColor inset;
|
||||
|
||||
@activeBackgroundHover: #EFEFEF;
|
||||
@activeColorHover: @selectedTextColor;
|
||||
|
||||
/*--------------
|
||||
Types
|
||||
---------------*/
|
||||
|
||||
/* Attached */
|
||||
@attachedTopOffset: 0px;
|
||||
@attachedBottomOffset: 0px;
|
||||
@attachedHorizontalOffset: -@borderWidth;
|
||||
@attachedWidth: ~"calc(100% + "-@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: 0em 0em @borderRadius @borderRadius;
|
||||
|
||||
/* Inverted */
|
||||
@invertedBackground: #333333;
|
||||
@invertedBorder: none;
|
||||
@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;
|
||||
Reference in New Issue
Block a user