aboutsummaryrefslogtreecommitdiff
path: root/semantic/src/themes/default/collections/menu.variables
diff options
context:
space:
mode:
Diffstat (limited to 'semantic/src/themes/default/collections/menu.variables')
-rw-r--r--semantic/src/themes/default/collections/menu.variables483
1 files changed, 0 insertions, 483 deletions
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;