diff --git a/pages/_data/docs.yml b/pages/_data/docs.yml index 8c59bc2506b3b0dcc613c4853a91cbd08ad5348b..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644 --- a/pages/_data/docs.yml +++ b/pages/_data/docs.yml @@ -1,28 +0,0 @@ -- page: index -- page: alerts -- page: autosize -- page: avatars -- page: badges -- page: breadcrumb -- page: buttons -- page: cards -- page: carousel -- page: colors -- page: cursors -- page: charts -- page: divider -- page: empty -- page: flags -- page: form-elements -- page: form-helpers -- page: input-mask -- page: progress -- page: ribbons -- page: spinners -- page: steps -- page: tables -- page: tabs -- page: timelines -- page: toasts -- page: tooltips -- page: typography diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml index 0ad87ff0a7394ca4c53c6d681939f7623a70c903..b7be0e589f99615d8e6c7dffd04ab0c74fea0c31 100644 --- a/pages/_data/menu.yml +++ b/pages/_data/menu.yml @@ -2,12 +2,15 @@ home: url: index.html title: Dashboard icon: home + badge: '' + badge-color: blue forms: url: form-elements.html title: Form elements icon: check-square badge: New + badge-color: red base: title: Base @@ -57,7 +60,93 @@ docs: title: Documentation icon: file-text url: docs/index.html - docs: true + children: + index: + title: index + url: docs/index.html + alerts: + title: Alerts + url: docs/alerts.html + autosize: + title: Autosize + url: docs/autosize.html + avatars: + title: Avatars + url: docs/avatars.html + badges: + title: Badges + url: docs/badges.html + breadcrumb: + title: Breadcrumb + url: docs/breadcrumb.html + buttons: + title: Buttons + url: docs/buttons.html + cards: + title: Cards + url: docs/cards.html + carousel: + title: Carousel + url: docs/carousel.html + colors: + title: Colors + url: docs/colors.html + cursors: + title: Cursors + url: docs/cursors.html + charts: + title: Charts + url: docs/charts.html + divider: + title: Divider + url: docs/divider.html + empty: + title: Empty states + url: docs/empty.html + flags: + title: Flags + url: docs/flags.html + form-elements: + title: Form elements + url: docs/form-elements.html + form-helpers: + title: Form helpers + url: docs/form-helpers.html + input-mask: + title: Form input mask + url: docs/input-mask.html + progress: + title: Progress + url: docs/progress.html + ribbons: + title: Ribbons + badge: New + url: docs/ribbons.html + spinners: + title: Spinners + url: docs/spinners.html + steps: + title: Steps + url: docs/steps.html + tables: + title: Tables + url: docs/tables.html + tabs: + title: Tabs + url: docs/tabs.html + timelines: + title: Timelines + url: docs/timelines.html + toasts: + title: Toasts + url: docs/toasts.html + tooltips: + title: Tooltips + url: docs/tooltips.html + typography: + title: Typography + url: docs/typography.html + #changelog: # url: changelog.html diff --git a/pages/_docs/alerts.md b/pages/_docs/alerts.md index ffd5c22fcec6e8f7a081a68896dc2d08ca80053d..ba21e10d032351a888f1eb5f7b5b67b53bc35737 100644 --- a/pages/_docs/alerts.md +++ b/pages/_docs/alerts.md @@ -2,7 +2,7 @@ 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/ +bootstrap-link: components/alerts/ done: true --- diff --git a/pages/_docs/badges.md b/pages/_docs/badges.md index a2de1cde4182df11f3afc4fa8da99aacc90a29aa..e4249c72e73fae2dc2ecdb579b7d3a05751ddd63 100644 --- a/pages/_docs/badges.md +++ b/pages/_docs/badges.md @@ -2,7 +2,7 @@ title: Badges menu: docs.badges description: A small count and labeling component. -bootstrap-link: https://getbootstrap.com/docs/4.4/components/badge/ +bootstrap-link: components/badge/ done: true --- diff --git a/pages/_docs/breadcrumb.md b/pages/_docs/breadcrumb.md index 3e9403344a94101dfc1a1d15234feb9fb9da7a9e..bf42d6efff14cb3a35ab82f8d1f7bb17d16fd029 100644 --- a/pages/_docs/breadcrumb.md +++ b/pages/_docs/breadcrumb.md @@ -2,7 +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/ +bootstrap-link: components/breadcrumb/ done: true --- diff --git a/pages/_docs/buttons.md b/pages/_docs/buttons.md index aac1663a2f5a5a138fa7cbe60f5fd9149029ce64..108ff918fbccdb9fee878cc46bdab46dca3774ec 100644 --- a/pages/_docs/buttons.md +++ b/pages/_docs/buttons.md @@ -2,7 +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/ +bootstrap-link: components/buttons/ done: true --- diff --git a/pages/_docs/cards.md b/pages/_docs/cards.md index b54220fb14dc69f9ee1fafe53b3199dd38cb4c0d..0e2810d7c3b071f6639b4b0e81dcd3a4a67d8d01 100644 --- a/pages/_docs/cards.md +++ b/pages/_docs/cards.md @@ -2,7 +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/ +bootstrap-link: components/card/ done: true --- diff --git a/pages/_docs/carousel.md b/pages/_docs/carousel.md index 92a31e2b20ce2998a3c6294db377590185f9c67a..a2a7116034d20431cda0385c4ec031267a9ef786 100644 --- a/pages/_docs/carousel.md +++ b/pages/_docs/carousel.md @@ -2,7 +2,7 @@ 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/ +bootstrap-link: components/carousel/ --- {% example html columns=1 %} diff --git a/pages/_docs/colors.md b/pages/_docs/colors.md index 50666443ae186022dd3bde6b7b2975f22cfe4d62..a0e3f63cdca736a2bf530fc37b9d0495e5f1798a 100644 --- a/pages/_docs/colors.md +++ b/pages/_docs/colors.md @@ -2,7 +2,7 @@ title: Colors menu: docs.colors description: -bootstrap-link: https://getbootstrap.com/docs/4.4/utilities/colors/ +bootstrap-link: utilities/colors/ done: true --- diff --git a/pages/_docs/divider.md b/pages/_docs/divider.md index e4ff409dc9dc0c37bd8b0d7f74a93e8956443f67..046f014785be3389d8603eef33c62225224cd250 100644 --- a/pages/_docs/divider.md +++ b/pages/_docs/divider.md @@ -1,7 +1,7 @@ --- title: Divider description: A divider visually segments content into groups -bootstrap-link: https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers +bootstrap-link: components/dropdowns/#dividers done: true --- ### Default markup diff --git a/pages/_docs/form-elements.md b/pages/_docs/form-elements.md index 28528d0bd03b777a65bb9cc1d9986753ba7e04fe..e939c54831dd6adfdcbbf627ba872712f353af82 100644 --- a/pages/_docs/form-elements.md +++ b/pages/_docs/form-elements.md @@ -1,6 +1,6 @@ --- title: Form Elements -bootstrap-link: https://getbootstrap.com/docs/4.4/components/forms/ +bootstrap-link: components/forms/ --- ### Classic Input diff --git a/pages/_docs/progress.md b/pages/_docs/progress.md index 19765fdf0232ff808787008b0c73af5abae6fb50..5ad170245833932dcae07c119ac195778d4f057b 100644 --- a/pages/_docs/progress.md +++ b/pages/_docs/progress.md @@ -1,7 +1,8 @@ --- 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/ +bootstrap-link: components/progress/ +done: true --- ### Default markup @@ -49,5 +50,8 @@ You can also use native HTML5 `` element. Customize the color of the progress bar. You can click [here]({% docs_url colors %}) to see the list of available colors. {% example %} -{% include ui/progress.html size="sm" color="purple"%} -{% endexample %} \ No newline at end of file +{% include ui/progress.html size="sm" color="red" class="mb-2" value=24 %} +{% include ui/progress.html size="sm" color="green" class="mb-2" value=45 %} +{% include ui/progress.html size="sm" color="purple" class="mb-2" value=64 %} +{% include ui/progress.html size="sm" color="pink" %} +{% endexample %} diff --git a/pages/_docs/ribbons.md b/pages/_docs/ribbons.md index 5067c3ae5998c322e5d7ae6624c84a51c20eca48..ab1b4e68eedc984068e28d9aaa957af42a655ba5 100644 --- a/pages/_docs/ribbons.md +++ b/pages/_docs/ribbons.md @@ -1,7 +1,7 @@ --- title: Ribbons menu: docs.ribbons -new: true +done: true --- ### Default markup @@ -14,10 +14,10 @@ new: true You can easily change the position of a ribbon by adding a class to the element. - `ribbon-top` - moves it to the top - `ribbon-right` - moves it to the right - `ribbon-bottom` - moves it to the bottom - `ribbon-left` - moves it to the lefg +- `ribbon-top` - moves it to the top +- `ribbon-right` - moves it to the right +- `ribbon-bottom` - moves it to the bottom +- `ribbon-left` - moves it to the lefg You can also use multiple classes at once for example: `.ribbon.ribbon-top.ribbon-left` moves the ribbon to the top left corner. diff --git a/pages/_docs/spinners.md b/pages/_docs/spinners.md index 1f1c3eeb7d0701052f2fa7a5e0ab8a675ef67ebf..4f216ba7bbe74ae45a7f1872f7cea62d641d851d 100644 --- a/pages/_docs/spinners.md +++ b/pages/_docs/spinners.md @@ -1,7 +1,7 @@ --- title: Spinners menu: docs.spinners -bootstrap-link: https://getbootstrap.com/docs/4.4/components/spinners/ +bootstrap-link: components/spinners/ done: true --- diff --git a/pages/_docs/tables.md b/pages/_docs/tables.md index 7a5de303fa6349973baa0a99ebc90ebb966b5651..e9e51c5fa3d7381f10cbecd946ca4ebe4c58b49d 100644 --- a/pages/_docs/tables.md +++ b/pages/_docs/tables.md @@ -1,7 +1,7 @@ --- title: Tables menu: docs.tables -bootstrap-link: https://getbootstrap.com/docs/4.4/content/tables/ +bootstrap-link: content/tables/ --- ### Basic Table diff --git a/pages/_docs/tabs.md b/pages/_docs/tabs.md index aaf25c6434944e52319927a72e26c23a7d36ccb4..fe5a82de281c08024b11c2e81ffe5227758235fe 100644 --- a/pages/_docs/tabs.md +++ b/pages/_docs/tabs.md @@ -1,7 +1,7 @@ --- title: Tabs menu: docs.tabs -bootstrap-link: https://getbootstrap.com/docs/4.4/components/navs/ +bootstrap-link: components/navs/ --- ### Default markup diff --git a/pages/_docs/toasts.md b/pages/_docs/toasts.md index 6587b1395c13c2de19a83ec514c01f95acdd9e85..1e5598f6b8791bfff46bc3ba241c0f7cc069e2ce 100644 --- a/pages/_docs/toasts.md +++ b/pages/_docs/toasts.md @@ -2,7 +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/ +bootstrap-link: components/toasts/ --- diff --git a/pages/_docs/tooltips.md b/pages/_docs/tooltips.md index beee0b2ea24e6c18abca1e19b8491232a5f1a708..f61b6aabb9746b28efd54098dbfc2f1dc2291b42 100644 --- a/pages/_docs/tooltips.md +++ b/pages/_docs/tooltips.md @@ -2,7 +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/ +bootstrap-link: components/tooltips/ --- ### Default markup diff --git a/pages/_docs/typography.md b/pages/_docs/typography.md index d0aab89d3be7ea948c71b9b97a602ddb7f8f7540..93e0d91400c676470509ea864c3f2faa1aaf4d2c 100644 --- a/pages/_docs/typography.md +++ b/pages/_docs/typography.md @@ -2,7 +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/ +bootstrap-link: content/typography/ --- ### Headings diff --git a/pages/_includes/layout/menu-aside.html b/pages/_includes/layout/menu-aside.html index 4a268f392a9e9f1651b6c5cb31bb76f597551927..1a8084e6340e008c99ec16cb2552a461c19785a5 100644 --- a/pages/_includes/layout/menu-aside.html +++ b/pages/_includes/layout/menu-aside.html @@ -5,13 +5,19 @@ {% for level-1 in site.data.menu %}
  • - + {% if level-1[1].icon %} {% assign icon = level-1[1].icon %} - {% include ui/icon.html icon=icon %} + {% include ui/icon.html icon=icon class="nav-icon" %} {% endif %} - {{ level-1[1].title }} + {{ level-1[1].title }} + + {% if level-1[1].badge %} + {% assign badge = level-1[1].badge %} + {% assign badge-color = level-1[1].badge-color | default: 'green' %} + {% include ui/badge.html text=badge color=badge-color %} + {% endif %} {% comment %} @@ -19,7 +25,7 @@ {% endcomment %} {% if level-1[1].children %} -