<!-- Bootstrap core CSS -->
{% if site.github %}
- <link href="{{ site.baseurl }}/dist/css/bootstrap.min.css" rel="stylesheet">
+<link href="{{ site.baseurl }}/dist/css/bootstrap.min.css" rel="stylesheet">
{% else %}
- <link href="{{ site.baseurl }}/dist/css/bootstrap.css" rel="stylesheet">
+<link href="{{ site.baseurl }}/dist/css/bootstrap.css" rel="stylesheet">
{% endif %}
<!-- Documentation extras -->
<script src="{{ site.baseurl }}/assets/js/vendor/popper.min.js"></script>
-{% if site.github %}
+{%- if site.github -%}
<script src="{{ site.baseurl }}/dist/js/bootstrap.min.js"></script>
-{% else %}
+{%- else -%}
<script src="{{ site.baseurl }}/dist/js/bootstrap.js"></script>
-{% endif %}
+{%- endif -%}
-{% if site.github %}
+{%- if site.github -%}
<script src="{{ site.baseurl }}/assets/js/docs.min.js"></script>
-{% else %}
+{%- else -%}
<script src="{{ site.baseurl }}/assets/js/vendor/anchor.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/vendor/clipboard.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/vendor/holder.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/src/application.js"></script>
<script src="{{ site.baseurl }}/assets/js/src/pwa.js"></script>
-{% endif %}
+{%- endif -%}
<script src="{{ site.baseurl }}/assets/js/ie-emulation-modes-warning.js"></script>
-{% if page.layout == "docs" %}
+{%- if page.layout == "docs" -%}
<script src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
<script>
docsearch({
debug: false // Set debug to true if you want to inspect the dropdown
});
</script>
-{% endif %}
+{%- endif -%}
<script>
Holder.addTheme('gray', {
{% include docs-navbar.html %}
{% if page.layout == "simple" %}
- {{ content }}
+ {{ content }}
{% else %}
- <main id="content" role="main">
- {{ content }}
- </main>
+ <main id="content" role="main">
+ {{ content }}
+ </main>
{% endif %}
{% include footer.html %}
Hide an element to all devices **except screen readers** with `.sr-only`. Combine `.sr-only` with `.sr-only-focusable` to show the element again when it's focused (e.g. by a keyboard-only user). Can also be used as mixins.
-{% comment %}
+{%- comment -%}
Necessary for following [accessibility best practices]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/#accessibility).
-{% endcomment %}
+{%- endcomment -%}
{% highlight html %}
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>