@@ -27,8 +27,13 @@ API is unstable. We welcome any idea and pull request.
27
27
- [ Templates] ( #templates )
28
28
- [ Examples] ( #examples )
29
29
- [ Template configuration] ( #template-configuration )
30
+ - [ Themes] ( #themes )
30
31
- [ Development workflow] ( #development-workflow )
31
32
- [ Test] ( #test )
33
+ - [ Instant search configuration] ( #instant-search-configuration )
34
+ - [ Number locale] ( #number-locale )
35
+ - [ Initial search parameters] ( #initial-search-parameters )
36
+ - [ URL synchronisation] ( #url-synchronisation )
32
37
- [ Available widgets] ( #available-widgets )
33
38
- [ searchBox] ( #searchbox )
34
39
- [ stats] ( #stats )
@@ -39,7 +44,6 @@ API is unstable. We welcome any idea and pull request.
39
44
- [ refinementList] ( #refinementlist )
40
45
- [ menu] ( #menu )
41
46
- [ rangeSlider] ( #rangeslider )
42
- - [ urlSync] ( #urlsync )
43
47
- [ hierarchicalMenu] ( #hierarchicalmenu )
44
48
- [ Browser support] ( #browser-support )
45
49
@@ -184,6 +188,23 @@ You can configure the options passed to `Hogan.compile` by using `search.templat
184
188
185
189
Theses options will be passed to the ` Hogan.compile ` calls when you pass a custom template.
186
190
191
+ ## Themes
192
+
193
+ To help get you started, we provide a default theme for the widgets. This is
194
+ just a ` css ` file that you have to add to your page to add basic styling.
195
+
196
+ It is available from [ jsDelivr] ( http://www.jsdelivr.com/ ) :
197
+
198
+ ``` html
199
+ <link rel =" stylesheet" href =" //cdn.jsdelivr.net/instantsearch.js/0/themes/default.min.css" >
200
+ <!-- or the unminified version -->
201
+ <link rel =" stylesheet" href =" //cdn.jsdelivr.net/instantsearch.js/0/themes/default.css" >
202
+ ```
203
+
204
+ It contains (empty) selectors for all the possible markup added by the widgets,
205
+ so you can use it as a base for creating your own custom theme. We will provide
206
+ more themes in the future.
207
+
187
208
## Development workflow
188
209
189
210
``` sh
@@ -385,7 +406,7 @@ search.addWidget(
385
406
);
386
407
```
387
408
388
- ### Styling
409
+ #### Styling
389
410
390
411
``` html
391
412
<div class =" ais-stats" >
@@ -573,7 +594,7 @@ search.addWidget(
573
594
);
574
595
```
575
596
576
- ### Styling
597
+ #### Styling
577
598
578
599
``` html
579
600
<div class =" ais-hits" >
0 commit comments