diff options
Diffstat (limited to 'src/wwwroot/libraries/fomantic/src/themes/default/collections')
12 files changed, 1308 insertions, 0 deletions
diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/breadcrumb.overrides b/src/wwwroot/libraries/fomantic/src/themes/default/collections/breadcrumb.overrides new file mode 100644 index 0000000..14fb0da --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/breadcrumb.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/breadcrumb.variables b/src/wwwroot/libraries/fomantic/src/themes/default/collections/breadcrumb.variables new file mode 100644 index 0000000..48ef74d --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/breadcrumb.variables @@ -0,0 +1,38 @@ +/******************************* + 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/src/wwwroot/libraries/fomantic/src/themes/default/collections/form.overrides b/src/wwwroot/libraries/fomantic/src/themes/default/collections/form.overrides new file mode 100644 index 0000000..14fb0da --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/form.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/form.variables b/src/wwwroot/libraries/fomantic/src/themes/default/collections/form.variables new file mode 100644 index 0000000..3035ac1 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/form.variables @@ -0,0 +1,168 @@ +/******************************* + 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; + +@groupedInlineLabelMargin: 0.035714em 1em 0 0; + +/*------------------- + Groups +--------------------*/ + +@inlineFieldsMargin: 0 1em 0 0; diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/grid.overrides b/src/wwwroot/libraries/fomantic/src/themes/default/collections/grid.overrides new file mode 100644 index 0000000..0e06821 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/grid.overrides @@ -0,0 +1,4 @@ +/******************************* + Theme Overrides +*******************************/ + diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/grid.variables b/src/wwwroot/libraries/fomantic/src/themes/default/collections/grid.variables new file mode 100644 index 0000000..d286072 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/grid.variables @@ -0,0 +1,119 @@ +/******************************* + 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/src/wwwroot/libraries/fomantic/src/themes/default/collections/menu.overrides b/src/wwwroot/libraries/fomantic/src/themes/default/collections/menu.overrides new file mode 100644 index 0000000..14fb0da --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/menu.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/menu.variables b/src/wwwroot/libraries/fomantic/src/themes/default/collections/menu.variables new file mode 100644 index 0000000..9157f15 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/menu.variables @@ -0,0 +1,483 @@ +/******************************* + 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/src/wwwroot/libraries/fomantic/src/themes/default/collections/message.overrides b/src/wwwroot/libraries/fomantic/src/themes/default/collections/message.overrides new file mode 100644 index 0000000..14fb0da --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/message.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/message.variables b/src/wwwroot/libraries/fomantic/src/themes/default/collections/message.variables new file mode 100644 index 0000000..7d75c29 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/message.variables @@ -0,0 +1,234 @@ +/******************************* + 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/src/wwwroot/libraries/fomantic/src/themes/default/collections/table.overrides b/src/wwwroot/libraries/fomantic/src/themes/default/collections/table.overrides new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/table.overrides diff --git a/src/wwwroot/libraries/fomantic/src/themes/default/collections/table.variables b/src/wwwroot/libraries/fomantic/src/themes/default/collections/table.variables new file mode 100644 index 0000000..ed60bc3 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/src/themes/default/collections/table.variables @@ -0,0 +1,250 @@ +/******************************* + 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: middle; +@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; |