diff options
Diffstat (limited to 'semantic/src/themes/default/collections')
12 files changed, 0 insertions, 1310 deletions
diff --git a/semantic/src/themes/default/collections/breadcrumb.overrides b/semantic/src/themes/default/collections/breadcrumb.overrides deleted file mode 100644 index 14fb0da..0000000 --- a/semantic/src/themes/default/collections/breadcrumb.overrides +++ /dev/null @@ -1,3 +0,0 @@ -/******************************* - Theme Overrides -*******************************/ diff --git a/semantic/src/themes/default/collections/breadcrumb.variables b/semantic/src/themes/default/collections/breadcrumb.variables deleted file mode 100644 index 48ef74d..0000000 --- a/semantic/src/themes/default/collections/breadcrumb.variables +++ /dev/null @@ -1,38 +0,0 @@ -/******************************* - Breadcrumb -*******************************/ - -/*------------------- - Breadcrumb ---------------------*/ - -@verticalMargin: 0; -@display: inline-block; -@verticalAlign: middle; - -@dividerSpacing: @3px; -@dividerOpacity: 0.7; -@dividerColor: @lightTextColor; - -@dividerSize: @relativeSmall; -@dividerVerticalAlign: baseline; - -@iconDividerSize: @relativeTiny; -@iconDividerVerticalAlign: baseline; - -@sectionMargin: 0; -@sectionPadding: 0; - -/* Coupling */ -@segmentPadding: @relativeMini @relativeMedium; - -/* Inverted */ -@invertedColor: @midWhite; -@invertedActiveColor: @white; -@invertedDividerColor: @invertedLightTextColor; - -/*------------------- - States ---------------------*/ - -@activeFontWeight: @bold; diff --git a/semantic/src/themes/default/collections/form.overrides b/semantic/src/themes/default/collections/form.overrides deleted file mode 100644 index 14fb0da..0000000 --- a/semantic/src/themes/default/collections/form.overrides +++ /dev/null @@ -1,3 +0,0 @@ -/******************************* - Theme Overrides -*******************************/ diff --git a/semantic/src/themes/default/collections/form.variables b/semantic/src/themes/default/collections/form.variables deleted file mode 100644 index d0a6357..0000000 --- a/semantic/src/themes/default/collections/form.variables +++ /dev/null @@ -1,170 +0,0 @@ -/******************************* - Form -*******************************/ - -/*------------------- - Elements ---------------------*/ - -/* Form */ -@gutterWidth: 1em; -@rowDistance: 1em; - -/* Text */ -@paragraphMargin: @rowDistance 0; - -/* Field */ -@fieldMargin: 0 0 @rowDistance; - -/* Fields */ -@fieldsMargin: 0 -(@gutterWidth / 2) @rowDistance; - -/* Form Label */ -@labelDistance: @4px; -@labelMargin: 0 0 @labelDistance 0; -@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: 0 0 0 0 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; -@checkboxLabelFieldTopMargin: 0.7em; -@checkboxFieldTopMargin: 1.2em; -@checkboxToggleFieldTopMargin: 1em; -@checkboxSliderFieldTopMargin: 1.4em; - -/* Inline Validation Prompt */ -@promptBackground: @white; -@promptBorderColor: @formErrorBorder; -@promptBorder: 1px solid @promptBorderColor; -@promptTextColor: @formErrorColor; -@inlinePromptMargin: -0.25em 0 -0.5em 0.5em; -@inlinePromptBorderWidth: 1px; - -/*------------------- - States ---------------------*/ - -/* Focus */ -@inputFocusPointerSize: 0; - -/* Input Focus */ -@inputFocusBackground: @inputBackground; -@inputFocusBorderColor: @focusedFormBorderColor; -@inputFocusColor: @selectedTextColor; -@inputFocusBoxShadow: @inputFocusPointerSize 0 0 0 @selectedBorderColor inset; -@inputFocusBorderRadius: @inputBorderRadius; - -/* Text Area Focus */ -@textAreaFocusBackground: @inputFocusBackground; -@textAreaFocusBorderColor: @inputFocusBorderColor; -@textAreaFocusColor: @inputFocusColor; -@textAreaFocusBoxShadow: @inputFocusBoxShadow; -@textAreaFocusBorderRadius: @inputFocusBorderRadius; - -/* Disabled */ -@disabledLabelOpacity: @disabledOpacity; - -/* Input states */ -@transparentPadding: @inputPadding; - -/* Loading Dimmer */ -@loaderDimmerColor: rgba(255, 255, 255, 0.8); -@loaderInvertedDimmerColor: rgba(0, 0, 0 , 0.85); -@loaderDimmerZIndex: 100; - -/* Loading Spinner */ -@loaderSize: 3em; -@loaderLineZIndex: 101; - -/*------------------- - Types ---------------------*/ - -/* Required */ -@requiredContent: '*'; -@requiredColor: @negativeColor; -@requiredVerticalOffset: -0.2em; -@requiredDistance: 0.2em; -@requiredMargin: @requiredVerticalOffset 0 0 @requiredDistance; - -/* Inverted */ -@invertedInputBackground: @inputBackground; -@invertedInputBorderColor: @whiteBorderColor; -@invertedInputBoxShadow: @inputBoxShadow; -@invertedInputColor: @inputColor; -@invertedLabelColor: @invertedTextColor; -@invertedInputBoxShadow: none; - -/*------------------- - Variations ---------------------*/ - -/* Grouped Fields */ -@groupedMargin: @fieldMargin; -@groupedFieldMargin: 0.5em 0; - -@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; -@inlineCalendarWidth: 13.11em; - -@groupedInlineLabelMargin: 0.035714em 1em 0 0; -@groupedInlineCheckboxBottomMargin: 0.4em; - -/*------------------- - Groups ---------------------*/ - -@inlineFieldsMargin: 0 1em 0 0; diff --git a/semantic/src/themes/default/collections/grid.overrides b/semantic/src/themes/default/collections/grid.overrides deleted file mode 100644 index 0e06821..0000000 --- a/semantic/src/themes/default/collections/grid.overrides +++ /dev/null @@ -1,4 +0,0 @@ -/******************************* - Theme Overrides -*******************************/ - diff --git a/semantic/src/themes/default/collections/grid.variables b/semantic/src/themes/default/collections/grid.variables deleted file mode 100644 index d286072..0000000 --- a/semantic/src/themes/default/collections/grid.variables +++ /dev/null @@ -1,119 +0,0 @@ -/******************************* - Grid -*******************************/ - -/* Inherited From Site */ - -// @mobileBreakpoint -// @tabletBreakpoint -// @computerBreakpoint -// @largeMonitorBreakpoint -// @widescreenMonitorBreakpoint - -/******************************* - Grid -*******************************/ - -@minWidth: 320px; - -@gutterWidth: 2rem; -@rowSpacing: 2rem; - -@tableWidth: e(%("calc(100%% + %d)", @gutterWidth)); -@columnMaxImageWidth: 100%; - -@consecutiveGridDistance: (@rowSpacing / 2); - -/******************************* - Variations -*******************************/ - -/*-------------- - Relaxed ----------------*/ - -@relaxedGutterWidth: 3rem; -@veryRelaxedGutterWidth: 5rem; - -/*-------------- - Divided ----------------*/ - -@dividedBorder: -1px 0 0 0 @borderColor; -@verticallyDividedBorder: 0 -1px 0 0 @borderColor; - -@dividedInvertedBorder: -1px 0 0 0 @whiteBorderColor; -@verticallyDividedInvertedBorder: 0 -1px 0 0 @whiteBorderColor; - -/*-------------- - Celled ----------------*/ - -@celledMargin: 1em 0; -@celledWidth: 1px; -@celledBorderColor: @solidBorderColor; - -@celledPadding: 1em; -@celledRelaxedPadding: 1.5em; -@celledVeryRelaxedPadding: 2em; - -@celledGridDivider: 0 0 0 @celledWidth @celledBorderColor; -@celledRowDivider: 0 (-@celledWidth) 0 0 @celledBorderColor; -@celledColumnDivider: (-@celledWidth) 0 0 0 @celledBorderColor; - - -/*-------------- - Stackable ----------------*/ - -@stackableRowSpacing: @rowSpacing; -@stackableGutter: @gutterWidth; -@stackableMobileBorder: 1px solid @borderColor; -@stackableInvertedMobileBorder: 1px solid @whiteBorderColor; - -/*-------------- - Compact ----------------*/ -@compactGutterWidth: @gutterWidth / 2; -@compactRowSpacing: @rowSpacing / 2; -@compactCelledRelaxedPadding: @celledRelaxedPadding / 2; -@compactCelledVeryRelaxedPadding: @celledVeryRelaxedPadding / 2; - -/*------------------ - Very Compact -------------------*/ -@veryCompactGutterWidth: @compactGutterWidth / 2; -@veryCompactRowSpacing: @compactRowSpacing / 2; -@veryCompactCelledRelaxedPadding: @compactCelledRelaxedPadding / 2; -@veryCompactCelledVeryRelaxedPadding: @compactCelledVeryRelaxedPadding / 2; - - -/******************************* - Legacy -*******************************/ - -/*-------------- - Page ----------------*/ - -/* Legacy (DO NOT USE) - */ -@mobileWidth: auto; -@mobileMargin: 0; -@mobileGutter: 0; - -@tabletWidth: auto; -@tabletMargin: 0; -@tabletGutter: 2em; - -@computerWidth: auto; -@computerMargin: 0; -@computerGutter: 3%; - -@largeMonitorWidth: auto; -@largeMonitorMargin: 0; -@largeMonitorGutter: 15%; - -@widescreenMonitorWidth: auto; -@widescreenMargin: 0; -@widescreenMonitorGutter: 23%; diff --git a/semantic/src/themes/default/collections/menu.overrides b/semantic/src/themes/default/collections/menu.overrides deleted file mode 100644 index 14fb0da..0000000 --- a/semantic/src/themes/default/collections/menu.overrides +++ /dev/null @@ -1,3 +0,0 @@ -/******************************* - Theme Overrides -*******************************/ diff --git a/semantic/src/themes/default/collections/menu.variables b/semantic/src/themes/default/collections/menu.variables deleted file mode 100644 index 9157f15..0000000 --- a/semantic/src/themes/default/collections/menu.variables +++ /dev/null @@ -1,483 +0,0 @@ -/******************************* - Menu -*******************************/ - -/*------------------- - Collection ---------------------*/ - -/* Menu */ -@verticalMargin: @medium; -@horizontalMargin: 0; -@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 0; -@subMenuFontSize: @relativeTiny; -@subMenuTextColor: rgba(0, 0, 0, 0.5); - -@subMenuIndent: 0; -@subMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent; -@subMenuVerticalPadding: 0.5em; - -/* Text Item */ -@textLineHeight: 1.3; - -/*-------------- - Elements ----------------*/ - -/* Icon */ -@iconFloat: none; -@iconMargin: 0 @relative5px 0 0; -@iconOpacity: 0.9; - -/* Dropdown Icon */ -@dropdownIconFloat: right; -@dropdownIconDistance: 1em; - -/* Header */ -@headerBackground: ''; -@headerWeight: @bold; -@headerTextTransform: @normal; - -/* Vertical Icon */ -@verticalIconFloat: right; -@verticalIconMargin: 0 0 0 0.5em; - -/* Vertical Header */ -@verticalHeaderMargin: 0 0 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: 0; -@buttonMargin: -0.5em 0; -@buttonVerticalPadding: @relativeMini; - -/* Input */ -@inputSize: @relativeMedium; -@inputVerticalMargin: -0.5em; -@inputOffset: 0; -@inputVerticalPadding: @relative8px; - -/* Image */ -@imageMargin: -0.3em 0; -@imageWidth: 2.5em; -@verticalImageWidth: auto; - -/* Label */ -@labelOffset: -0.15em; -@labelBackground: #999999; -@labelTextColor: @white; - -@labelTextMargin: 1em; -@labelVerticalPadding: 0.3em; -@circularLabelVerticalPadding: 0.5em; /* has to be equal to @circularPadding from label.less */ -@labelHorizontalPadding: @relativeMini; - -@labelAndIconFloat: none; -@labelAndIconMargin: 0 0.5em 0 0; - -/* Image Label */ -@imageLabelTextDistance: 0.8em; -@imageLabelVerticalPadding: 0.2833em; /* Calculates as: @verticalLabel (from label.less) - @labelVerticalPadding (from here) */ -@imageLabelHeight: (1em + @imageLabelVerticalPadding * 2); /* Logic adopted from label.less */ -@imageLabelImageMargin: -@imageLabelVerticalPadding @imageLabelTextDistance -@imageLabelVerticalPadding -@imageLabelTextDistance; - -/* Dropdown in Menu */ -@dropdownMenuBoxShadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - -@dropdownBackground: #FFFFFF; -@dropdownMenuDistance: 0; -@dropdownMenuBorderRadius: @borderRadius; - -@dropdownItemFontSize: @relativeMedium; -@dropdownItemPadding: @relativeMini @relativeLarge; -@dropdownItemBackground: transparent; -@dropdownItemColor: @textColor; -@dropdownItemTextTransform: none; -@dropdownItemFontWeight: @normal; -@dropdownItemBoxShadow: none; -@dropdownItemTransition: none; - -@dropdownItemIconFloat: none; -@dropdownItemIconFontSize: @relativeMedium; -@dropdownItemIconMargin: 0 0.75em 0 0; - -@dropdownHoveredItemBackground: @transparentBlack; -@dropdownHoveredItemColor: @selectedTextColor; - -/* Dropdown Variations */ -@dropdownVerticalMenuBoxShadow: 0 1px 3px 0 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: 0 -@secondaryItemSpacing; -@secondaryItemBackground: none; -@secondaryItemSpacing: @relative5px; -@secondaryItemMargin: 0 @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: 0 0 @secondaryItemVerticalSpacing; -@secondaryVerticalItemBorderRadius: @defaultBorderRadius; - -@secondaryMenuSubMenuMargin: 0 -@secondaryItemHorizontalPadding; -@secondaryMenuSubMenuItemMargin: 0; -@secondarySubMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent; -@secondaryMenuSubMenuItemPadding: @relative7px @secondarySubMenuHorizontalPadding; - -/* Pointing */ -@secondaryPointingBorderWidth: 2px; -@secondaryPointingBorderColor: @borderColor; -@secondaryPointingItemVerticalPadding: @relativeTiny; -@secondaryPointingItemHorizontalPadding: @relativeLarge; - -@secondaryPointingHoverTextColor: @textColor; - -@secondaryPointingActiveBorderColor: currentColor; -@secondaryPointingActiveTextColor: @selectedTextColor; -@secondaryPointingActiveFontWeight: @bold; - -@secondaryPointingActiveDropdownBorderColor: transparent; - -@secondaryPointingActiveHoverBorderColor: @secondaryPointingActiveBorderColor; -@secondaryPointingActiveHoverTextColor: @secondaryPointingActiveTextColor; - -@secondaryPointingHeaderColor: @darkTextColor; -@secondaryVerticalPointingItemMargin: 0 -@secondaryPointingBorderWidth 0 0; - - -/* Inverted Secondary */ -@secondaryInvertedColor: @invertedLightTextColor; - -@secondaryInvertedHoverBackground: @transparentWhite; -@secondaryInvertedHoverColor: @invertedSelectedTextColor; - -@secondaryInvertedActiveBackground: @strongTransparentWhite; -@secondaryInvertedActiveColor: @invertedSelectedTextColor; - -/* Inverted Pointing */ -@secondaryPointingInvertedBorderColor: @whiteBorderColor; -@secondaryPointingInvertedItemTextColor: @invertedTextColor; -@secondaryPointingInvertedItemHeaderColor: @white; -@secondaryPointingInvertedItemHoverTextColor: @invertedSelectedTextColor; -@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: e(%("calc(100%% + %d)", @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: 0 0; -@textMenuItemPadding: @relative5px @textMenuItemSpacing; -@textMenuItemTransition: opacity @defaultDuration @defaultEasing; - -@textMenuSubMenuMargin: 0; -@textMenuSubMenuItemMargin: 0; -@textMenuSubMenuItemPadding: @relative7px 0; - -@textMenuActiveItemFontWeight: @normal; -@textMenuActiveItemColor: @selectedTextColor; - -@textMenuHeaderSize: @relativeSmall; -@textMenuHeaderColor: @darkTextColor; -@textMenuHeaderFontWeight: @bold; -@textMenuHeaderTextTransform: uppercase; - -@textVerticalMenuMargin: @relativeMedium 0; -@textVerticalMenuHeaderMargin: @relative8px 0 @relative10px; -@textVerticalMenuItemMargin: @relative8px 0; - -@textVerticalMenuIconFloat: none; -@textVerticalMenuIconMargin: @iconMargin; - - -/*-------------- - Variations ----------------*/ - -/* Inverted */ -@invertedBackground: @black; -@invertedBoxShadow: none; -@invertedBorder: 0 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: @invertedArrowActiveColor; -@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: 0; -@attachedBottomOffset: 0; -@attachedHorizontalOffset: -@borderWidth; -@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); -@attachedBoxShadow: none; -@attachedBorder: @borderWidth solid @solidBorderColor; -@attachedBottomBoxShadow: - @boxShadow, - @attachedBoxShadow -; - -/* Resize large sizes */ -@mini: @11px; -@tiny: @12px; -@small: @13px; -@large: @15px; -@big: @16px; -@huge: @17px; -@massive: @18px; - -/* Sizes */ -@miniWidth: 9rem; -@tinyWidth: 11rem; -@smallWidth: 13rem; -@mediumWidth: 15rem; -@largeWidth: 18rem; -@bigWidth: 20rem; -@hugeWidth: 22rem; -@massiveWidth: 25rem; - - -/*------------------- - Inverted dropdowns ---------------------*/ -@invertedDropdownBackground: @black; -@invertedDropdownMenuBoxShadow: none; - -@invertedDropdownItemColor: @invertedMutedTextColor; - -@invertedDropdownHoveredItemBackground: @transparentWhite; -@invertedDropdownHoveredItemColor: @invertedDropdownItemColor; - -@invertedDropdownActiveItemBackground: transparent; -@invertedDropdownActiveItemColor: @invertedDropdownItemColor; - -@invertedDropdownSelectedItemBackground: @strongTransparentWhite; -@invertedDropdownSelectedItemColor: @invertedDropdownItemColor; diff --git a/semantic/src/themes/default/collections/message.overrides b/semantic/src/themes/default/collections/message.overrides deleted file mode 100644 index 14fb0da..0000000 --- a/semantic/src/themes/default/collections/message.overrides +++ /dev/null @@ -1,3 +0,0 @@ -/******************************* - Theme Overrides -*******************************/ diff --git a/semantic/src/themes/default/collections/message.variables b/semantic/src/themes/default/collections/message.variables deleted file mode 100644 index 7d75c29..0000000 --- a/semantic/src/themes/default/collections/message.variables +++ /dev/null @@ -1,234 +0,0 @@ -/******************************* - Message -*******************************/ - -// @textColor - -/*------------------- - Elements ---------------------*/ - -@verticalMargin: 1em; -@verticalPadding: 1em; -@horizontalPadding: 1.5em; -@padding: @verticalPadding @horizontalPadding; -@background: #F8F8F9; -@lineHeightOffset: ((@lineHeight - 1em) / 2); - -@borderRadius: @defaultBorderRadius; -@borderWidth: 1px; -@borderShadow: 0 0 0 @borderWidth @strongBorderColor inset; -@shadowShadow: 0 0 0 0 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: 0; -@headerMargin: -@headerLineHeightOffset 0 @headerDistance 0; -@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: 0; -@iconVerticalAlign: middle; - -/* Attached */ -@attachedXOffset: -1px; -@attachedYOffset: -1px; -@attachedBoxShadow: 0 0 0 @borderWidth @borderColor inset; -@attachedBottomBoxShadow: - @attachedBoxShadow, - @subtleShadow -; - -/* Floating */ -@floatingBoxShadow: - @borderShadow, - @floatingShadow -; - -/* Colors */ -@redBoxShadow: - 0 0 0 @borderWidth @redBorderColor inset, - @shadowShadow -; -@redBoxFloatingShadow: - 0 0 0 @borderWidth @redBorderColor inset, - @floatingShadow -; -@orangeBoxShadow: - 0 0 0 @borderWidth @orangeBorderColor inset, - @shadowShadow -; -@orangeBoxFloatingShadow: - 0 0 0 @borderWidth @orangeBorderColor inset, - @floatingShadow -; -@yellowBoxShadow: - 0 0 0 @borderWidth @yellowBorderColor inset, - @shadowShadow -; -@yellowBoxFloatingShadow: - 0 0 0 @borderWidth @yellowBorderColor inset, - @floatingShadow -; -@oliveBoxShadow: - 0 0 0 @borderWidth @oliveBorderColor inset, - @shadowShadow -; -@oliveBoxFloatingShadow: - 0 0 0 @borderWidth @oliveBorderColor inset, - @floatingShadow -; -@greenBoxShadow: - 0 0 0 @borderWidth @greenBorderColor inset, - @shadowShadow -; -@greenBoxFloatingShadow: - 0 0 0 @borderWidth @greenBorderColor inset, - @floatingShadow -; -@tealBoxShadow: - 0 0 0 @borderWidth @tealBorderColor inset, - @shadowShadow -; -@tealBoxFloatingShadow: - 0 0 0 @borderWidth @tealBorderColor inset, - @floatingShadow -; -@blueBoxShadow: - 0 0 0 @borderWidth @blueBorderColor inset, - @shadowShadow -; -@blueBoxFloatingShadow: - 0 0 0 @borderWidth @blueBorderColor inset, - @floatingShadow -; -@violetBoxShadow: - 0 0 0 @borderWidth @violetBorderColor inset, - @shadowShadow -; -@violetBoxFloatingShadow: - 0 0 0 @borderWidth @violetBorderColor inset, - @floatingShadow -; -@purpleBoxShadow: - 0 0 0 @borderWidth @purpleBorderColor inset, - @shadowShadow -; -@purpleBoxFloatingShadow: - 0 0 0 @borderWidth @purpleBorderColor inset, - @floatingShadow -; -@pinkBoxShadow: - 0 0 0 @borderWidth @pinkBorderColor inset, - @shadowShadow -; -@pinkBoxFloatingShadow: - 0 0 0 @borderWidth @pinkBorderColor inset, - @floatingShadow -; -@brownBoxShadow: - 0 0 0 @borderWidth @brownBorderColor inset, - @shadowShadow -; -@brownBoxFloatingShadow: - 0 0 0 @borderWidth @brownBorderColor inset, - @floatingShadow -; - -/* Warning / Positive / Negative / Info */ -@positiveBoxShadow: - 0 0 0 @borderWidth @positiveBorderColor inset, - @shadowShadow -; -@positiveBoxFloatingShadow: - 0 0 0 @borderWidth @positiveBorderColor inset, - @floatingShadow -; -@negativeBoxShadow: - 0 0 0 @borderWidth @negativeBorderColor inset, - @shadowShadow -; -@negativeBoxFloatingShadow: - 0 0 0 @borderWidth @negativeBorderColor inset, - @floatingShadow -; -@infoBoxShadow: - 0 0 0 @borderWidth @infoBorderColor inset, - @shadowShadow -; -@infoBoxFloatingShadow: - 0 0 0 @borderWidth @infoBorderColor inset, - @floatingShadow -; -@warningBoxShadow: - 0 0 0 @borderWidth @warningBorderColor inset, - @shadowShadow -; -@warningBoxFloatingShadow: - 0 0 0 @borderWidth @warningBorderColor inset, - @floatingShadow -; -@errorBoxShadow: - 0 0 0 @borderWidth @errorBorderColor inset, - @shadowShadow -; -@errorBoxFloatingShadow: - 0 0 0 @borderWidth @errorBorderColor inset, - @floatingShadow -; -@successBoxShadow: - 0 0 0 @borderWidth @successBorderColor inset, - @shadowShadow -; -@successBoxFloatingShadow: - 0 0 0 @borderWidth @successBorderColor inset, - @floatingShadow -; - -@miniMessageSize: @relativeMini; -@tinyMessageSize: @relativeTiny; -@smallMessageSize: @relativeSmall; -@largeMessageSize: @relativeLarge; -@bigMessageSize: @relativeBig; -@hugeMessageSize: @relativeHuge; -@massiveMessageSize: @relativeMassive;
\ No newline at end of file diff --git a/semantic/src/themes/default/collections/table.overrides b/semantic/src/themes/default/collections/table.overrides deleted file mode 100644 index e69de29..0000000 --- a/semantic/src/themes/default/collections/table.overrides +++ /dev/null diff --git a/semantic/src/themes/default/collections/table.variables b/semantic/src/themes/default/collections/table.variables deleted file mode 100644 index 03f2b8e..0000000 --- a/semantic/src/themes/default/collections/table.variables +++ /dev/null @@ -1,250 +0,0 @@ -/******************************* - 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: inherit; -@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; |