New: UIKit integration tech preview for DataTables

- Many thanks to jthsiao at Google for the initial integration work
- Example added
- CSS decompiled to SCSS as it has a bit more structure
- Removed the TableTools integration since TableTools is now retired
- Reduce the gap between the table grid components
- Use single arrow for previous / next paging

Weirdly the UIKit documentation examples don't appear to match up with
what you get if you actually use the UIkit distribution code - see
https://github.com/uikit/uikit/issues/1739 . As such the UIKit /
DataTables example doesn't look as nice as might be expected.

examples/advanced_init/column_render.html

@@ -757,6 +757,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/complex_header.html

@@ -748,6 +748,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/defaults.html

@@ -741,6 +741,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/dom_multiple_elements.html

@@ -749,6 +749,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/dom_toolbar.html

@@ -750,6 +750,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/dt_events.html

@@ -754,6 +754,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/events_live.html

@@ -740,6 +740,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/footer_callback.html

@@ -738,6 +738,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/html5-data-attributes.html

@@ -738,6 +738,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/html5-data-options.html

@@ -737,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/language_file.html

@@ -737,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/length_menu.html

@@ -737,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/object_dom_read.html

@@ -763,6 +763,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/row_callback.html

@@ -750,6 +750,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/row_grouping.html

@@ -802,6 +802,9 @@ tr.group:hover {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/advanced_init/sort_direction_control.html

@@ -757,6 +757,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/custom_data_flat.html

@@ -304,6 +304,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/custom_data_property.html

@@ -289,6 +289,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/deep.html

@@ -310,6 +310,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/defer_render.html

@@ -279,6 +279,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/null_data_source.html

@@ -307,6 +307,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/objects.html

@@ -304,6 +304,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/objects_subarrays.html

@@ -318,6 +318,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/orthogonal-data.html

@@ -312,6 +312,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/ajax/simple.html

@@ -291,6 +291,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/add_row.html

@@ -307,6 +307,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/api_in_init.html

@@ -749,6 +749,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/counter_columns.html

@@ -759,6 +759,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/form.html

@@ -1544,6 +1544,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/highlight.html

@@ -755,6 +755,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/multi_filter.html

@@ -785,6 +785,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/multi_filter_select.html

@@ -786,6 +786,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/regex.html

@@ -836,6 +836,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/row_details.html

@@ -388,6 +388,9 @@ tr.shown td.details-control {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/select_row.html

@@ -746,6 +746,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/select_single_row.html

@@ -761,6 +761,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/show_hide.html

@@ -763,6 +763,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/api/tabs_and_scrolling.html

@@ -332,6 +332,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/alt_pagination.html

@@ -744,6 +744,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/comma-decimal.html

@@ -744,6 +744,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/complex_header.html

@@ -732,6 +732,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/dom.html

@@ -787,6 +787,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/filter_only.html

@@ -733,6 +733,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/flexible_width.html

@@ -734,6 +734,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/hidden_columns.html

@@ -755,6 +755,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/language.html

@@ -741,6 +741,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/multi_col_sort.html

@@ -693,6 +693,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/multiple_tables.html

@@ -446,6 +446,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/scroll_x.html

@@ -904,6 +904,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/scroll_xy.html

@@ -902,6 +902,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/scroll_y.html

@@ -740,6 +740,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/scroll_y_dynamic.html

@@ -736,6 +736,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/state_save.html

@@ -739,6 +739,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/table_sorting.html

@@ -734,6 +734,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/basic_init/zero_configuration.html

@@ -727,6 +727,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/data_sources/ajax.html

@@ -278,6 +278,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/data_sources/dom.html

@@ -728,6 +728,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/data_sources/js_array.html

@@ -351,6 +351,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/data_sources/server_side.html

@@ -281,6 +281,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/index.html

@@ -184,6 +184,9 @@
 							<li>
 								<a href="./styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/plug-ins/api.html

@@ -774,6 +774,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/plug-ins/dom_sort.html

@@ -1608,6 +1608,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/plug-ins/range_filtering.html

@@ -784,6 +784,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/plug-ins/sorting_auto.html

@@ -767,6 +767,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/plug-ins/sorting_manual.html

@@ -761,6 +761,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/custom_vars.html

@@ -296,6 +296,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/defer_loading.html

@@ -364,6 +364,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/ids.html

@@ -295,6 +295,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/jsonp.html

@@ -288,6 +288,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/object_data.html

@@ -294,6 +294,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/pipeline.html

@@ -525,6 +525,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/post.html

@@ -304,6 +304,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/row_details.html

@@ -404,6 +404,9 @@ tr.details td.details-control {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/select_rows.html

@@ -321,6 +321,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/server_side/simple.html

@@ -280,6 +280,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/bootstrap.html

@@ -737,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/cell-border.html

@@ -723,6 +723,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/compact.html

@@ -724,6 +724,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/display.html

@@ -735,6 +735,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/foundation.html

@@ -738,6 +738,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/hover.html

@@ -724,6 +724,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/index.html

@@ -77,6 +77,9 @@
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 				</div>

examples/styling/jqueryUI.html

@@ -740,6 +740,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/no-classes.html

@@ -723,6 +723,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/order-column.html

@@ -724,6 +724,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/row-border.html

@@ -723,6 +723,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">

examples/styling/stripe.html

@@ -723,6 +723,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
+							<li>
+								<a href="./uikit.html">UIKit (Tech. preview)</a>
+							</li>
 						</ul>
 					</div>
 					<div class="toc-group">