diff --git a/.editorconfig b/.editorconfig index 24c3d45f8285a994c2dfa9e5344c03a2fcffbaab..76891716deb7c7d6a2f6984eeaf571d8193fb79a 100644 --- a/.editorconfig +++ b/.editorconfig @@ -10,6 +10,7 @@ indent_style=tab tab_width=3 [*.html] +indent_style=tab indent_size=3 insert_final_newline=false diff --git a/pages/_docs/alerts.md b/pages/_docs/alerts.md index 34a29c7b53227d0425f2e569938af131ee746624..ffd5c22fcec6e8f7a081a68896dc2d08ca80053d 100644 --- a/pages/_docs/alerts.md +++ b/pages/_docs/alerts.md @@ -1,11 +1,11 @@ --- title: Alerts menu: docs.alerts +description: Bootstrap provides an easy way to create predefined alert messages. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/alerts/ done: true --- -Bootstrap provides an easy way to create predefined alert messages. - ### Default markup {% example %} diff --git a/pages/_docs/autosize.md b/pages/_docs/autosize.md index 33771fef8cfa1ad0d9ba54e92abc9ec6303386eb..0113901c039881c53ba0a7aa7e838ecf2b5633f9 100644 --- a/pages/_docs/autosize.md +++ b/pages/_docs/autosize.md @@ -1,11 +1,10 @@ --- title: Autosize menu: docs.autosize +description: A small, stand-alone script to automatically adjust textarea height. done: true --- -A small, stand-alone script to automatically adjust textarea height. - ### Default markup {% example html %} diff --git a/pages/_docs/avatars.md b/pages/_docs/avatars.md index 966329320253475b04450d082313bfa9b7430d83..e3ae3ef04efa84071718669ddcda5c09bbc27747 100644 --- a/pages/_docs/avatars.md +++ b/pages/_docs/avatars.md @@ -1,11 +1,10 @@ --- title: Avatars menu: docs.avatars +description: Create and group avatars of various shapes and sizes with one component. done: true --- -Create and group avatars of various shapes and sizes with one component. - ### Default markup {% example html wrapper=avatar-list %} diff --git a/pages/_docs/badges.md b/pages/_docs/badges.md index 119d9d31053f716b4fddaaa029761b5ea3a01b03..a2de1cde4182df11f3afc4fa8da99aacc90a29aa 100644 --- a/pages/_docs/badges.md +++ b/pages/_docs/badges.md @@ -1,11 +1,11 @@ --- title: Badges menu: docs.badges +description: A small count and labeling component. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/badge/ done: true --- -A small count and labeling component. Please read the [official Bootstrap documentation](https://getbootstrap.com/docs/4.3/components/badge/) for a full list of options. - ### Default markup {% example %} diff --git a/pages/_docs/breadcrumb.md b/pages/_docs/breadcrumb.md index cf72b9b6b85e439b8f1514e271fb9e54e655b92e..3e9403344a94101dfc1a1d15234feb9fb9da7a9e 100644 --- a/pages/_docs/breadcrumb.md +++ b/pages/_docs/breadcrumb.md @@ -2,6 +2,7 @@ title: Breadcrumb menu: docs.breadcrumb description: Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/breadcrumb/ done: true --- diff --git a/pages/_docs/buttons.md b/pages/_docs/buttons.md index 8ef32487a71c48aa8ee102e6a68c16b9e04f927b..a3f9892283c35d450a08d2ba2d1347f585da810c 100644 --- a/pages/_docs/buttons.md +++ b/pages/_docs/buttons.md @@ -2,6 +2,7 @@ title: Buttons icon: fe fe-plus-square description: Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/buttons/ --- diff --git a/pages/_docs/cards.md b/pages/_docs/cards.md index f7950149b1a91247c22c4e992ec04067b8ed0b9c..8bfcc9c6539a1340d797d7fa430cff1097c88aad 100644 --- a/pages/_docs/cards.md +++ b/pages/_docs/cards.md @@ -2,6 +2,7 @@ title: Cards menu: docs.cards description: A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/card/ --- The `.card` element is simply a container with a shadow, a border, a radius, and some padding. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components. diff --git a/pages/_docs/carousel.md b/pages/_docs/carousel.md index 698f383fc5787f4e6b55b9b76cfd7f40acbe0ab4..92a31e2b20ce2998a3c6294db377590185f9c67a 100644 --- a/pages/_docs/carousel.md +++ b/pages/_docs/carousel.md @@ -1,10 +1,10 @@ --- title: Carousel menu: docs.carousel +description: The Carousel is a slideshow for cycling through elements. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/carousel/ --- -The Carousel is a slideshow for cycling through elements. - {% example html columns=1 %} {% include ui/carousel.html show-indicators=true show-controls=true id="carousel-sample" %} {% endexample %} diff --git a/pages/_docs/colors.md b/pages/_docs/colors.md index 809ec81f94e813c4cfb05edb9ff4b510978586ea..a094e9fd8691bff5208020177b31ac90758059f2 100644 --- a/pages/_docs/colors.md +++ b/pages/_docs/colors.md @@ -1,6 +1,8 @@ --- title: Colors menu: docs.colors +description: +bootstrap-link: https://getbootstrap.com/docs/4.4/utilities/colors/ --- ## Base colors diff --git a/pages/_docs/divider.md b/pages/_docs/divider.md index 588e6f5e24678617a30208510b1aed2825c5f04a..e4ff409dc9dc0c37bd8b0d7f74a93e8956443f67 100644 --- a/pages/_docs/divider.md +++ b/pages/_docs/divider.md @@ -1,9 +1,9 @@ --- title: Divider description: A divider visually segments content into groups +bootstrap-link: https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers done: true --- - ### Default markup {% example html columns=1 %} diff --git a/pages/_docs/form-elements.md b/pages/_docs/form-elements.md index a9711534f4f9b68feba9d5ce331f188ea0a65d82..28528d0bd03b777a65bb9cc1d9986753ba7e04fe 100644 --- a/pages/_docs/form-elements.md +++ b/pages/_docs/form-elements.md @@ -1,5 +1,6 @@ --- title: Form Elements +bootstrap-link: https://getbootstrap.com/docs/4.4/components/forms/ --- ### Classic Input diff --git a/pages/_docs/progress.md b/pages/_docs/progress.md index 5cb28134cb9f0cb96ec09dc62071cf77a66c6f39..19765fdf0232ff808787008b0c73af5abae6fb50 100644 --- a/pages/_docs/progress.md +++ b/pages/_docs/progress.md @@ -1,6 +1,7 @@ --- title: Progress description: A progress bar can be used to show a user how far along he is in a process. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/progress/ --- ### Default markup diff --git a/pages/_docs/spinners.md b/pages/_docs/spinners.md index 31b1a823a34b1ac7b9af3af93c3a043098c95597..1f1c3eeb7d0701052f2fa7a5e0ab8a675ef67ebf 100644 --- a/pages/_docs/spinners.md +++ b/pages/_docs/spinners.md @@ -1,6 +1,7 @@ --- title: Spinners menu: docs.spinners +bootstrap-link: https://getbootstrap.com/docs/4.4/components/spinners/ done: true --- diff --git a/pages/_docs/tables.md b/pages/_docs/tables.md index 2416050d9e46506554a387d3c6691285c50ae14e..7a5de303fa6349973baa0a99ebc90ebb966b5651 100644 --- a/pages/_docs/tables.md +++ b/pages/_docs/tables.md @@ -1,6 +1,7 @@ --- title: Tables menu: docs.tables +bootstrap-link: https://getbootstrap.com/docs/4.4/content/tables/ --- ### Basic Table diff --git a/pages/_docs/tabs.md b/pages/_docs/tabs.md index 55f822467dab37438ee396be71245d585b5a8d35..aaf25c6434944e52319927a72e26c23a7d36ccb4 100644 --- a/pages/_docs/tabs.md +++ b/pages/_docs/tabs.md @@ -1,6 +1,7 @@ --- title: Tabs menu: docs.tabs +bootstrap-link: https://getbootstrap.com/docs/4.4/components/navs/ --- ### Default markup diff --git a/pages/_docs/toasts.md b/pages/_docs/toasts.md index 0c0f7172ff61973ef79ab4b22403d9af596a7161..6587b1395c13c2de19a83ec514c01f95acdd9e85 100644 --- a/pages/_docs/toasts.md +++ b/pages/_docs/toasts.md @@ -2,6 +2,7 @@ title: Toasts menu: docs.toasts description: The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.). +bootstrap-link: https://getbootstrap.com/docs/4.4/components/toasts/ --- diff --git a/pages/_docs/tooltips.md b/pages/_docs/tooltips.md index e717ff3e63b570def6de807683b3d7a540d9c6ba..beee0b2ea24e6c18abca1e19b8491232a5f1a708 100644 --- a/pages/_docs/tooltips.md +++ b/pages/_docs/tooltips.md @@ -2,6 +2,7 @@ title: Tooltips menu: docs.tooltips description: The Tooltip component is small pop-up box that appears when the user moves the mouse pointer over an element. +bootstrap-link: https://getbootstrap.com/docs/4.4/components/tooltips/ --- ### Default markup diff --git a/pages/_docs/typography.md b/pages/_docs/typography.md index 0f12a11899696c50513a4d8b17a072eb2615bb25..d0aab89d3be7ea948c71b9b97a602ddb7f8f7540 100644 --- a/pages/_docs/typography.md +++ b/pages/_docs/typography.md @@ -2,6 +2,7 @@ title: Typography menu: docs.typography description: Documentation and examples for common text utilities to control alignment, wrapping, weight, and more. +bootstrap-link: https://getbootstrap.com/docs/4.4/content/typography/ --- ### Headings diff --git a/pages/_layouts/docs.html b/pages/_layouts/docs.html index 7743c6cfbd0df06b31cbc9cbfc1cc35048039e62..2683c49209c9a7cbc3b1510ceccf807b0084dfe7 100644 --- a/pages/_layouts/docs.html +++ b/pages/_layouts/docs.html @@ -7,41 +7,51 @@ page-title: Documentation
-
- - {% include_cached ui/icon.html icon="github" class="mr-2" %}Browse source code - - -
- {% for p in site.data.docs %} - {% assign doc = site.docs | where: "slug", p.page | first %} - - {{ doc.title }}{% if doc.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %} - - {% endfor %} -
-
+
+ + {% include_cached ui/icon.html icon="github" class="mr-2" %}Browse source code + + +
+ {% for p in site.data.docs %} + {% assign doc = site.docs | where: "slug", p.page | first %} + + {{ doc.title }}{% if doc.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %} + + {% endfor %} +
+
-

{{ page.title }}{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}

+ {% if page.bootstrap-link %} +

+ + {% include_cached ui/icon.html icon="external-link" color="blue" class="pr-1" %} + Bootstrap documentation + +

+ {% endif %} + +

{{ page.title }} + {% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %} +

- {% if page.plugin %} -
This module is available in tabler-{{ page.plugin }} plugin.
- {% endif %} - {% if page.description %} -

{{ page.description }}

- {% endif %} - {% if page.in_progress %} -
-
Work in progress! More detailed documentation is coming soon.
+ {% if page.plugin %} +
This module is available in tabler-{{ page.plugin }} + plugin.
{% endif %} + {% if page.description %} +

{{ page.description }}

+ {% endif %} + {% if page.toc %} {{ content | toc_only }} {% endif %}