|
@ -3,37 +3,38 @@ |
|
|
*******************************/ |
|
|
*******************************/ |
|
|
|
|
|
|
|
|
/* Search Prompt */ |
|
|
/* Search Prompt */ |
|
|
@promptFontSize: 1em; |
|
|
|
|
|
|
|
|
@promptFontSize: @relativeMedium; |
|
|
@promptVerticalPadding: 0.78571em; |
|
|
@promptVerticalPadding: 0.78571em; |
|
|
@promptHorizontalPadding: 1em; |
|
|
@promptHorizontalPadding: 1em; |
|
|
@promptLineHeight: 1.2; |
|
|
|
|
|
|
|
|
@promptLineHeight: 1.2142em; |
|
|
@promptPadding: (@promptVerticalPadding + ((1em - @promptLineHeight) / 2)) @promptHorizontalPadding; |
|
|
@promptPadding: (@promptVerticalPadding + ((1em - @promptLineHeight) / 2)) @promptHorizontalPadding; |
|
|
@promptBackground: #FFFFFF; |
|
|
|
|
|
|
|
|
@promptBackground: @white; |
|
|
@promptBorder: 1px solid @borderColor; |
|
|
@promptBorder: 1px solid @borderColor; |
|
|
@promptBorderRadius: @circularRadius; |
|
|
@promptBorderRadius: @circularRadius; |
|
|
@promptColor: @textColor; |
|
|
@promptColor: @textColor; |
|
|
@promptTransition: |
|
|
@promptTransition: |
|
|
background-color 0.2s ease, |
|
|
|
|
|
color 0.2s ease, |
|
|
|
|
|
box-shadow 0.2s ease, |
|
|
|
|
|
border-color 0.2s ease |
|
|
|
|
|
|
|
|
background-color @transitionDuration @transitionEasing, |
|
|
|
|
|
color @transitionDuration @transitionEasing, |
|
|
|
|
|
box-shadow @transitionDuration @transitionEasing, |
|
|
|
|
|
border-color @transitionDuration @transitionEasing |
|
|
; |
|
|
; |
|
|
@promptBoxShadow: 0em 0em 0em 0em transparent inset; |
|
|
@promptBoxShadow: 0em 0em 0em 0em transparent inset; |
|
|
|
|
|
|
|
|
/* Result Box */ |
|
|
/* Result Box */ |
|
|
@resultsWidth: 16em; |
|
|
|
|
|
|
|
|
@resultsWidth: 18em; |
|
|
@resultsBackground: #FFFFFF; |
|
|
@resultsBackground: #FFFFFF; |
|
|
@resultsDistance: 0.5em; |
|
|
@resultsDistance: 0.5em; |
|
|
@resultsBorderRadius: 0.25em; |
|
|
|
|
|
@resultsBoxShadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); |
|
|
|
|
|
|
|
|
@resultsBorderRadius: @defaultBorderRadius; |
|
|
|
|
|
@resultsBoxShadow: 0px 1px 3px 1px @borderColor; |
|
|
|
|
|
|
|
|
/* Result */ |
|
|
/* Result */ |
|
|
@resultFontSize: 1em; |
|
|
@resultFontSize: 1em; |
|
|
@resultVerticalPadding: 0.5em; |
|
|
@resultVerticalPadding: 0.5em; |
|
|
@resultHorizontalPadding: 1em; |
|
|
|
|
|
|
|
|
@resultHorizontalPadding: @relativeLarge; |
|
|
|
|
|
@resultPadding: @resultVerticalPadding @resultHorizontalPadding; |
|
|
@resultTextColor: @textColor; |
|
|
@resultTextColor: @textColor; |
|
|
@resultLineHeight: 1.33; |
|
|
@resultLineHeight: 1.33; |
|
|
@resultDivider: 1px solid @borderColor; |
|
|
|
|
|
|
|
|
@resultDivider: 1px solid @internalBorderColor; |
|
|
@resultLastDivider: none; |
|
|
@resultLastDivider: none; |
|
|
|
|
|
|
|
|
/* Result Image */ |
|
|
/* Result Image */ |
|
@ -47,12 +48,12 @@ |
|
|
/* Result Content */ |
|
|
/* Result Content */ |
|
|
@resultTitleFont: @headerFont; |
|
|
@resultTitleFont: @headerFont; |
|
|
@resultTitleFontWeight: bold; |
|
|
@resultTitleFontWeight: bold; |
|
|
@resultTitleFontSize: 1em; |
|
|
|
|
|
|
|
|
@resultTitleFontSize: @relativeMedium; |
|
|
@resultTitleColor: @darkTextColor; |
|
|
@resultTitleColor: @darkTextColor; |
|
|
|
|
|
|
|
|
/* Description */ |
|
|
/* Description */ |
|
|
@resultDescriptionFontSize: 0.9285em; |
|
|
|
|
|
@resultDescriptionDistance: 0em; |
|
|
|
|
|
|
|
|
@resultDescriptionFontSize: @relativeSmall; |
|
|
|
|
|
@resultDescriptionDistance: 0; |
|
|
@resultDescriptionColor: @lightTextColor; |
|
|
@resultDescriptionColor: @lightTextColor; |
|
|
|
|
|
|
|
|
/* Price */ |
|
|
/* Price */ |
|
@ -65,7 +66,7 @@ |
|
|
@messageHeaderFontSize: 1.1428em; |
|
|
@messageHeaderFontSize: 1.1428em; |
|
|
@messageHeaderFontWeight: bold; |
|
|
@messageHeaderFontWeight: bold; |
|
|
@messageHeaderColor: @textColor; |
|
|
@messageHeaderColor: @textColor; |
|
|
@messageDescriptionDistance: 0.25rem; |
|
|
|
|
|
|
|
|
@messageDescriptionDistance: 0.75rem; |
|
|
@messageDescriptionFontSize: 1em; |
|
|
@messageDescriptionFontSize: 1em; |
|
|
@messageDescriptionColor: @textColor; |
|
|
@messageDescriptionColor: @textColor; |
|
|
|
|
|
|
|
@ -99,7 +100,7 @@ |
|
|
/* Active Result */ |
|
|
/* Active Result */ |
|
|
@resultActiveBorderLeft: transparent; |
|
|
@resultActiveBorderLeft: transparent; |
|
|
@resultActiveBackground: @darkWhite; |
|
|
@resultActiveBackground: @darkWhite; |
|
|
@resultActiveBoxShadow: 3px 0px 3px 0px @borderColor; |
|
|
|
|
|
|
|
|
@resultActiveBoxShadow: none; |
|
|
@resultActiveTitleColor: @darkTextColor; |
|
|
@resultActiveTitleColor: @darkTextColor; |
|
|
@resultActiveDescriptionColor: @darkTextColor; |
|
|
@resultActiveDescriptionColor: @darkTextColor; |
|
|
@resultsZIndex: 998; |
|
|
@resultsZIndex: 998; |
|
@ -122,8 +123,9 @@ |
|
|
|
|
|
|
|
|
@categoryResultBackground: @white; |
|
|
@categoryResultBackground: @white; |
|
|
@categoryResultLeftBorder: 1px solid @borderColor; |
|
|
@categoryResultLeftBorder: 1px solid @borderColor; |
|
|
@categoryResultDivider: 1px solid @borderColor; |
|
|
|
|
|
|
|
|
@categoryResultDivider: @resultDivider; |
|
|
@categoryResultLastDivider: none; |
|
|
@categoryResultLastDivider: none; |
|
|
|
|
|
@categoryResultPadding: @resultPadding; |
|
|
@categoryResultTransition: @categoryTransition; |
|
|
@categoryResultTransition: @categoryTransition; |
|
|
|
|
|
|
|
|
@categoryNameWidth: 100px; |
|
|
@categoryNameWidth: 100px; |
|
|