You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
3.3 KiB
134 lines
3.3 KiB
/*******************************
|
|
Search
|
|
*******************************/
|
|
|
|
/* Search Prompt */
|
|
@promptFontSize: 1em;
|
|
@promptVerticalPadding: 0.8em;
|
|
@promptHorizontalPadding: 1em;
|
|
@promptLineHeight: 1.2;
|
|
@promptPadding: (@promptVerticalPadding + ((1em - @promptLineHeight) / 2)) @promptHorizontalPadding;
|
|
@promptBackground: #FFFFFF;
|
|
@promptBorder: 1px solid @borderColor;
|
|
@promptBorderRadius: @circularRadius;
|
|
@promptColor: @textColor;
|
|
@promptTransition:
|
|
background-color 0.2s ease,
|
|
color 0.2s ease,
|
|
box-shadow 0.2s ease,
|
|
border-color 0.2s ease
|
|
;
|
|
@promptBoxShadow: 0em 0em 0em 0em transparent inset;
|
|
|
|
/* Result Box */
|
|
@resultsBackground: #FFFFFF;
|
|
@resultsDistance: 0.5em;
|
|
@resultsWidth: 380px;
|
|
@resultsBorderRadius: 0.25em;
|
|
@resultsBoxShadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
|
|
|
|
/* Result */
|
|
@resultFontSize: 0.9285em;
|
|
@resultVerticalPadding: 0.5em;
|
|
@resultHorizontalPadding: 1em;
|
|
@resultTextColor: @textColor;
|
|
@resultLineHeight: 1.33;
|
|
|
|
/* Result Image */
|
|
@resultImageFloat: right;
|
|
@resultImageBackground: none;
|
|
@resultImageWidth: 5em;
|
|
@resultImageHeight: 3em;
|
|
@resultImageBorderRadius: 0.25em;
|
|
@resultImageMargin: 0em 6em 0em 0em;
|
|
|
|
/* Result Content */
|
|
@resultTitleFont: @headerFont;
|
|
@resultTitleFontWeight: bold;
|
|
@resultTitleFontSize: 1.1em;
|
|
@resultTitleColor: @darkTextColor;
|
|
|
|
/* Description */
|
|
@resultDescriptionDistance: 0.25em;
|
|
@resultDescriptionColor: @lightTextColor;
|
|
|
|
/* Price */
|
|
@resultPriceFloat: right;
|
|
@resultPriceColor: @green;
|
|
|
|
/* Special Message */
|
|
@messageVerticalPadding: 1em;
|
|
@messageHorizontalPadding: 1em;
|
|
@messageHeaderFontSize: 1.2em;
|
|
@messageHeaderFontWeight: bold;
|
|
@messageHeaderColor: @textColor;
|
|
@messageDescriptionDistance: 0.25rem;
|
|
@messageDescriptionFontSize: 1rem;
|
|
@messageDescriptionColor: @textColor;
|
|
|
|
/* All Results Link */
|
|
@actionBorder: 1px solid @borderColor;
|
|
@actionBackground: #F0F0F0;
|
|
@actionHeight: 2em;
|
|
@actionColor: @textColor;
|
|
@actionFontWeight: bold;
|
|
@actionAlign: center;
|
|
|
|
|
|
/*******************************
|
|
States
|
|
*******************************/
|
|
|
|
/* Hover */
|
|
@resultHoverBackground: @offWhite;
|
|
@actionHoverBackground: @offWhite;
|
|
|
|
/* Loading */
|
|
@loaderSize: 1.2857em;
|
|
@loaderOffset: -(@loaderSize / 2);
|
|
@loaderMargin: @loaderOffset 0em 0em @loaderOffset;
|
|
@invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
|
|
|
|
/* Active Category */
|
|
@categoryActiveBackground: @darkWhite;
|
|
@categoryNameActiveColor: @textColor;
|
|
|
|
/* Active Result */
|
|
@resultActiveBorderLeft: transparent;
|
|
@resultActiveBackground: @darkWhite;
|
|
@resultActiveBoxShadow: 3px 0px 3px 0px @borderColor;
|
|
@resultActiveTitleColor: @darkTextColor;
|
|
@resultActiveDescriptionColor: @darkTextColor;
|
|
|
|
|
|
/*******************************
|
|
Types
|
|
*******************************/
|
|
|
|
/* Category */
|
|
@categoryBackground: @darkWhite;
|
|
@categoryBoxShadow: none;
|
|
@categoryDivider: 1px solid @borderColor;
|
|
@categoryTransition:
|
|
background 0.2s ease,
|
|
border-color 0.2s ease
|
|
;
|
|
|
|
@categoryResultBackground: @white;
|
|
@categoryResultLeftBorder: 1px solid @borderColor;
|
|
@categoryResultDivider: 1px solid @borderColor;
|
|
@categoryResultLastDivider: none;
|
|
@categoryResultTransition: @categoryTransition;
|
|
|
|
@categoryNameBackground: @darkWhite;
|
|
@categoryNameFont: @pageFont;
|
|
@categoryNameFontSize: 0.9em;
|
|
@categoryNameFloat: left;
|
|
@categoryNamePadding: 0.4em 1em;
|
|
@categoryNameFontWeight: bold;
|
|
@categoryNameColor: @lightTextColor;
|
|
@categoryNameWidth: 100px;
|
|
|
|
/* Sizes */
|
|
@medium: 1em;
|
|
@large: 1.1em;
|