github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/src/themes/shipyard/modules/search.variables (about)

     1  /*******************************
     2              Search
     3  *******************************/
     4  
     5  /* Search Prompt */
     6  @promptFontSize: 1em;
     7  @promptVerticalPadding: 0.78571em;
     8  @promptHorizontalPadding: 1em;
     9  @promptLineHeight: 1.2;
    10  @promptPadding: (@promptVerticalPadding + ((1em - @promptLineHeight) / 2)) @promptHorizontalPadding;
    11  @promptBackground: #FFFFFF;
    12  @promptBorder: 1px solid @borderColor;
    13  @promptBorderRadius: @circularRadius;
    14  @promptColor: @textColor;
    15  @promptTransition:
    16    background-color 0.2s ease,
    17    color 0.2s ease,
    18    box-shadow 0.2s ease,
    19    border-color 0.2s ease
    20  ;
    21  @promptBoxShadow: 0em 0em 0em 0em transparent inset;
    22  
    23  /* Result Box */
    24  @resultsWidth: 16em;
    25  @resultsBackground: #FFFFFF;
    26  @resultsDistance: 0.5em;
    27  @resultsBorderRadius: 0.25em;
    28  @resultsBoxShadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
    29  
    30  /* Result */
    31  @resultFontSize: 1em;
    32  @resultVerticalPadding: 0.5em;
    33  @resultHorizontalPadding: 1em;
    34  @resultTextColor: @textColor;
    35  @resultLineHeight: 1.33;
    36  @resultDivider: 1px solid @borderColor;
    37  @resultLastDivider: none;
    38  
    39  /* Result Image */
    40  @resultImageFloat: right;
    41  @resultImageBackground: none;
    42  @resultImageWidth: 5em;
    43  @resultImageHeight: 3em;
    44  @resultImageBorderRadius: 0.25em;
    45  @resultImageMargin: 0em 6em 0em 0em;
    46  
    47  /* Result Content */
    48  @resultTitleFont: @headerFont;
    49  @resultTitleFontWeight: bold;
    50  @resultTitleFontSize: 1em;
    51  @resultTitleColor: @darkTextColor;
    52  
    53  /* Description */
    54  @resultDescriptionFontSize: 0.9285em;
    55  @resultDescriptionDistance: 0em;
    56  @resultDescriptionColor: @lightTextColor;
    57  
    58  /* Price */
    59  @resultPriceFloat: right;
    60  @resultPriceColor: @green;
    61  
    62  /* Special Message */
    63  @messageVerticalPadding: 1em;
    64  @messageHorizontalPadding: 1em;
    65  @messageHeaderFontSize: 1.1428em;
    66  @messageHeaderFontWeight: bold;
    67  @messageHeaderColor: @textColor;
    68  @messageDescriptionDistance: 0.25rem;
    69  @messageDescriptionFontSize: 1em;
    70  @messageDescriptionColor: @textColor;
    71  
    72  /* All Results Link */
    73  @actionBorder: none;
    74  @actionBackground: @darkWhite;
    75  @actionPadding: 0.5em 1em;
    76  @actionColor: @textColor;
    77  @actionFontWeight: bold;
    78  @actionAlign: center;
    79  
    80  
    81  /*******************************
    82              States
    83  *******************************/
    84  
    85  /* Hover */
    86  @resultHoverBackground: @offWhite;
    87  @actionHoverBackground: #E0E0E0;
    88  
    89  /* Loading */
    90  @loaderSize: 1.2857em;
    91  @loaderOffset: -(@loaderSize / 2);
    92  @loaderMargin: @loaderOffset 0em 0em @loaderOffset;
    93  @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
    94  
    95  /* Active Category */
    96  @categoryActiveBackground: @darkWhite;
    97  @categoryNameActiveColor: @textColor;
    98  
    99  /* Active Result */
   100  @resultActiveBorderLeft: transparent;
   101  @resultActiveBackground: @darkWhite;
   102  @resultActiveBoxShadow: 3px 0px 3px 0px @borderColor;
   103  @resultActiveTitleColor: @darkTextColor;
   104  @resultActiveDescriptionColor: @darkTextColor;
   105  @resultsZIndex: 998;
   106  
   107  
   108  /*******************************
   109              Types
   110  *******************************/
   111  
   112  /* Category */
   113  @categoryBackground: @darkWhite;
   114  @categoryBoxShadow: none;
   115  @categoryDivider: 1px solid @borderColor;
   116  @categoryTransition:
   117    background 0.2s ease,
   118    border-color 0.2s ease
   119  ;
   120  
   121  @categoryResultsWidth: 28em;
   122  
   123  @categoryResultBackground: @white;
   124  @categoryResultLeftBorder: 1px solid @borderColor;
   125  @categoryResultDivider: 1px solid @borderColor;
   126  @categoryResultLastDivider: none;
   127  @categoryResultTransition: @categoryTransition;
   128  
   129  @categoryNameWidth: 100px;
   130  @categoryNameBackground: @darkWhite;
   131  @categoryNameFont: @pageFont;
   132  @categoryNameFontSize: 1em;
   133  @categoryNameFloat: left;
   134  @categoryNamePadding: 0.4em 1em;
   135  @categoryNameFontWeight: bold;
   136  @categoryNameColor: @lightTextColor;
   137  
   138  /* Sizes */
   139  @medium: 1em;
   140  @large: 1.1em;