|
25 | 25 | }
|
26 | 26 |
|
27 | 27 | /* STATS */
|
| 28 | +.ais-stats { |
| 29 | +} |
| 30 | +.ais-stats--time { |
| 31 | + font-size: small; |
| 32 | +} |
28 | 33 |
|
29 | 34 | /* INDEX SELECTOR */
|
30 | 35 | .ais-index-selector {
|
|
35 | 40 | /* HITS */
|
36 | 41 |
|
37 | 42 | /* PAGINATION */
|
| 43 | +.ais-pagination { |
| 44 | +} |
| 45 | +.ais-pagination--item { |
| 46 | +} |
| 47 | +.ais-pagination--item__disabled { |
| 48 | + visibility: hidden; |
| 49 | +} |
| 50 | +.ais-pagination--item-first { |
| 51 | +} |
| 52 | +.ais-pagination--item-previous { |
| 53 | +} |
| 54 | +.ais-pagination--item-page { |
| 55 | +} |
| 56 | +.ais-pagination--item-page__active { |
| 57 | +} |
| 58 | +.ais-pagination--item-next { |
| 59 | +} |
| 60 | +.ais-pagination--item-last { |
| 61 | +} |
38 | 62 |
|
39 | 63 | /* REFINEMENT LIST */
|
| 64 | +.ais-refinement-list--list { |
| 65 | +} |
| 66 | +.ais-refinement-list--item { |
| 67 | +} |
| 68 | +.ais-refinement-list--item__active { |
| 69 | +} |
| 70 | +.ais-refinement-list--label { |
| 71 | +} |
| 72 | +.ais-refinement-list--checkbox { |
| 73 | +} |
| 74 | +.ais-refinement-list--count { |
| 75 | +} |
40 | 76 |
|
41 | 77 | /* MENU */
|
42 | 78 |
|
|
45 | 81 | /* HIERARCHICAL MENU */
|
46 | 82 |
|
47 | 83 | /* RANGE SLIDER */
|
| 84 | +.ais-range-slider--target, |
| 85 | +.ais-range-slider--target * { |
| 86 | + box-sizing: border-box; |
| 87 | +} |
| 88 | +.ais-range-slider--target { |
| 89 | + position: relative; |
| 90 | + direction: ltr; |
| 91 | + background: #f3f4f7; |
| 92 | + height: 18px; |
| 93 | +} |
| 94 | +.ais-range-slider--base { |
| 95 | + width: 100%; |
| 96 | + height: 100%; |
| 97 | + position: relative; |
| 98 | + z-index: 1; /* Fix 401 */ |
| 99 | +} |
| 100 | +.ais-range-slider--origin { |
| 101 | + position: absolute; |
| 102 | + right: 0; |
| 103 | + top: 0; |
| 104 | + left: 0; |
| 105 | + bottom: 0; |
| 106 | +} |
| 107 | +.ais-range-slider--state-tap .ais-range-slider--origin { |
| 108 | + transition: left .3s, top .3s; |
| 109 | +} |
| 110 | +.ais-range-slider--state-drag * { |
| 111 | + cursor: inherit !important; |
| 112 | +} |
| 113 | + |
| 114 | +/* Painting and performance; |
| 115 | + * Browsers can paint handles in their own layer. |
| 116 | + */ |
| 117 | +.ais-range-slider--base { |
| 118 | + transform: translate3d(0, 0, 0); |
| 119 | +} |
| 120 | + |
| 121 | +.ais-range-slider--connect { |
| 122 | + background: #46aeda; |
| 123 | + transition: background 450ms; |
| 124 | +} |
| 125 | + |
| 126 | +.ais-range-slider--background { |
| 127 | + background: #f3f4f7; |
| 128 | +} |
| 129 | + |
| 130 | +.ais-range-slider--handle { |
| 131 | + width: 1px; |
| 132 | + height: 28px; |
| 133 | + position: relative; |
| 134 | + z-index: 1; |
| 135 | + background: #8191b1; |
| 136 | + cursor: pointer; |
| 137 | +} |
| 138 | + |
| 139 | +.ais-range-slider--handle-lower { |
| 140 | + bottom: 10px; |
| 141 | +} |
48 | 142 |
|
| 143 | +.ais-range-slider--active { |
| 144 | + background: #1f3b5d; |
| 145 | +} |
| 146 | + |
| 147 | +.ais-range-slider--tooltip { |
| 148 | + position: absolute; |
| 149 | + color: #1f3b5d; |
| 150 | + border: 1px solid #8191b1; |
| 151 | + background: #ffffff; |
| 152 | + padding: 2px 3px; |
| 153 | +} |
| 154 | + |
| 155 | +.ais-range-slider--handle:hover { |
| 156 | + background: #1f3b5d; |
| 157 | +} |
| 158 | + |
| 159 | +.ais-range-slider--active .ais-range-slider--tooltip, .ais-range-slider--handle:hover .ais-range-slider--tooltip { |
| 160 | + background: #46aeda; |
| 161 | + color: #ffffff; |
| 162 | + border-color: #1f3b5d; |
| 163 | +} |
| 164 | + |
| 165 | +.ais-range-slider--handle-lower .ais-range-slider--tooltip { |
| 166 | + border-radius: 5px 5px 5px 0; |
| 167 | + top: -24px; |
| 168 | +} |
| 169 | + |
| 170 | +.ais-range-slider--handle-upper .ais-range-slider--tooltip { |
| 171 | + bottom: -24px; |
| 172 | + border-radius: 5px 0 5px 5px; |
| 173 | + right: 0; |
| 174 | +} |
0 commit comments