From 00f9223fc7de757e6ad950c8662cc26a406fe95c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 16 Jul 2019 20:00:41 -0700 Subject: [PATCH 01/21] Drop the Extend docs and move their content - Moves the extend/icons/ page content to components/icons/ for now (still needs work to rewrite) - Moves the extend/approach/ page into the getting-started/ section --- site/content/docs/4.3/components/icons.md | 24 +++++++++++++++ site/content/docs/4.3/extend/icons.md | 30 ------------------- .../{extend => getting-started}/approach.md | 2 +- site/data/sidebar.yml | 6 +--- 4 files changed, 26 insertions(+), 36 deletions(-) delete mode 100644 site/content/docs/4.3/extend/icons.md rename site/content/docs/4.3/{extend => getting-started}/approach.md (99%) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 8790dbadba9f..0c38ed8396b0 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -19,3 +19,27 @@ toc: true + +Bootstrap doesn't include an icon library by default, but we have a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. + +## Preferred + +We've tested and used these icon sets ourselves. + +{{< markdown >}} +{{< icons.inline >}} +{{- $type := .Get "type" | default "preferred" -}} + +{{- range (index .Site.Data.icons $type) }} +- [{{ .name }}]({{ .website }}) +{{- end }} +{{< /icons.inline >}} +{{< /markdown >}} + +## More options + +While we haven't tried these out, they do look promising and provide multiple formats—including SVG. + +{{< markdown >}} +{{< icons.inline type="more" />}} +{{< /markdown >}} diff --git a/site/content/docs/4.3/extend/icons.md b/site/content/docs/4.3/extend/icons.md deleted file mode 100644 index 1be21c38e827..000000000000 --- a/site/content/docs/4.3/extend/icons.md +++ /dev/null @@ -1,30 +0,0 @@ ---- -layout: docs -title: Icons -description: Guidance and suggestions for using external icon libraries with Bootstrap. -group: extend ---- - -Bootstrap doesn't include an icon library by default, but we have a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. - -## Preferred - -We've tested and used these icon sets ourselves. - -{{< markdown >}} -{{< icons.inline >}} -{{- $type := .Get "type" | default "preferred" -}} - -{{- range (index .Site.Data.icons $type) }} -- [{{ .name }}]({{ .website }}) -{{- end }} -{{< /icons.inline >}} -{{< /markdown >}} - -## More options - -While we haven't tried these out, they do look promising and provide multiple formats—including SVG. - -{{< markdown >}} -{{< icons.inline type="more" />}} -{{< /markdown >}} diff --git a/site/content/docs/4.3/extend/approach.md b/site/content/docs/4.3/getting-started/approach.md similarity index 99% rename from site/content/docs/4.3/extend/approach.md rename to site/content/docs/4.3/getting-started/approach.md index 3c4d1dae8474..91227186e59e 100644 --- a/site/content/docs/4.3/extend/approach.md +++ b/site/content/docs/4.3/getting-started/approach.md @@ -2,7 +2,7 @@ layout: docs title: Approach description: Learn about the guiding principles, strategies, and techniques used to build and maintain Bootstrap so you can more easily customize and extend it yourself. -group: extend +group: getting-started aliases: - "/docs/4.3/extend/" --- diff --git a/site/data/sidebar.yml b/site/data/sidebar.yml index 205b95d7a35b..cf7b1c019c19 100644 --- a/site/data/sidebar.yml +++ b/site/data/sidebar.yml @@ -10,6 +10,7 @@ # - title: Best practices # TODO: Write this content - title: Webpack - title: Accessibility + - title: Approach - title: Layout pages: @@ -90,11 +91,6 @@ - title: Vertical align - title: Visibility -- title: Extend - pages: - - title: Approach - - title: Icons - - title: About pages: - title: Overview From eac34afeccefa65dfe9055284b4216c8254d96fc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 16 Jul 2019 22:07:33 -0700 Subject: [PATCH 02/21] Improve icons page --- site/content/docs/4.3/components/icons.md | 159 ++++++++++++++++-- .../4.3/assets/scss/_component-examples.scss | 7 + 2 files changed, 149 insertions(+), 17 deletions(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 0c38ed8396b0..7a8e09a26687 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -1,28 +1,153 @@ --- layout: docs title: Icons -description: Custom icons for Bootstrap components. +description: For the first time ever, Bootstrap features its own icon library, custom designed and built for our components and documentation. group: components toc: true --- -
- - - - - - - - - - - -
+## Booticons -Bootstrap doesn't include an icon library by default, but we have a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. +Meet the Booticons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license. -## Preferred + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameIconClass
Chevron left + + + .booticon-chevron-left +
Chevron right + + + .booticon-chevron-right +
Chevron down + + + .booticon-chevron-down +
Chevron up + + + .booticon-chevron-left +
Chevron condensed left + + + .booticon-chevron-condensed-left +
Chevron condensed right + + + .booticon-chevron-condensed-right +
Check + + + .booticon-check +
X + + + .booticon-x +
Dash + + + .booticon-dash +
Circle + + + .booticon-circle +
Dot + + + .booticon-dot +
+ +### How to use + +Booticons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. + +For example, you can use the SVG as HTML (remember to specify a `width` and `height`). + +{{< example >}} + +{{< /example >}} + +You can also use the SVG within your CSS (be sure to escape the `#` to `%23` when specifying hex color values): + +{{< highlight css >}} +.booticon::before { + display: inline-block; + content: ""; + background-image: url('data:image/svg+xml;utf8,'); + background-repeat: no-repeat; + background-size: 1rem 1rem; +} +{{< /highlight >}} + +## Additional libraries + +Need or want something else? Check out these recommended icon libraries. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. + +### Preferred We've tested and used these icon sets ourselves. @@ -36,7 +161,7 @@ We've tested and used these icon sets ourselves. {{< /icons.inline >}} {{< /markdown >}} -## More options +### More options While we haven't tried these out, they do look promising and provide multiple formats—including SVG. diff --git a/site/static/docs/4.3/assets/scss/_component-examples.scss b/site/static/docs/4.3/assets/scss/_component-examples.scss index 60f59423212b..db7b72ae2ec0 100644 --- a/site/static/docs/4.3/assets/scss/_component-examples.scss +++ b/site/static/docs/4.3/assets/scss/_component-examples.scss @@ -323,3 +323,10 @@ color: $gray-900; // Effectively the base text color } } + +.bd-booticons-table { + svg { + width: 24px; + height: 24px; + } +} From 5541d4f4f172b9809b40fbde68541e453a71d772 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 17 Jul 2019 18:50:40 +0300 Subject: [PATCH 03/21] Optimize the new SVGs. --- site/content/docs/4.3/components/icons.md | 26 +++++++++++------------ 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 7a8e09a26687..7d7085c14b28 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -22,7 +22,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Chevron left - + .booticon-chevron-left @@ -31,7 +31,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Chevron right - + .booticon-chevron-right @@ -40,7 +40,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Chevron down - + .booticon-chevron-down @@ -49,7 +49,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Chevron up - + .booticon-chevron-left @@ -58,7 +58,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Chevron condensed left - + .booticon-chevron-condensed-left @@ -67,7 +67,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Chevron condensed right - + .booticon-chevron-condensed-right @@ -76,7 +76,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Check - + .booticon-check @@ -85,7 +85,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w X - + .booticon-x @@ -94,7 +94,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Dash - + .booticon-dash @@ -103,7 +103,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Circle - + .booticon-circle @@ -112,7 +112,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w Dot - + .booticon-dot @@ -128,7 +128,7 @@ Booticons are SVGs, so you can include them into your HTML in a few ways dependi For example, you can use the SVG as HTML (remember to specify a `width` and `height`). {{< example >}} - + {{< /example >}} You can also use the SVG within your CSS (be sure to escape the `#` to `%23` when specifying hex color values): @@ -137,7 +137,7 @@ You can also use the SVG within your CSS (be sure to escape the `#` to `%23` whe .booticon::before { display: inline-block; content: ""; - background-image: url('data:image/svg+xml;utf8,'); + background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 1rem 1rem; } From 1ba9a547654293fba98d91cb323a9ced9dcb2d46 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 17 Jul 2019 18:51:26 +0300 Subject: [PATCH 04/21] Emphasize --- site/content/docs/4.3/components/icons.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 7d7085c14b28..782f71c61d88 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -131,7 +131,7 @@ For example, you can use the SVG as HTML (remember to specify a `width` and `hei {{< /example >}} -You can also use the SVG within your CSS (be sure to escape the `#` to `%23` when specifying hex color values): +You can also use the SVG within your CSS (**be sure to escape any characters**, such as `#` to `%23` when specifying hex color values): {{< highlight css >}} .booticon::before { From b73778c6e344a3013ed9385e7885beaa9a4fca4d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 18 Jul 2019 11:02:50 +0300 Subject: [PATCH 05/21] more icons to help test things --- site/content/docs/4.3/components/icons.md | 77 ++++++++++++++++++----- 1 file changed, 62 insertions(+), 15 deletions(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 782f71c61d88..72a4d71efc01 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -10,6 +10,7 @@ toc: true Meet the Booticons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license. + @@ -19,6 +20,33 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w + + + + + + + + + + + + + + + - + - + - + - + - + + + + + + + + + + + @@ -143,6 +189,7 @@ You can also use the SVG within your CSS (**be sure to escape any characters**, } {{< /highlight >}} + ## Additional libraries Need or want something else? Check out these recommended icon libraries. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. From 75fedc42a3690e9e8c7fe8106013c3425b51abf1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 18 Jul 2019 12:13:39 -0700 Subject: [PATCH 06/21] Rename icons to .bi for bootstrap icon --- site/content/docs/4.3/components/icons.md | 72 +++++++++---------- .../4.3/assets/scss/_component-examples.scss | 2 +- site/static/docs/4.3/assets/scss/_subnav.scss | 2 +- site/static/docs/4.3/assets/scss/docs.scss | 14 ---- 4 files changed, 38 insertions(+), 52 deletions(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 72a4d71efc01..95f2f5e76c4f 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -6,12 +6,12 @@ group: components toc: true --- -## Booticons +## Bootstrap icons -Meet the Booticons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license. +Meet the Bootstrap icons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license. -
Bootstrap + + + .booticon- +
Reboot + + + .booticon-reboot +
Check + + + .booticon-check +
Chevron left @@ -74,48 +102,66 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w
CheckCircle - + - .booticon-check + .booticon-circle
XDash - + - .booticon-x + .booticon-dash
DashDot - + - .booticon-dash + .booticon-dot
CircleImage - + - .booticon-circle + .booticon-image
DotSearch - + - .booticon-dot + .booticon-search +
Warning + + + .booticon-image +
X + + + .booticon-x
+
@@ -26,7 +26,7 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w @@ -35,133 +35,133 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w @@ -169,18 +169,18 @@ Meet the Booticons, a limited set of icons designed first and foremost to work w ### How to use -Booticons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. +bis are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. For example, you can use the SVG as HTML (remember to specify a `width` and `height`). {{< example >}} - + {{< /example >}} You can also use the SVG within your CSS (**be sure to escape any characters**, such as `#` to `%23` when specifying hex color values): {{< highlight css >}} -.booticon::before { +.bi::before { display: inline-block; content: ""; background-image: url("data:image/svg+xml;utf8,"); diff --git a/site/static/docs/4.3/assets/scss/_component-examples.scss b/site/static/docs/4.3/assets/scss/_component-examples.scss index db7b72ae2ec0..8cc28d28b452 100644 --- a/site/static/docs/4.3/assets/scss/_component-examples.scss +++ b/site/static/docs/4.3/assets/scss/_component-examples.scss @@ -324,7 +324,7 @@ } } -.bd-booticons-table { +.bd-bi-table { svg { width: 24px; height: 24px; diff --git a/site/static/docs/4.3/assets/scss/_subnav.scss b/site/static/docs/4.3/assets/scss/_subnav.scss index b82107ee97e7..7dabb9d50604 100644 --- a/site/static/docs/4.3/assets/scss/_subnav.scss +++ b/site/static/docs/4.3/assets/scss/_subnav.scss @@ -3,7 +3,7 @@ backdrop-filter: blur(1rem); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15); - .booticon { + .bi { opacity: .25; } diff --git a/site/static/docs/4.3/assets/scss/docs.scss b/site/static/docs/4.3/assets/scss/docs.scss index e811b0a0e3ff..348672ce28c7 100644 --- a/site/static/docs/4.3/assets/scss/docs.scss +++ b/site/static/docs/4.3/assets/scss/docs.scss @@ -52,17 +52,3 @@ @import "syntax"; @import "anchor"; @import "algolia"; - -// Temp -.booticons-list { - .booticon { - display: inline; - width: 4rem; - padding: 1rem; - margin-right: 1rem; - margin-bottom: 1rem; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, .1); - @include border-radius(.25rem); - } -} From ebdd6a479cab69cde5930c0908deb9ebd2b7db11 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 18 Jul 2019 13:26:03 -0700 Subject: [PATCH 07/21] Improve icons docs --- site/content/docs/4.3/components/icons.md | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 95f2f5e76c4f..0092642e695d 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -10,7 +10,6 @@ toc: true Meet the Bootstrap icons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license. -
Name - .booticon- + .bi-bootstrap
- .booticon-reboot + .bi-reboot
Check - + - .booticon-check + .bi-check
Chevron left - + - .booticon-chevron-left + .bi-chevron-left
Chevron right - + - .booticon-chevron-right + .bi-chevron-right
Chevron down - + - .booticon-chevron-down + .bi-chevron-down
Chevron up - + - .booticon-chevron-left + .bi-chevron-up
Chevron condensed left - + - .booticon-chevron-condensed-left + .bi-chevron-condensed-left
Chevron condensed right - + - .booticon-chevron-condensed-right + .bi-chevron-condensed-right
Circle - + - .booticon-circle + .bi-circle
Dash - + - .booticon-dash + .bi-dash
Dot - + - .booticon-dot + .bi-dot
Image - + - .booticon-image + .bi-image
Search - + - .booticon-search + .bi-search
Warning - + - .booticon-image + .bi-image
X - + - .booticon-x + .bi-x
@@ -167,9 +166,11 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to
-### How to use +## How to use + +Bootstrap icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. -bis are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. +### Embedded For example, you can use the SVG as HTML (remember to specify a `width` and `height`). @@ -177,6 +178,16 @@ For example, you can use the SVG as HTML (remember to specify a `width` and `hei {{< /example >}} +### External image + +Copy the Bootstrap icons SVGs to your directory of choice and reference them like normal images with the `` element. + +{{< highlight html >}} + +{{< /highlight >}} + +### CSS + You can also use the SVG within your CSS (**be sure to escape any characters**, such as `#` to `%23` when specifying hex color values): {{< highlight css >}} @@ -189,7 +200,6 @@ You can also use the SVG within your CSS (**be sure to escape any characters**, } {{< /highlight >}} - ## Additional libraries Need or want something else? Check out these recommended icon libraries. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. From c356825c7c946c0053d4ad8b274d3695271cc431 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 19 Jul 2019 08:58:43 +0300 Subject: [PATCH 08/21] Bring in the actual SVGs (missing classnames), update the table, use a new simple shortcode --- site/content/docs/4.3/components/icons.md | 276 ++++++++++++++++-- site/content/docs/4.3/icons/arrow-down.svg | 1 + site/content/docs/4.3/icons/arrow-left.svg | 1 + site/content/docs/4.3/icons/arrow-right.svg | 1 + site/content/docs/4.3/icons/arrow-up.svg | 1 + site/content/docs/4.3/icons/bold.svg | 1 + .../docs/4.3/icons/bootstrap-outline.svg | 1 + .../docs/4.3/icons/bootstrap-solid.svg | 1 + site/content/docs/4.3/icons/check.svg | 1 + .../docs/4.3/icons/chevron-condensed-left.svg | 1 + .../4.3/icons/chevron-condensed-right.svg | 1 + site/content/docs/4.3/icons/chevron-down.svg | 1 + site/content/docs/4.3/icons/chevron-left.svg | 1 + site/content/docs/4.3/icons/chevron-right.svg | 1 + site/content/docs/4.3/icons/chevron-up.svg | 1 + site/content/docs/4.3/icons/circle.svg | 1 + site/content/docs/4.3/icons/code.svg | 1 + site/content/docs/4.3/icons/dash.svg | 1 + site/content/docs/4.3/icons/display.svg | 1 + site/content/docs/4.3/icons/dot.svg | 1 + site/content/docs/4.3/icons/ellipsis.svg | 1 + site/content/docs/4.3/icons/heart-filled.svg | 1 + site/content/docs/4.3/icons/heart-outline.svg | 1 + site/content/docs/4.3/icons/image.svg | 1 + site/content/docs/4.3/icons/italic.svg | 1 + site/content/docs/4.3/icons/justify-left.svg | 1 + site/content/docs/4.3/icons/justify-right.svg | 1 + site/content/docs/4.3/icons/justify.svg | 1 + site/content/docs/4.3/icons/people.svg | 1 + site/content/docs/4.3/icons/person.svg | 1 + site/content/docs/4.3/icons/plus.svg | 1 + site/content/docs/4.3/icons/reboot.svg | 1 + site/content/docs/4.3/icons/resize.svg | 1 + site/content/docs/4.3/icons/star-filled.svg | 1 + site/content/docs/4.3/icons/star-outline.svg | 1 + site/content/docs/4.3/icons/text-center.svg | 1 + site/content/docs/4.3/icons/text-left.svg | 1 + site/content/docs/4.3/icons/text-right.svg | 1 + site/content/docs/4.3/icons/type.svg | 1 + site/content/docs/4.3/icons/underline.svg | 1 + site/content/docs/4.3/icons/warning.svg | 1 + site/content/docs/4.3/icons/x.svg | 1 + site/layouts/shortcodes/svg.html | 2 + 43 files changed, 298 insertions(+), 21 deletions(-) create mode 100644 site/content/docs/4.3/icons/arrow-down.svg create mode 100644 site/content/docs/4.3/icons/arrow-left.svg create mode 100644 site/content/docs/4.3/icons/arrow-right.svg create mode 100644 site/content/docs/4.3/icons/arrow-up.svg create mode 100644 site/content/docs/4.3/icons/bold.svg create mode 100644 site/content/docs/4.3/icons/bootstrap-outline.svg create mode 100644 site/content/docs/4.3/icons/bootstrap-solid.svg create mode 100644 site/content/docs/4.3/icons/check.svg create mode 100644 site/content/docs/4.3/icons/chevron-condensed-left.svg create mode 100644 site/content/docs/4.3/icons/chevron-condensed-right.svg create mode 100644 site/content/docs/4.3/icons/chevron-down.svg create mode 100644 site/content/docs/4.3/icons/chevron-left.svg create mode 100644 site/content/docs/4.3/icons/chevron-right.svg create mode 100644 site/content/docs/4.3/icons/chevron-up.svg create mode 100644 site/content/docs/4.3/icons/circle.svg create mode 100644 site/content/docs/4.3/icons/code.svg create mode 100644 site/content/docs/4.3/icons/dash.svg create mode 100644 site/content/docs/4.3/icons/display.svg create mode 100644 site/content/docs/4.3/icons/dot.svg create mode 100644 site/content/docs/4.3/icons/ellipsis.svg create mode 100644 site/content/docs/4.3/icons/heart-filled.svg create mode 100644 site/content/docs/4.3/icons/heart-outline.svg create mode 100644 site/content/docs/4.3/icons/image.svg create mode 100644 site/content/docs/4.3/icons/italic.svg create mode 100644 site/content/docs/4.3/icons/justify-left.svg create mode 100644 site/content/docs/4.3/icons/justify-right.svg create mode 100644 site/content/docs/4.3/icons/justify.svg create mode 100644 site/content/docs/4.3/icons/people.svg create mode 100644 site/content/docs/4.3/icons/person.svg create mode 100644 site/content/docs/4.3/icons/plus.svg create mode 100644 site/content/docs/4.3/icons/reboot.svg create mode 100644 site/content/docs/4.3/icons/resize.svg create mode 100644 site/content/docs/4.3/icons/star-filled.svg create mode 100644 site/content/docs/4.3/icons/star-outline.svg create mode 100644 site/content/docs/4.3/icons/text-center.svg create mode 100644 site/content/docs/4.3/icons/text-left.svg create mode 100644 site/content/docs/4.3/icons/text-right.svg create mode 100644 site/content/docs/4.3/icons/type.svg create mode 100644 site/content/docs/4.3/icons/underline.svg create mode 100644 site/content/docs/4.3/icons/warning.svg create mode 100644 site/content/docs/4.3/icons/x.svg create mode 100644 site/layouts/shortcodes/svg.html diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 0092642e695d..4c9ba9207bb3 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -22,25 +22,79 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to Bootstrap - + {{< svg "/docs/4.3/icons/bootstrap-solid.svg" >}} - .bi-bootstrap + .bi-bootstrap-solid + + + + Bootstrap + + {{< svg "/docs/4.3/icons/bootstrap-outline.svg" >}} + + + .bi-bootstrap-outline Reboot - + {{< svg "/docs/4.3/icons/reboot.svg" >}} .bi-reboot + + Arrow left + + {{< svg "/docs/4.3/icons/arrow-left.svg" >}} + + + .bi-arrow-left + + + + Arrow right + + {{< svg "/docs/4.3/icons/arrow-right.svg" >}} + + + .bi-arrow-right + + + + Arrow up + + {{< svg "/docs/4.3/icons/arrow-up.svg" >}} + + + .bi-arrow-up + + + + Arrow down + + {{< svg "/docs/4.3/icons/arrow-down.svg" >}} + + + .bi-arrow-down + + + + Resize + + {{< svg "/docs/4.3/icons/resize.svg" >}} + + + .bi-resize + + Check - + {{< svg "/docs/4.3/icons/check.svg" >}} .bi-check @@ -49,7 +103,7 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to Chevron left - + {{< svg "/docs/4.3/icons/chevron-left.svg" >}} .bi-chevron-left @@ -58,34 +112,34 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to Chevron right - + {{< svg "/docs/4.3/icons/chevron-right.svg" >}} .bi-chevron-right - Chevron down + Chevron up - + {{< svg "/docs/4.3/icons/chevron-up.svg" >}} - .bi-chevron-down + .bi-chevron-up - Chevron up + Chevron down - + {{< svg "/docs/4.3/icons/chevron-down.svg" >}} - .bi-chevron-up + .bi-chevron-down Chevron condensed left - + {{< svg "/docs/4.3/icons/chevron-condensed-left.svg" >}} .bi-chevron-condensed-left @@ -94,7 +148,7 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to Chevron condensed right - + {{< svg "/docs/4.3/icons/chevron-condensed-right.svg" >}} .bi-chevron-condensed-right @@ -103,7 +157,7 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to Circle - + {{< svg "/docs/4.3/icons/circle.svg" >}} .bi-circle @@ -112,30 +166,210 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to Dash - + {{< svg "/docs/4.3/icons/dash.svg" >}} .bi-dash + + Plus + + {{< svg "/docs/4.3/icons/plus.svg" >}} + + + .bi-plus + + Dot - + {{< svg "/docs/4.3/icons/dot.svg" >}} .bi-dot + + Code + + {{< svg "/docs/4.3/icons/code.svg" >}} + + + .bi-code + + + + Display + + {{< svg "/docs/4.3/icons/display.svg" >}} + + + .bi-display + + + + Heart filled + + {{< svg "/docs/4.3/icons/heart-filled.svg" >}} + + + .bi-heart-filled + + + + Heart outline + + {{< svg "/docs/4.3/icons/heart-outline.svg" >}} + + + .bi-heart-filled + + Image - + {{< svg "/docs/4.3/icons/image.svg" >}} .bi-image + + Text left + + {{< svg "/docs/4.3/icons/text-left.svg" >}} + + + .bi-text-left + + + + Text center + + {{< svg "/docs/4.3/icons/text-center.svg" >}} + + + .bi-text-center + + + + Text right + + {{< svg "/docs/4.3/icons/text-right.svg" >}} + + + .bi-text-right + + + + Justify left + + {{< svg "/docs/4.3/icons/justify-left.svg" >}} + + + .bi-justify-left + + + + Justify + + {{< svg "/docs/4.3/icons/justify.svg" >}} + + + .bi-justify + + + + Justify right + + {{< svg "/docs/4.3/icons/justify-right.svg" >}} + + + .bi-justify-right + + + + Ellipsis + + {{< svg "/docs/4.3/icons/ellipsis.svg" >}} + + + .bi-ellipsis + + + + Typography + + {{< svg "/docs/4.3/icons/type.svg" >}} + + + .bi-type + + + + Bold + + {{< svg "/docs/4.3/icons/bold.svg" >}} + + + .bi-bold + + + + Italic + + {{< svg "/docs/4.3/icons/italic.svg" >}} + + + .bi-italic + + + + Underline + + {{< svg "/docs/4.3/icons/underline.svg" >}} + + + .bi-underline + + + + Person + + {{< svg "/docs/4.3/icons/person.svg" >}} + + + .bi-person + + + + People + + {{< svg "/docs/4.3/icons/people.svg" >}} + + + .bi-people + + + + Star filled + + {{< svg "/docs/4.3/icons/star-filled.svg" >}} + + + .bi-star-filled + + + + Star outline + + {{< svg "/docs/4.3/icons/star-outline.svg" >}} + + + .bi-star-outline + + Search @@ -148,16 +382,16 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to Warning - + {{< svg "/docs/4.3/icons/warning.svg" >}} - .bi-image + .bi-warning X - + {{< svg "/docs/4.3/icons/x.svg" >}} .bi-x diff --git a/site/content/docs/4.3/icons/arrow-down.svg b/site/content/docs/4.3/icons/arrow-down.svg new file mode 100644 index 000000000000..cf0b9bb7cc3c --- /dev/null +++ b/site/content/docs/4.3/icons/arrow-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/arrow-left.svg b/site/content/docs/4.3/icons/arrow-left.svg new file mode 100644 index 000000000000..86b80c5399dc --- /dev/null +++ b/site/content/docs/4.3/icons/arrow-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/arrow-right.svg b/site/content/docs/4.3/icons/arrow-right.svg new file mode 100644 index 000000000000..dc7ef2328af1 --- /dev/null +++ b/site/content/docs/4.3/icons/arrow-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/arrow-up.svg b/site/content/docs/4.3/icons/arrow-up.svg new file mode 100644 index 000000000000..347aa7f12431 --- /dev/null +++ b/site/content/docs/4.3/icons/arrow-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/bold.svg b/site/content/docs/4.3/icons/bold.svg new file mode 100644 index 000000000000..f2473109727d --- /dev/null +++ b/site/content/docs/4.3/icons/bold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/bootstrap-outline.svg b/site/content/docs/4.3/icons/bootstrap-outline.svg new file mode 100644 index 000000000000..17290fdd7e83 --- /dev/null +++ b/site/content/docs/4.3/icons/bootstrap-outline.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/bootstrap-solid.svg b/site/content/docs/4.3/icons/bootstrap-solid.svg new file mode 100644 index 000000000000..71151ccaeef5 --- /dev/null +++ b/site/content/docs/4.3/icons/bootstrap-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/check.svg b/site/content/docs/4.3/icons/check.svg new file mode 100644 index 000000000000..0c6a3e537144 --- /dev/null +++ b/site/content/docs/4.3/icons/check.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-condensed-left.svg b/site/content/docs/4.3/icons/chevron-condensed-left.svg new file mode 100644 index 000000000000..42ac88637ee7 --- /dev/null +++ b/site/content/docs/4.3/icons/chevron-condensed-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-condensed-right.svg b/site/content/docs/4.3/icons/chevron-condensed-right.svg new file mode 100644 index 000000000000..3b57689deec7 --- /dev/null +++ b/site/content/docs/4.3/icons/chevron-condensed-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-down.svg b/site/content/docs/4.3/icons/chevron-down.svg new file mode 100644 index 000000000000..c8f9de41b5f3 --- /dev/null +++ b/site/content/docs/4.3/icons/chevron-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-left.svg b/site/content/docs/4.3/icons/chevron-left.svg new file mode 100644 index 000000000000..936cb3bb2ba7 --- /dev/null +++ b/site/content/docs/4.3/icons/chevron-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-right.svg b/site/content/docs/4.3/icons/chevron-right.svg new file mode 100644 index 000000000000..28bb5d6e05bd --- /dev/null +++ b/site/content/docs/4.3/icons/chevron-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-up.svg b/site/content/docs/4.3/icons/chevron-up.svg new file mode 100644 index 000000000000..02ff132e930a --- /dev/null +++ b/site/content/docs/4.3/icons/chevron-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/circle.svg b/site/content/docs/4.3/icons/circle.svg new file mode 100644 index 000000000000..8c62029a7b6b --- /dev/null +++ b/site/content/docs/4.3/icons/circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/code.svg b/site/content/docs/4.3/icons/code.svg new file mode 100644 index 000000000000..d8c440db6abe --- /dev/null +++ b/site/content/docs/4.3/icons/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/dash.svg b/site/content/docs/4.3/icons/dash.svg new file mode 100644 index 000000000000..753b03ce85f4 --- /dev/null +++ b/site/content/docs/4.3/icons/dash.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/display.svg b/site/content/docs/4.3/icons/display.svg new file mode 100644 index 000000000000..cbd0c19ecba7 --- /dev/null +++ b/site/content/docs/4.3/icons/display.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/dot.svg b/site/content/docs/4.3/icons/dot.svg new file mode 100644 index 000000000000..9df3b7d569e2 --- /dev/null +++ b/site/content/docs/4.3/icons/dot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/ellipsis.svg b/site/content/docs/4.3/icons/ellipsis.svg new file mode 100644 index 000000000000..6e90e3b4b768 --- /dev/null +++ b/site/content/docs/4.3/icons/ellipsis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/heart-filled.svg b/site/content/docs/4.3/icons/heart-filled.svg new file mode 100644 index 000000000000..23baf7c54529 --- /dev/null +++ b/site/content/docs/4.3/icons/heart-filled.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/heart-outline.svg b/site/content/docs/4.3/icons/heart-outline.svg new file mode 100644 index 000000000000..cffba04b6452 --- /dev/null +++ b/site/content/docs/4.3/icons/heart-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/image.svg b/site/content/docs/4.3/icons/image.svg new file mode 100644 index 000000000000..2b62c4aea3a1 --- /dev/null +++ b/site/content/docs/4.3/icons/image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/italic.svg b/site/content/docs/4.3/icons/italic.svg new file mode 100644 index 000000000000..d684af5727b2 --- /dev/null +++ b/site/content/docs/4.3/icons/italic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/justify-left.svg b/site/content/docs/4.3/icons/justify-left.svg new file mode 100644 index 000000000000..20abc91e4f6c --- /dev/null +++ b/site/content/docs/4.3/icons/justify-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/justify-right.svg b/site/content/docs/4.3/icons/justify-right.svg new file mode 100644 index 000000000000..db528f6144c4 --- /dev/null +++ b/site/content/docs/4.3/icons/justify-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/justify.svg b/site/content/docs/4.3/icons/justify.svg new file mode 100644 index 000000000000..787df3ab819c --- /dev/null +++ b/site/content/docs/4.3/icons/justify.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/people.svg b/site/content/docs/4.3/icons/people.svg new file mode 100644 index 000000000000..883708fb20cc --- /dev/null +++ b/site/content/docs/4.3/icons/people.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/person.svg b/site/content/docs/4.3/icons/person.svg new file mode 100644 index 000000000000..68146145fe9c --- /dev/null +++ b/site/content/docs/4.3/icons/person.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/plus.svg b/site/content/docs/4.3/icons/plus.svg new file mode 100644 index 000000000000..cccb75e42319 --- /dev/null +++ b/site/content/docs/4.3/icons/plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/reboot.svg b/site/content/docs/4.3/icons/reboot.svg new file mode 100644 index 000000000000..adce02cb67df --- /dev/null +++ b/site/content/docs/4.3/icons/reboot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/resize.svg b/site/content/docs/4.3/icons/resize.svg new file mode 100644 index 000000000000..7dd7d4bd89f2 --- /dev/null +++ b/site/content/docs/4.3/icons/resize.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/star-filled.svg b/site/content/docs/4.3/icons/star-filled.svg new file mode 100644 index 000000000000..94fc0b337e91 --- /dev/null +++ b/site/content/docs/4.3/icons/star-filled.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/star-outline.svg b/site/content/docs/4.3/icons/star-outline.svg new file mode 100644 index 000000000000..a7438e33cdf9 --- /dev/null +++ b/site/content/docs/4.3/icons/star-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/text-center.svg b/site/content/docs/4.3/icons/text-center.svg new file mode 100644 index 000000000000..f5c4a243d24f --- /dev/null +++ b/site/content/docs/4.3/icons/text-center.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/text-left.svg b/site/content/docs/4.3/icons/text-left.svg new file mode 100644 index 000000000000..df42b6ded02d --- /dev/null +++ b/site/content/docs/4.3/icons/text-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/text-right.svg b/site/content/docs/4.3/icons/text-right.svg new file mode 100644 index 000000000000..928398420f46 --- /dev/null +++ b/site/content/docs/4.3/icons/text-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/type.svg b/site/content/docs/4.3/icons/type.svg new file mode 100644 index 000000000000..fcc60ce92666 --- /dev/null +++ b/site/content/docs/4.3/icons/type.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/underline.svg b/site/content/docs/4.3/icons/underline.svg new file mode 100644 index 000000000000..f056e99c33d2 --- /dev/null +++ b/site/content/docs/4.3/icons/underline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/warning.svg b/site/content/docs/4.3/icons/warning.svg new file mode 100644 index 000000000000..cb3dd1d3dfd0 --- /dev/null +++ b/site/content/docs/4.3/icons/warning.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/x.svg b/site/content/docs/4.3/icons/x.svg new file mode 100644 index 000000000000..9d411e5fe7ef --- /dev/null +++ b/site/content/docs/4.3/icons/x.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/layouts/shortcodes/svg.html b/site/layouts/shortcodes/svg.html new file mode 100644 index 000000000000..df864517cfa8 --- /dev/null +++ b/site/layouts/shortcodes/svg.html @@ -0,0 +1,2 @@ +{{ $file := (.Get 0) | readFile }} +{{ print $file | safeHTML }} From a513a90d3e9ea5bc43a19dc8a6cd2dd050fa956b Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Fri, 19 Jul 2019 14:39:22 +0300 Subject: [PATCH 09/21] Optimize icons. --- site/content/docs/4.3/icons/arrow-down.svg | 2 +- site/content/docs/4.3/icons/arrow-left.svg | 2 +- site/content/docs/4.3/icons/arrow-right.svg | 2 +- site/content/docs/4.3/icons/arrow-up.svg | 2 +- site/content/docs/4.3/icons/bold.svg | 2 +- site/content/docs/4.3/icons/bootstrap-outline.svg | 2 +- site/content/docs/4.3/icons/bootstrap-solid.svg | 2 +- site/content/docs/4.3/icons/check.svg | 2 +- site/content/docs/4.3/icons/chevron-condensed-left.svg | 2 +- site/content/docs/4.3/icons/chevron-condensed-right.svg | 2 +- site/content/docs/4.3/icons/chevron-down.svg | 2 +- site/content/docs/4.3/icons/chevron-left.svg | 2 +- site/content/docs/4.3/icons/chevron-right.svg | 2 +- site/content/docs/4.3/icons/chevron-up.svg | 2 +- site/content/docs/4.3/icons/circle.svg | 2 +- site/content/docs/4.3/icons/code.svg | 2 +- site/content/docs/4.3/icons/dash.svg | 2 +- site/content/docs/4.3/icons/display.svg | 2 +- site/content/docs/4.3/icons/dot.svg | 2 +- site/content/docs/4.3/icons/ellipsis.svg | 2 +- site/content/docs/4.3/icons/heart-filled.svg | 2 +- site/content/docs/4.3/icons/heart-outline.svg | 2 +- site/content/docs/4.3/icons/image.svg | 2 +- site/content/docs/4.3/icons/italic.svg | 2 +- site/content/docs/4.3/icons/justify-left.svg | 2 +- site/content/docs/4.3/icons/justify-right.svg | 2 +- site/content/docs/4.3/icons/justify.svg | 2 +- site/content/docs/4.3/icons/people.svg | 2 +- site/content/docs/4.3/icons/person.svg | 2 +- site/content/docs/4.3/icons/plus.svg | 2 +- site/content/docs/4.3/icons/reboot.svg | 2 +- site/content/docs/4.3/icons/resize.svg | 2 +- site/content/docs/4.3/icons/star-filled.svg | 2 +- site/content/docs/4.3/icons/star-outline.svg | 2 +- site/content/docs/4.3/icons/text-center.svg | 2 +- site/content/docs/4.3/icons/text-left.svg | 2 +- site/content/docs/4.3/icons/text-right.svg | 2 +- site/content/docs/4.3/icons/type.svg | 2 +- site/content/docs/4.3/icons/underline.svg | 2 +- site/content/docs/4.3/icons/warning.svg | 2 +- site/content/docs/4.3/icons/x.svg | 2 +- 41 files changed, 41 insertions(+), 41 deletions(-) diff --git a/site/content/docs/4.3/icons/arrow-down.svg b/site/content/docs/4.3/icons/arrow-down.svg index cf0b9bb7cc3c..193b144b9956 100644 --- a/site/content/docs/4.3/icons/arrow-down.svg +++ b/site/content/docs/4.3/icons/arrow-down.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/arrow-left.svg b/site/content/docs/4.3/icons/arrow-left.svg index 86b80c5399dc..4efda2b71455 100644 --- a/site/content/docs/4.3/icons/arrow-left.svg +++ b/site/content/docs/4.3/icons/arrow-left.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/arrow-right.svg b/site/content/docs/4.3/icons/arrow-right.svg index dc7ef2328af1..10006eae43bc 100644 --- a/site/content/docs/4.3/icons/arrow-right.svg +++ b/site/content/docs/4.3/icons/arrow-right.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/arrow-up.svg b/site/content/docs/4.3/icons/arrow-up.svg index 347aa7f12431..5f448c2ed0cd 100644 --- a/site/content/docs/4.3/icons/arrow-up.svg +++ b/site/content/docs/4.3/icons/arrow-up.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/bold.svg b/site/content/docs/4.3/icons/bold.svg index f2473109727d..1e029fafbaf5 100644 --- a/site/content/docs/4.3/icons/bold.svg +++ b/site/content/docs/4.3/icons/bold.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/bootstrap-outline.svg b/site/content/docs/4.3/icons/bootstrap-outline.svg index 17290fdd7e83..51640bd5b368 100644 --- a/site/content/docs/4.3/icons/bootstrap-outline.svg +++ b/site/content/docs/4.3/icons/bootstrap-outline.svg @@ -1 +1 @@ - + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/bootstrap-solid.svg b/site/content/docs/4.3/icons/bootstrap-solid.svg index 71151ccaeef5..445b389767d6 100644 --- a/site/content/docs/4.3/icons/bootstrap-solid.svg +++ b/site/content/docs/4.3/icons/bootstrap-solid.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/check.svg b/site/content/docs/4.3/icons/check.svg index 0c6a3e537144..919f46d24b18 100644 --- a/site/content/docs/4.3/icons/check.svg +++ b/site/content/docs/4.3/icons/check.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-condensed-left.svg b/site/content/docs/4.3/icons/chevron-condensed-left.svg index 42ac88637ee7..2e089b2a1538 100644 --- a/site/content/docs/4.3/icons/chevron-condensed-left.svg +++ b/site/content/docs/4.3/icons/chevron-condensed-left.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-condensed-right.svg b/site/content/docs/4.3/icons/chevron-condensed-right.svg index 3b57689deec7..ccc42380627c 100644 --- a/site/content/docs/4.3/icons/chevron-condensed-right.svg +++ b/site/content/docs/4.3/icons/chevron-condensed-right.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-down.svg b/site/content/docs/4.3/icons/chevron-down.svg index c8f9de41b5f3..79e0a7dde321 100644 --- a/site/content/docs/4.3/icons/chevron-down.svg +++ b/site/content/docs/4.3/icons/chevron-down.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-left.svg b/site/content/docs/4.3/icons/chevron-left.svg index 936cb3bb2ba7..c28fe12d8134 100644 --- a/site/content/docs/4.3/icons/chevron-left.svg +++ b/site/content/docs/4.3/icons/chevron-left.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-right.svg b/site/content/docs/4.3/icons/chevron-right.svg index 28bb5d6e05bd..227f702f220a 100644 --- a/site/content/docs/4.3/icons/chevron-right.svg +++ b/site/content/docs/4.3/icons/chevron-right.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/chevron-up.svg b/site/content/docs/4.3/icons/chevron-up.svg index 02ff132e930a..249fbe98a600 100644 --- a/site/content/docs/4.3/icons/chevron-up.svg +++ b/site/content/docs/4.3/icons/chevron-up.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/circle.svg b/site/content/docs/4.3/icons/circle.svg index 8c62029a7b6b..eb3e98432c94 100644 --- a/site/content/docs/4.3/icons/circle.svg +++ b/site/content/docs/4.3/icons/circle.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/code.svg b/site/content/docs/4.3/icons/code.svg index d8c440db6abe..f3b9a4e22086 100644 --- a/site/content/docs/4.3/icons/code.svg +++ b/site/content/docs/4.3/icons/code.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/dash.svg b/site/content/docs/4.3/icons/dash.svg index 753b03ce85f4..3a7054fbcfa1 100644 --- a/site/content/docs/4.3/icons/dash.svg +++ b/site/content/docs/4.3/icons/dash.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/display.svg b/site/content/docs/4.3/icons/display.svg index cbd0c19ecba7..cd58bf13e501 100644 --- a/site/content/docs/4.3/icons/display.svg +++ b/site/content/docs/4.3/icons/display.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/dot.svg b/site/content/docs/4.3/icons/dot.svg index 9df3b7d569e2..f642cef7c019 100644 --- a/site/content/docs/4.3/icons/dot.svg +++ b/site/content/docs/4.3/icons/dot.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/ellipsis.svg b/site/content/docs/4.3/icons/ellipsis.svg index 6e90e3b4b768..fb1a83098fdf 100644 --- a/site/content/docs/4.3/icons/ellipsis.svg +++ b/site/content/docs/4.3/icons/ellipsis.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/heart-filled.svg b/site/content/docs/4.3/icons/heart-filled.svg index 23baf7c54529..fd200eb8e2bd 100644 --- a/site/content/docs/4.3/icons/heart-filled.svg +++ b/site/content/docs/4.3/icons/heart-filled.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/heart-outline.svg b/site/content/docs/4.3/icons/heart-outline.svg index cffba04b6452..5c8606df0e75 100644 --- a/site/content/docs/4.3/icons/heart-outline.svg +++ b/site/content/docs/4.3/icons/heart-outline.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/image.svg b/site/content/docs/4.3/icons/image.svg index 2b62c4aea3a1..25a3fad6dbb9 100644 --- a/site/content/docs/4.3/icons/image.svg +++ b/site/content/docs/4.3/icons/image.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/italic.svg b/site/content/docs/4.3/icons/italic.svg index d684af5727b2..9723a47f926b 100644 --- a/site/content/docs/4.3/icons/italic.svg +++ b/site/content/docs/4.3/icons/italic.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/justify-left.svg b/site/content/docs/4.3/icons/justify-left.svg index 20abc91e4f6c..af3273dd7acd 100644 --- a/site/content/docs/4.3/icons/justify-left.svg +++ b/site/content/docs/4.3/icons/justify-left.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/justify-right.svg b/site/content/docs/4.3/icons/justify-right.svg index db528f6144c4..599a7e7f1412 100644 --- a/site/content/docs/4.3/icons/justify-right.svg +++ b/site/content/docs/4.3/icons/justify-right.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/justify.svg b/site/content/docs/4.3/icons/justify.svg index 787df3ab819c..88e1d4dc4ae7 100644 --- a/site/content/docs/4.3/icons/justify.svg +++ b/site/content/docs/4.3/icons/justify.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/people.svg b/site/content/docs/4.3/icons/people.svg index 883708fb20cc..98211e0ef03a 100644 --- a/site/content/docs/4.3/icons/people.svg +++ b/site/content/docs/4.3/icons/people.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/person.svg b/site/content/docs/4.3/icons/person.svg index 68146145fe9c..98780fa9acb7 100644 --- a/site/content/docs/4.3/icons/person.svg +++ b/site/content/docs/4.3/icons/person.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/plus.svg b/site/content/docs/4.3/icons/plus.svg index cccb75e42319..eebceb5f21a8 100644 --- a/site/content/docs/4.3/icons/plus.svg +++ b/site/content/docs/4.3/icons/plus.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/reboot.svg b/site/content/docs/4.3/icons/reboot.svg index adce02cb67df..f1eb8dcd9372 100644 --- a/site/content/docs/4.3/icons/reboot.svg +++ b/site/content/docs/4.3/icons/reboot.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/resize.svg b/site/content/docs/4.3/icons/resize.svg index 7dd7d4bd89f2..3134a82c212a 100644 --- a/site/content/docs/4.3/icons/resize.svg +++ b/site/content/docs/4.3/icons/resize.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/star-filled.svg b/site/content/docs/4.3/icons/star-filled.svg index 94fc0b337e91..66c293fb074b 100644 --- a/site/content/docs/4.3/icons/star-filled.svg +++ b/site/content/docs/4.3/icons/star-filled.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/star-outline.svg b/site/content/docs/4.3/icons/star-outline.svg index a7438e33cdf9..1283b123edfa 100644 --- a/site/content/docs/4.3/icons/star-outline.svg +++ b/site/content/docs/4.3/icons/star-outline.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/text-center.svg b/site/content/docs/4.3/icons/text-center.svg index f5c4a243d24f..cc9f071666c5 100644 --- a/site/content/docs/4.3/icons/text-center.svg +++ b/site/content/docs/4.3/icons/text-center.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/text-left.svg b/site/content/docs/4.3/icons/text-left.svg index df42b6ded02d..bccc2ea5e733 100644 --- a/site/content/docs/4.3/icons/text-left.svg +++ b/site/content/docs/4.3/icons/text-left.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/text-right.svg b/site/content/docs/4.3/icons/text-right.svg index 928398420f46..893f5aac0e1a 100644 --- a/site/content/docs/4.3/icons/text-right.svg +++ b/site/content/docs/4.3/icons/text-right.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/type.svg b/site/content/docs/4.3/icons/type.svg index fcc60ce92666..2d7fd48f0468 100644 --- a/site/content/docs/4.3/icons/type.svg +++ b/site/content/docs/4.3/icons/type.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/underline.svg b/site/content/docs/4.3/icons/underline.svg index f056e99c33d2..6f79e91c24cf 100644 --- a/site/content/docs/4.3/icons/underline.svg +++ b/site/content/docs/4.3/icons/underline.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/warning.svg b/site/content/docs/4.3/icons/warning.svg index cb3dd1d3dfd0..88d3acc7a458 100644 --- a/site/content/docs/4.3/icons/warning.svg +++ b/site/content/docs/4.3/icons/warning.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/site/content/docs/4.3/icons/x.svg b/site/content/docs/4.3/icons/x.svg index 9d411e5fe7ef..d5dcf62ff0f4 100644 --- a/site/content/docs/4.3/icons/x.svg +++ b/site/content/docs/4.3/icons/x.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From e5ce1dbc16256d9613564c6058d4a1bbd90dcbb6 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Fri, 19 Jul 2019 14:39:39 +0300 Subject: [PATCH 10/21] Automate icons docs. --- site/content/docs/4.3/components/icons.md | 394 +--------------------- site/layouts/shortcodes/svg.html | 2 - 2 files changed, 16 insertions(+), 380 deletions(-) delete mode 100644 site/layouts/shortcodes/svg.html diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 4c9ba9207bb3..3e4d53bda946 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -19,384 +19,22 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to - - Bootstrap - - {{< svg "/docs/4.3/icons/bootstrap-solid.svg" >}} - - - .bi-bootstrap-solid - - - - Bootstrap - - {{< svg "/docs/4.3/icons/bootstrap-outline.svg" >}} - - - .bi-bootstrap-outline - - - - Reboot - - {{< svg "/docs/4.3/icons/reboot.svg" >}} - - - .bi-reboot - - - - Arrow left - - {{< svg "/docs/4.3/icons/arrow-left.svg" >}} - - - .bi-arrow-left - - - - Arrow right - - {{< svg "/docs/4.3/icons/arrow-right.svg" >}} - - - .bi-arrow-right - - - - Arrow up - - {{< svg "/docs/4.3/icons/arrow-up.svg" >}} - - - .bi-arrow-up - - - - Arrow down - - {{< svg "/docs/4.3/icons/arrow-down.svg" >}} - - - .bi-arrow-down - - - - Resize - - {{< svg "/docs/4.3/icons/resize.svg" >}} - - - .bi-resize - - - - Check - - {{< svg "/docs/4.3/icons/check.svg" >}} - - - .bi-check - - - - Chevron left - - {{< svg "/docs/4.3/icons/chevron-left.svg" >}} - - - .bi-chevron-left - - - - Chevron right - - {{< svg "/docs/4.3/icons/chevron-right.svg" >}} - - - .bi-chevron-right - - - - Chevron up - - {{< svg "/docs/4.3/icons/chevron-up.svg" >}} - - - .bi-chevron-up - - - - Chevron down - - {{< svg "/docs/4.3/icons/chevron-down.svg" >}} - - - .bi-chevron-down - - - - Chevron condensed left - - {{< svg "/docs/4.3/icons/chevron-condensed-left.svg" >}} - - - .bi-chevron-condensed-left - - - - Chevron condensed right - - {{< svg "/docs/4.3/icons/chevron-condensed-right.svg" >}} - - - .bi-chevron-condensed-right - - - - Circle - - {{< svg "/docs/4.3/icons/circle.svg" >}} - - - .bi-circle - - - - Dash - - {{< svg "/docs/4.3/icons/dash.svg" >}} - - - .bi-dash - - - - Plus - - {{< svg "/docs/4.3/icons/plus.svg" >}} - - - .bi-plus - - - - Dot - - {{< svg "/docs/4.3/icons/dot.svg" >}} - - - .bi-dot - - - - Code - - {{< svg "/docs/4.3/icons/code.svg" >}} - - - .bi-code - - - - Display - - {{< svg "/docs/4.3/icons/display.svg" >}} - - - .bi-display - - - - Heart filled - - {{< svg "/docs/4.3/icons/heart-filled.svg" >}} - - - .bi-heart-filled - - - - Heart outline - - {{< svg "/docs/4.3/icons/heart-outline.svg" >}} - - - .bi-heart-filled - - - - Image - - {{< svg "/docs/4.3/icons/image.svg" >}} - - - .bi-image - - - - Text left - - {{< svg "/docs/4.3/icons/text-left.svg" >}} - - - .bi-text-left - - - - Text center - - {{< svg "/docs/4.3/icons/text-center.svg" >}} - - - .bi-text-center - - - - Text right - - {{< svg "/docs/4.3/icons/text-right.svg" >}} - - - .bi-text-right - - - - Justify left - - {{< svg "/docs/4.3/icons/justify-left.svg" >}} - - - .bi-justify-left - - - - Justify - - {{< svg "/docs/4.3/icons/justify.svg" >}} - - - .bi-justify - - - - Justify right - - {{< svg "/docs/4.3/icons/justify-right.svg" >}} - - - .bi-justify-right - - - - Ellipsis - - {{< svg "/docs/4.3/icons/ellipsis.svg" >}} - - - .bi-ellipsis - - - - Typography - - {{< svg "/docs/4.3/icons/type.svg" >}} - - - .bi-type - - - - Bold - - {{< svg "/docs/4.3/icons/bold.svg" >}} - - - .bi-bold - - - - Italic - - {{< svg "/docs/4.3/icons/italic.svg" >}} - - - .bi-italic - - - - Underline - - {{< svg "/docs/4.3/icons/underline.svg" >}} - - - .bi-underline - - - - Person - - {{< svg "/docs/4.3/icons/person.svg" >}} - - - .bi-person - - - - People - - {{< svg "/docs/4.3/icons/people.svg" >}} - - - .bi-people - - - - Star filled - - {{< svg "/docs/4.3/icons/star-filled.svg" >}} - - - .bi-star-filled - - - - Star outline - - {{< svg "/docs/4.3/icons/star-outline.svg" >}} - - - .bi-star-outline - - - - Search - - - - - .bi-search - - - - Warning - - {{< svg "/docs/4.3/icons/warning.svg" >}} - - - .bi-warning - - - - X - - {{< svg "/docs/4.3/icons/x.svg" >}} - - - .bi-x - - + {{< listIcons.inline >}} + {{- $dirName := printf "site/content/docs/%s/icons/" .Site.Params.docs_version -}} + + {{- range (readDir $dirName) -}} + {{- $filenameWithExt := split .Name "." -}} + {{- $filename := index $filenameWithExt 0 -}} + {{- $name := humanize $filename -}} + + {{ $name }} + {{ readFile (printf "%s%s" $dirName .Name) }} + + .bi-{{ $filename }} + + + {{ end -}} + {{< /listIcons.inline >}} diff --git a/site/layouts/shortcodes/svg.html b/site/layouts/shortcodes/svg.html deleted file mode 100644 index df864517cfa8..000000000000 --- a/site/layouts/shortcodes/svg.html +++ /dev/null @@ -1,2 +0,0 @@ -{{ $file := (.Get 0) | readFile }} -{{ print $file | safeHTML }} From b220e5a5760689a2e309e0a7a9c61fa85ab80ca7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 20 Jul 2019 00:08:41 +0300 Subject: [PATCH 11/21] Update icons - More new icons - Add their classes - Fix property order - More customizing docs --- scss/_icons.scss | 13 ++++++++++++ scss/bootstrap.scss | 1 + site/content/docs/4.3/components/icons.md | 20 +++++++++++++++++++ site/content/docs/4.3/icons/arrow-down.svg | 2 +- site/content/docs/4.3/icons/arrow-left.svg | 2 +- site/content/docs/4.3/icons/arrow-right.svg | 2 +- site/content/docs/4.3/icons/arrow-up.svg | 2 +- site/content/docs/4.3/icons/bold.svg | 2 +- .../docs/4.3/icons/bootstrap-outline.svg | 2 +- .../docs/4.3/icons/bootstrap-solid.svg | 2 +- site/content/docs/4.3/icons/calendar.svg | 1 + site/content/docs/4.3/icons/check.svg | 2 +- .../docs/4.3/icons/chevron-condensed-left.svg | 2 +- .../4.3/icons/chevron-condensed-right.svg | 2 +- site/content/docs/4.3/icons/chevron-down.svg | 2 +- site/content/docs/4.3/icons/chevron-left.svg | 2 +- site/content/docs/4.3/icons/chevron-right.svg | 2 +- site/content/docs/4.3/icons/chevron-up.svg | 2 +- site/content/docs/4.3/icons/circle.svg | 2 +- site/content/docs/4.3/icons/code.svg | 2 +- site/content/docs/4.3/icons/dash.svg | 2 +- site/content/docs/4.3/icons/display.svg | 2 +- site/content/docs/4.3/icons/dot.svg | 2 +- site/content/docs/4.3/icons/ellipsis.svg | 2 +- site/content/docs/4.3/icons/fullscreen.svg | 1 + site/content/docs/4.3/icons/heart-filled.svg | 2 +- site/content/docs/4.3/icons/heart-outline.svg | 2 +- site/content/docs/4.3/icons/image.svg | 2 +- site/content/docs/4.3/icons/italic.svg | 2 +- site/content/docs/4.3/icons/justify-left.svg | 2 +- site/content/docs/4.3/icons/justify-right.svg | 2 +- site/content/docs/4.3/icons/justify.svg | 2 +- site/content/docs/4.3/icons/people.svg | 2 +- site/content/docs/4.3/icons/person.svg | 2 +- site/content/docs/4.3/icons/plus.svg | 2 +- site/content/docs/4.3/icons/reboot.svg | 2 +- site/content/docs/4.3/icons/resize.svg | 2 +- site/content/docs/4.3/icons/search.svg | 1 + site/content/docs/4.3/icons/star-filled.svg | 2 +- site/content/docs/4.3/icons/star-outline.svg | 2 +- site/content/docs/4.3/icons/text-center.svg | 2 +- site/content/docs/4.3/icons/text-left.svg | 2 +- site/content/docs/4.3/icons/text-right.svg | 2 +- site/content/docs/4.3/icons/type.svg | 2 +- site/content/docs/4.3/icons/underline.svg | 2 +- site/content/docs/4.3/icons/warning.svg | 2 +- site/content/docs/4.3/icons/x.svg | 2 +- 47 files changed, 78 insertions(+), 41 deletions(-) create mode 100644 scss/_icons.scss create mode 100644 site/content/docs/4.3/icons/calendar.svg create mode 100644 site/content/docs/4.3/icons/fullscreen.svg create mode 100644 site/content/docs/4.3/icons/search.svg diff --git a/scss/_icons.scss b/scss/_icons.scss new file mode 100644 index 000000000000..d6d7519246e1 --- /dev/null +++ b/scss/_icons.scss @@ -0,0 +1,13 @@ +.bi { + display: inline-block; + vertical-align: text-top; + fill: currentColor; +} + +.bi-light path { + stroke-width: 1px; +} + +.bi-bold path { + stroke-width: 3px; +} diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss index 84745b5d19ee..4343aca47423 100644 --- a/scss/bootstrap.scss +++ b/scss/bootstrap.scss @@ -42,6 +42,7 @@ @import "popover"; @import "carousel"; @import "spinners"; +@import "icons"; // Helpers diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 3e4d53bda946..6220ba5173d4 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -72,6 +72,26 @@ You can also use the SVG within your CSS (**be sure to escape any characters**, } {{< /highlight >}} +### Customizing + +Depending on the icon, you may add `.bi-light` (`1px`) or `.bi-bold` (`3px`) to make an icon's `stroke-width` lighter or bold. Most Bootstrap icons have a `2px` stroke. + +{{< example >}} + + + + + +{{< /example >}} + +Color can be changed by setting a `.text-*` class or custom CSS: + +{{< example >}} +
+ +
+{{< /example >}} + ## Additional libraries Need or want something else? Check out these recommended icon libraries. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. diff --git a/site/content/docs/4.3/icons/arrow-down.svg b/site/content/docs/4.3/icons/arrow-down.svg index 193b144b9956..1202e4c99bc3 100644 --- a/site/content/docs/4.3/icons/arrow-down.svg +++ b/site/content/docs/4.3/icons/arrow-down.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/arrow-left.svg b/site/content/docs/4.3/icons/arrow-left.svg index 4efda2b71455..ad94bb12fd6d 100644 --- a/site/content/docs/4.3/icons/arrow-left.svg +++ b/site/content/docs/4.3/icons/arrow-left.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/arrow-right.svg b/site/content/docs/4.3/icons/arrow-right.svg index 10006eae43bc..2f7e7b30158d 100644 --- a/site/content/docs/4.3/icons/arrow-right.svg +++ b/site/content/docs/4.3/icons/arrow-right.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/arrow-up.svg b/site/content/docs/4.3/icons/arrow-up.svg index 5f448c2ed0cd..40b61d774130 100644 --- a/site/content/docs/4.3/icons/arrow-up.svg +++ b/site/content/docs/4.3/icons/arrow-up.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/bold.svg b/site/content/docs/4.3/icons/bold.svg index 1e029fafbaf5..a972a4e70ef1 100644 --- a/site/content/docs/4.3/icons/bold.svg +++ b/site/content/docs/4.3/icons/bold.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/bootstrap-outline.svg b/site/content/docs/4.3/icons/bootstrap-outline.svg index 51640bd5b368..855fb5c0570f 100644 --- a/site/content/docs/4.3/icons/bootstrap-outline.svg +++ b/site/content/docs/4.3/icons/bootstrap-outline.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/bootstrap-solid.svg b/site/content/docs/4.3/icons/bootstrap-solid.svg index 445b389767d6..29ad966b5f8f 100644 --- a/site/content/docs/4.3/icons/bootstrap-solid.svg +++ b/site/content/docs/4.3/icons/bootstrap-solid.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/calendar.svg b/site/content/docs/4.3/icons/calendar.svg new file mode 100644 index 000000000000..86b57528b9be --- /dev/null +++ b/site/content/docs/4.3/icons/calendar.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/check.svg b/site/content/docs/4.3/icons/check.svg index 919f46d24b18..cc6a4d670a05 100644 --- a/site/content/docs/4.3/icons/check.svg +++ b/site/content/docs/4.3/icons/check.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/chevron-condensed-left.svg b/site/content/docs/4.3/icons/chevron-condensed-left.svg index 2e089b2a1538..f67e92852d94 100644 --- a/site/content/docs/4.3/icons/chevron-condensed-left.svg +++ b/site/content/docs/4.3/icons/chevron-condensed-left.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/chevron-condensed-right.svg b/site/content/docs/4.3/icons/chevron-condensed-right.svg index ccc42380627c..c3081366115e 100644 --- a/site/content/docs/4.3/icons/chevron-condensed-right.svg +++ b/site/content/docs/4.3/icons/chevron-condensed-right.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/chevron-down.svg b/site/content/docs/4.3/icons/chevron-down.svg index 79e0a7dde321..46efc700de02 100644 --- a/site/content/docs/4.3/icons/chevron-down.svg +++ b/site/content/docs/4.3/icons/chevron-down.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/chevron-left.svg b/site/content/docs/4.3/icons/chevron-left.svg index c28fe12d8134..dc25e06eeea1 100644 --- a/site/content/docs/4.3/icons/chevron-left.svg +++ b/site/content/docs/4.3/icons/chevron-left.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/chevron-right.svg b/site/content/docs/4.3/icons/chevron-right.svg index 227f702f220a..8ddff56c5962 100644 --- a/site/content/docs/4.3/icons/chevron-right.svg +++ b/site/content/docs/4.3/icons/chevron-right.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/chevron-up.svg b/site/content/docs/4.3/icons/chevron-up.svg index 249fbe98a600..dfbc12ff127a 100644 --- a/site/content/docs/4.3/icons/chevron-up.svg +++ b/site/content/docs/4.3/icons/chevron-up.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/circle.svg b/site/content/docs/4.3/icons/circle.svg index eb3e98432c94..4c14c0e674c8 100644 --- a/site/content/docs/4.3/icons/circle.svg +++ b/site/content/docs/4.3/icons/circle.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/code.svg b/site/content/docs/4.3/icons/code.svg index f3b9a4e22086..851d19084f7d 100644 --- a/site/content/docs/4.3/icons/code.svg +++ b/site/content/docs/4.3/icons/code.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/dash.svg b/site/content/docs/4.3/icons/dash.svg index 3a7054fbcfa1..00dd42e98917 100644 --- a/site/content/docs/4.3/icons/dash.svg +++ b/site/content/docs/4.3/icons/dash.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/display.svg b/site/content/docs/4.3/icons/display.svg index cd58bf13e501..646d65155d21 100644 --- a/site/content/docs/4.3/icons/display.svg +++ b/site/content/docs/4.3/icons/display.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/dot.svg b/site/content/docs/4.3/icons/dot.svg index f642cef7c019..f673c3cec259 100644 --- a/site/content/docs/4.3/icons/dot.svg +++ b/site/content/docs/4.3/icons/dot.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/ellipsis.svg b/site/content/docs/4.3/icons/ellipsis.svg index fb1a83098fdf..c3175403b1c1 100644 --- a/site/content/docs/4.3/icons/ellipsis.svg +++ b/site/content/docs/4.3/icons/ellipsis.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/fullscreen.svg b/site/content/docs/4.3/icons/fullscreen.svg new file mode 100644 index 000000000000..4d97b5d3790c --- /dev/null +++ b/site/content/docs/4.3/icons/fullscreen.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/heart-filled.svg b/site/content/docs/4.3/icons/heart-filled.svg index fd200eb8e2bd..b0988e4cc8dc 100644 --- a/site/content/docs/4.3/icons/heart-filled.svg +++ b/site/content/docs/4.3/icons/heart-filled.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/heart-outline.svg b/site/content/docs/4.3/icons/heart-outline.svg index 5c8606df0e75..6cbacca90eb5 100644 --- a/site/content/docs/4.3/icons/heart-outline.svg +++ b/site/content/docs/4.3/icons/heart-outline.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/image.svg b/site/content/docs/4.3/icons/image.svg index 25a3fad6dbb9..740c0865a89b 100644 --- a/site/content/docs/4.3/icons/image.svg +++ b/site/content/docs/4.3/icons/image.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/italic.svg b/site/content/docs/4.3/icons/italic.svg index 9723a47f926b..af51acb10149 100644 --- a/site/content/docs/4.3/icons/italic.svg +++ b/site/content/docs/4.3/icons/italic.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/justify-left.svg b/site/content/docs/4.3/icons/justify-left.svg index af3273dd7acd..6e1ce7b12b15 100644 --- a/site/content/docs/4.3/icons/justify-left.svg +++ b/site/content/docs/4.3/icons/justify-left.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/justify-right.svg b/site/content/docs/4.3/icons/justify-right.svg index 599a7e7f1412..8cf531172946 100644 --- a/site/content/docs/4.3/icons/justify-right.svg +++ b/site/content/docs/4.3/icons/justify-right.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/justify.svg b/site/content/docs/4.3/icons/justify.svg index 88e1d4dc4ae7..7898d9d8b401 100644 --- a/site/content/docs/4.3/icons/justify.svg +++ b/site/content/docs/4.3/icons/justify.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/people.svg b/site/content/docs/4.3/icons/people.svg index 98211e0ef03a..c6f5cc29a76b 100644 --- a/site/content/docs/4.3/icons/people.svg +++ b/site/content/docs/4.3/icons/people.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/person.svg b/site/content/docs/4.3/icons/person.svg index 98780fa9acb7..429a8f56fb96 100644 --- a/site/content/docs/4.3/icons/person.svg +++ b/site/content/docs/4.3/icons/person.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/plus.svg b/site/content/docs/4.3/icons/plus.svg index eebceb5f21a8..c51531ed2fe9 100644 --- a/site/content/docs/4.3/icons/plus.svg +++ b/site/content/docs/4.3/icons/plus.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/reboot.svg b/site/content/docs/4.3/icons/reboot.svg index f1eb8dcd9372..9beeab050fb2 100644 --- a/site/content/docs/4.3/icons/reboot.svg +++ b/site/content/docs/4.3/icons/reboot.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/resize.svg b/site/content/docs/4.3/icons/resize.svg index 3134a82c212a..2f96e43a8aaf 100644 --- a/site/content/docs/4.3/icons/resize.svg +++ b/site/content/docs/4.3/icons/resize.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/search.svg b/site/content/docs/4.3/icons/search.svg new file mode 100644 index 000000000000..54c1f785d2e5 --- /dev/null +++ b/site/content/docs/4.3/icons/search.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/star-filled.svg b/site/content/docs/4.3/icons/star-filled.svg index 66c293fb074b..ccff230961d0 100644 --- a/site/content/docs/4.3/icons/star-filled.svg +++ b/site/content/docs/4.3/icons/star-filled.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/star-outline.svg b/site/content/docs/4.3/icons/star-outline.svg index 1283b123edfa..636b93d6d683 100644 --- a/site/content/docs/4.3/icons/star-outline.svg +++ b/site/content/docs/4.3/icons/star-outline.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/text-center.svg b/site/content/docs/4.3/icons/text-center.svg index cc9f071666c5..a267c0c648e6 100644 --- a/site/content/docs/4.3/icons/text-center.svg +++ b/site/content/docs/4.3/icons/text-center.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/text-left.svg b/site/content/docs/4.3/icons/text-left.svg index bccc2ea5e733..645eaf01c3ea 100644 --- a/site/content/docs/4.3/icons/text-left.svg +++ b/site/content/docs/4.3/icons/text-left.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/text-right.svg b/site/content/docs/4.3/icons/text-right.svg index 893f5aac0e1a..b77346a2a515 100644 --- a/site/content/docs/4.3/icons/text-right.svg +++ b/site/content/docs/4.3/icons/text-right.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/type.svg b/site/content/docs/4.3/icons/type.svg index 2d7fd48f0468..3ad7c6258967 100644 --- a/site/content/docs/4.3/icons/type.svg +++ b/site/content/docs/4.3/icons/type.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/underline.svg b/site/content/docs/4.3/icons/underline.svg index 6f79e91c24cf..a18b26cca7e2 100644 --- a/site/content/docs/4.3/icons/underline.svg +++ b/site/content/docs/4.3/icons/underline.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/warning.svg b/site/content/docs/4.3/icons/warning.svg index 88d3acc7a458..cf69eac1e9c8 100644 --- a/site/content/docs/4.3/icons/warning.svg +++ b/site/content/docs/4.3/icons/warning.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/site/content/docs/4.3/icons/x.svg b/site/content/docs/4.3/icons/x.svg index d5dcf62ff0f4..84d4e88bfdb1 100644 --- a/site/content/docs/4.3/icons/x.svg +++ b/site/content/docs/4.3/icons/x.svg @@ -1 +1 @@ - \ No newline at end of file + From c4172682ee38f031b4c2bc44c6157dfcbefbcf76 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 19 Jul 2019 17:50:32 -0700 Subject: [PATCH 12/21] Add more icons --- site/content/docs/4.3/icons/bookmark-fill.svg | 1 + site/content/docs/4.3/icons/bookmark.svg | 1 + site/content/docs/4.3/icons/bootstrap-fill.svg | 1 + site/content/docs/4.3/icons/bootstrap-outline.svg | 1 - site/content/docs/4.3/icons/bootstrap-solid.svg | 1 - site/content/docs/4.3/icons/bootstrap.svg | 1 + site/content/docs/4.3/icons/credit-card.svg | 1 + site/content/docs/4.3/icons/diff.svg | 1 + site/content/docs/4.3/icons/envelope.svg | 1 + site/content/docs/4.3/icons/fullscreen.svg | 2 +- site/content/docs/4.3/icons/list-numbered.svg | 1 + site/content/docs/4.3/icons/list-unordered.svg | 1 + site/content/docs/4.3/icons/list.svg | 1 + site/content/docs/4.3/icons/move.svg | 1 + site/content/docs/4.3/icons/resize.svg | 2 +- site/content/docs/4.3/icons/search.svg | 2 +- site/content/docs/4.3/icons/terminal-fill.svg | 1 + site/content/docs/4.3/icons/terminal.svg | 1 + site/content/docs/4.3/icons/text-indent.svg | 1 + site/content/docs/4.3/icons/tv.svg | 1 + site/content/docs/4.3/icons/warning.svg | 2 +- site/content/docs/4.3/icons/wifi.svg | 1 + 22 files changed, 20 insertions(+), 6 deletions(-) create mode 100644 site/content/docs/4.3/icons/bookmark-fill.svg create mode 100644 site/content/docs/4.3/icons/bookmark.svg create mode 100644 site/content/docs/4.3/icons/bootstrap-fill.svg delete mode 100644 site/content/docs/4.3/icons/bootstrap-outline.svg delete mode 100644 site/content/docs/4.3/icons/bootstrap-solid.svg create mode 100644 site/content/docs/4.3/icons/bootstrap.svg create mode 100644 site/content/docs/4.3/icons/credit-card.svg create mode 100644 site/content/docs/4.3/icons/diff.svg create mode 100644 site/content/docs/4.3/icons/envelope.svg create mode 100644 site/content/docs/4.3/icons/list-numbered.svg create mode 100644 site/content/docs/4.3/icons/list-unordered.svg create mode 100644 site/content/docs/4.3/icons/list.svg create mode 100644 site/content/docs/4.3/icons/move.svg create mode 100644 site/content/docs/4.3/icons/terminal-fill.svg create mode 100644 site/content/docs/4.3/icons/terminal.svg create mode 100644 site/content/docs/4.3/icons/text-indent.svg create mode 100644 site/content/docs/4.3/icons/tv.svg create mode 100644 site/content/docs/4.3/icons/wifi.svg diff --git a/site/content/docs/4.3/icons/bookmark-fill.svg b/site/content/docs/4.3/icons/bookmark-fill.svg new file mode 100644 index 000000000000..9b5d07a7a3d6 --- /dev/null +++ b/site/content/docs/4.3/icons/bookmark-fill.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/bookmark.svg b/site/content/docs/4.3/icons/bookmark.svg new file mode 100644 index 000000000000..e21b42a6534f --- /dev/null +++ b/site/content/docs/4.3/icons/bookmark.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/bootstrap-fill.svg b/site/content/docs/4.3/icons/bootstrap-fill.svg new file mode 100644 index 000000000000..840a42f5e437 --- /dev/null +++ b/site/content/docs/4.3/icons/bootstrap-fill.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/bootstrap-outline.svg b/site/content/docs/4.3/icons/bootstrap-outline.svg deleted file mode 100644 index 855fb5c0570f..000000000000 --- a/site/content/docs/4.3/icons/bootstrap-outline.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/site/content/docs/4.3/icons/bootstrap-solid.svg b/site/content/docs/4.3/icons/bootstrap-solid.svg deleted file mode 100644 index 29ad966b5f8f..000000000000 --- a/site/content/docs/4.3/icons/bootstrap-solid.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/site/content/docs/4.3/icons/bootstrap.svg b/site/content/docs/4.3/icons/bootstrap.svg new file mode 100644 index 000000000000..681268113e78 --- /dev/null +++ b/site/content/docs/4.3/icons/bootstrap.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/credit-card.svg b/site/content/docs/4.3/icons/credit-card.svg new file mode 100644 index 000000000000..9209d62c554b --- /dev/null +++ b/site/content/docs/4.3/icons/credit-card.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/diff.svg b/site/content/docs/4.3/icons/diff.svg new file mode 100644 index 000000000000..1b357bdaf2af --- /dev/null +++ b/site/content/docs/4.3/icons/diff.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/envelope.svg b/site/content/docs/4.3/icons/envelope.svg new file mode 100644 index 000000000000..16b5ba6bd1d6 --- /dev/null +++ b/site/content/docs/4.3/icons/envelope.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/fullscreen.svg b/site/content/docs/4.3/icons/fullscreen.svg index 4d97b5d3790c..8225694f982e 100644 --- a/site/content/docs/4.3/icons/fullscreen.svg +++ b/site/content/docs/4.3/icons/fullscreen.svg @@ -1 +1 @@ - + diff --git a/site/content/docs/4.3/icons/list-numbered.svg b/site/content/docs/4.3/icons/list-numbered.svg new file mode 100644 index 000000000000..308e99cbcd47 --- /dev/null +++ b/site/content/docs/4.3/icons/list-numbered.svg @@ -0,0 +1 @@ +321 diff --git a/site/content/docs/4.3/icons/list-unordered.svg b/site/content/docs/4.3/icons/list-unordered.svg new file mode 100644 index 000000000000..528672c8207d --- /dev/null +++ b/site/content/docs/4.3/icons/list-unordered.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/list.svg b/site/content/docs/4.3/icons/list.svg new file mode 100644 index 000000000000..d7f279eb2872 --- /dev/null +++ b/site/content/docs/4.3/icons/list.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/move.svg b/site/content/docs/4.3/icons/move.svg new file mode 100644 index 000000000000..f4d5c4b839a9 --- /dev/null +++ b/site/content/docs/4.3/icons/move.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/resize.svg b/site/content/docs/4.3/icons/resize.svg index 2f96e43a8aaf..3f97228c7a9f 100644 --- a/site/content/docs/4.3/icons/resize.svg +++ b/site/content/docs/4.3/icons/resize.svg @@ -1 +1 @@ - + diff --git a/site/content/docs/4.3/icons/search.svg b/site/content/docs/4.3/icons/search.svg index 54c1f785d2e5..0762f376a735 100644 --- a/site/content/docs/4.3/icons/search.svg +++ b/site/content/docs/4.3/icons/search.svg @@ -1 +1 @@ - + diff --git a/site/content/docs/4.3/icons/terminal-fill.svg b/site/content/docs/4.3/icons/terminal-fill.svg new file mode 100644 index 000000000000..f01492cc103f --- /dev/null +++ b/site/content/docs/4.3/icons/terminal-fill.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/terminal.svg b/site/content/docs/4.3/icons/terminal.svg new file mode 100644 index 000000000000..040f4ba77b3f --- /dev/null +++ b/site/content/docs/4.3/icons/terminal.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/text-indent.svg b/site/content/docs/4.3/icons/text-indent.svg new file mode 100644 index 000000000000..b4688d6fcbfd --- /dev/null +++ b/site/content/docs/4.3/icons/text-indent.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/tv.svg b/site/content/docs/4.3/icons/tv.svg new file mode 100644 index 000000000000..e7b5377e755e --- /dev/null +++ b/site/content/docs/4.3/icons/tv.svg @@ -0,0 +1 @@ + diff --git a/site/content/docs/4.3/icons/warning.svg b/site/content/docs/4.3/icons/warning.svg index cf69eac1e9c8..26865da676aa 100644 --- a/site/content/docs/4.3/icons/warning.svg +++ b/site/content/docs/4.3/icons/warning.svg @@ -1 +1 @@ - + diff --git a/site/content/docs/4.3/icons/wifi.svg b/site/content/docs/4.3/icons/wifi.svg new file mode 100644 index 000000000000..faa80cfa2851 --- /dev/null +++ b/site/content/docs/4.3/icons/wifi.svg @@ -0,0 +1 @@ + From 3e256a9280eef2f1f37058dd4590886ea8a0029b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 19 Jul 2019 17:50:58 -0700 Subject: [PATCH 13/21] Add a new grid view of the icons (hoping to add a tab nav between table and grid) --- site/content/docs/4.3/components/icons.md | 15 +++++++++++++++ .../docs/4.3/assets/scss/_component-examples.scss | 13 ++++++++----- 2 files changed, 23 insertions(+), 5 deletions(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 6220ba5173d4..aff5da9d18da 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -10,6 +10,21 @@ toc: true Meet the Bootstrap icons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license. +
+ {{< listIcons.inline >}} + {{- $dirName := printf "site/content/docs/%s/icons/" .Site.Params.docs_version -}} + + {{- range (readDir $dirName) -}} + {{- $filenameWithExt := split .Name "." -}} + {{- $filename := index $filenameWithExt 0 -}} + {{- $name := humanize $filename -}} +
+ {{ readFile (printf "%s%s" $dirName .Name) }} +
+ {{ end -}} + {{< /listIcons.inline >}} +
+ diff --git a/site/static/docs/4.3/assets/scss/_component-examples.scss b/site/static/docs/4.3/assets/scss/_component-examples.scss index 8cc28d28b452..0ec59cac1e70 100644 --- a/site/static/docs/4.3/assets/scss/_component-examples.scss +++ b/site/static/docs/4.3/assets/scss/_component-examples.scss @@ -324,9 +324,12 @@ } } -.bd-bi-table { - svg { - width: 24px; - height: 24px; - } +.bd-bi-table svg { + width: 24px; + height: 24px; +} + +.bd-bi-grid svg { + width: 32px; + height: 32px; } From 2a55e4c4a81db1563fda028b440ac90d1035c5ab Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 20 Jul 2019 11:13:17 +0300 Subject: [PATCH 14/21] Replace Carousel icons with new ones --- scss/_variables.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 95067724a4cb..d9b7d0304c29 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1070,10 +1070,10 @@ $carousel-indicator-transition: opacity .6s ease !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; -$carousel-control-icon-width: 20px !default; +$carousel-control-icon-width: 32px !default; -$carousel-control-prev-icon-bg: url("data:image/svg+xml,") !default; -$carousel-control-next-icon-bg: url("data:image/svg+xml,") !default; +$carousel-control-prev-icon-bg: url("data:image/svg+xml,") !default; +$carousel-control-next-icon-bg: url("data:image/svg+xml,") !default; $carousel-transition-duration: .6s !default; $carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`) From b0fa090f610fd854609ebbe03a3c7b341e0d2b9a Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Sun, 21 Jul 2019 18:35:01 +0300 Subject: [PATCH 15/21] Add SVGO config for inline SVGs usage. --- build/svgo-inline.yml | 50 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 build/svgo-inline.yml diff --git a/build/svgo-inline.yml b/build/svgo-inline.yml new file mode 100644 index 000000000000..63bfe6f8bbe0 --- /dev/null +++ b/build/svgo-inline.yml @@ -0,0 +1,50 @@ +# Usage: +# install svgo globally: `npm i -g svgo` +# svgo --config=build/svgo.yml --input=foo.svg + +# https://github.com/svg/svgo/blob/master/docs/how-it-works/en.md +# replace default config + +multipass: true +#full: true + +# https://github.com/svg/svgo/blob/master/lib/svgo/js2svg.js#L6 for more config options + +plugins: + - cleanupAttrs: true + - cleanupEnableBackground: true + - cleanupIDs: true + - cleanupListOfValues: true + - cleanupNumericValues: true + - collapseGroups: true + - convertColors: true + - convertPathData: true + - convertShapeToPath: true + - convertStyleToAttrs: true + - convertTransform: true + - inlineStyles: true + - mergePaths: true + - minifyStyles: true + - moveElemsAttrsToGroup: true + - moveGroupAttrsToElems: true + - removeAttrs: + attrs: + - "data-name" + - removeComments: true + - removeDesc: true + - removeDoctype: true + - removeEditorsNSData: true + - removeEmptyAttrs: true + - removeEmptyContainers: true + - removeEmptyText: true + - removeHiddenElems: true + - removeMetadata: true + - removeNonInheritableGroupAttrs: true + - removeTitle: true + - removeUnusedNS: true + - removeUselessDefs: true + - removeUselessStrokeAndFill: true + - removeViewBox: false + - removeXMLNS: false + - removeXMLProcInst: true + - sortAttrs: true From bda6d8b09996c5db06df60ad13807eded0fbbc07 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 23 Jul 2019 13:57:18 -0700 Subject: [PATCH 16/21] Big icon update - Move icons to the dist folder - Add a icons-copy npm task to bring them into the ignored directory for serving in Hugo - Switch from inlining SVG as HTML to using img element - Remove the icon table and only use the grid --- .../docs/4.3 => dist}/icons/arrow-down.svg | 0 .../docs/4.3 => dist}/icons/arrow-left.svg | 0 .../docs/4.3 => dist}/icons/arrow-right.svg | 0 .../docs/4.3 => dist}/icons/arrow-up.svg | 0 .../content/docs/4.3 => dist}/icons/bold.svg | 0 .../docs/4.3 => dist}/icons/bookmark-fill.svg | 0 .../docs/4.3 => dist}/icons/bookmark.svg | 0 .../4.3 => dist}/icons/bootstrap-fill.svg | 0 .../docs/4.3 => dist}/icons/bootstrap.svg | 0 .../docs/4.3 => dist}/icons/calendar.svg | 0 .../content/docs/4.3 => dist}/icons/check.svg | 0 .../icons/chevron-condensed-left.svg | 0 .../icons/chevron-condensed-right.svg | 0 .../docs/4.3 => dist}/icons/chevron-down.svg | 0 .../docs/4.3 => dist}/icons/chevron-left.svg | 0 .../docs/4.3 => dist}/icons/chevron-right.svg | 0 .../docs/4.3 => dist}/icons/chevron-up.svg | 0 .../docs/4.3 => dist}/icons/circle.svg | 0 .../content/docs/4.3 => dist}/icons/code.svg | 0 .../docs/4.3 => dist}/icons/credit-card.svg | 0 .../content/docs/4.3 => dist}/icons/dash.svg | 0 .../content/docs/4.3 => dist}/icons/diff.svg | 0 .../docs/4.3 => dist}/icons/display.svg | 0 {site/content/docs/4.3 => dist}/icons/dot.svg | 0 .../docs/4.3 => dist}/icons/ellipsis.svg | 0 .../docs/4.3 => dist}/icons/envelope.svg | 0 .../docs/4.3 => dist}/icons/fullscreen.svg | 0 .../docs/4.3 => dist}/icons/heart-filled.svg | 0 .../docs/4.3 => dist}/icons/heart-outline.svg | 0 .../content/docs/4.3 => dist}/icons/image.svg | 0 .../docs/4.3 => dist}/icons/italic.svg | 0 .../docs/4.3 => dist}/icons/justify-left.svg | 0 .../docs/4.3 => dist}/icons/justify-right.svg | 0 .../docs/4.3 => dist}/icons/justify.svg | 0 .../docs/4.3 => dist}/icons/list-numbered.svg | 0 .../4.3 => dist}/icons/list-unordered.svg | 0 .../content/docs/4.3 => dist}/icons/list.svg | 0 .../content/docs/4.3 => dist}/icons/move.svg | 0 .../docs/4.3 => dist}/icons/people.svg | 0 .../docs/4.3 => dist}/icons/person.svg | 0 .../content/docs/4.3 => dist}/icons/plus.svg | 0 .../docs/4.3 => dist}/icons/reboot.svg | 0 .../docs/4.3 => dist}/icons/resize.svg | 0 .../docs/4.3 => dist}/icons/search.svg | 0 .../docs/4.3 => dist}/icons/star-filled.svg | 0 .../docs/4.3 => dist}/icons/star-outline.svg | 0 .../docs/4.3 => dist}/icons/terminal-fill.svg | 0 .../docs/4.3 => dist}/icons/terminal.svg | 0 .../docs/4.3 => dist}/icons/text-center.svg | 0 .../docs/4.3 => dist}/icons/text-indent.svg | 0 .../docs/4.3 => dist}/icons/text-left.svg | 0 .../docs/4.3 => dist}/icons/text-right.svg | 0 {site/content/docs/4.3 => dist}/icons/tv.svg | 0 .../content/docs/4.3 => dist}/icons/type.svg | 0 .../docs/4.3 => dist}/icons/underline.svg | 0 .../docs/4.3 => dist}/icons/warning.svg | 0 .../content/docs/4.3 => dist}/icons/wifi.svg | 0 {site/content/docs/4.3 => dist}/icons/x.svg | 0 package.json | 5 ++- site/content/docs/4.3/components/icons.md | 39 ++++--------------- .../4.3/assets/scss/_component-examples.scss | 21 ++++++---- 61 files changed, 24 insertions(+), 41 deletions(-) rename {site/content/docs/4.3 => dist}/icons/arrow-down.svg (100%) rename {site/content/docs/4.3 => dist}/icons/arrow-left.svg (100%) rename {site/content/docs/4.3 => dist}/icons/arrow-right.svg (100%) rename {site/content/docs/4.3 => dist}/icons/arrow-up.svg (100%) rename {site/content/docs/4.3 => dist}/icons/bold.svg (100%) rename {site/content/docs/4.3 => dist}/icons/bookmark-fill.svg (100%) rename {site/content/docs/4.3 => dist}/icons/bookmark.svg (100%) rename {site/content/docs/4.3 => dist}/icons/bootstrap-fill.svg (100%) rename {site/content/docs/4.3 => dist}/icons/bootstrap.svg (100%) rename {site/content/docs/4.3 => dist}/icons/calendar.svg (100%) rename {site/content/docs/4.3 => dist}/icons/check.svg (100%) rename {site/content/docs/4.3 => dist}/icons/chevron-condensed-left.svg (100%) rename {site/content/docs/4.3 => dist}/icons/chevron-condensed-right.svg (100%) rename {site/content/docs/4.3 => dist}/icons/chevron-down.svg (100%) rename {site/content/docs/4.3 => dist}/icons/chevron-left.svg (100%) rename {site/content/docs/4.3 => dist}/icons/chevron-right.svg (100%) rename {site/content/docs/4.3 => dist}/icons/chevron-up.svg (100%) rename {site/content/docs/4.3 => dist}/icons/circle.svg (100%) rename {site/content/docs/4.3 => dist}/icons/code.svg (100%) rename {site/content/docs/4.3 => dist}/icons/credit-card.svg (100%) rename {site/content/docs/4.3 => dist}/icons/dash.svg (100%) rename {site/content/docs/4.3 => dist}/icons/diff.svg (100%) rename {site/content/docs/4.3 => dist}/icons/display.svg (100%) rename {site/content/docs/4.3 => dist}/icons/dot.svg (100%) rename {site/content/docs/4.3 => dist}/icons/ellipsis.svg (100%) rename {site/content/docs/4.3 => dist}/icons/envelope.svg (100%) rename {site/content/docs/4.3 => dist}/icons/fullscreen.svg (100%) rename {site/content/docs/4.3 => dist}/icons/heart-filled.svg (100%) rename {site/content/docs/4.3 => dist}/icons/heart-outline.svg (100%) rename {site/content/docs/4.3 => dist}/icons/image.svg (100%) rename {site/content/docs/4.3 => dist}/icons/italic.svg (100%) rename {site/content/docs/4.3 => dist}/icons/justify-left.svg (100%) rename {site/content/docs/4.3 => dist}/icons/justify-right.svg (100%) rename {site/content/docs/4.3 => dist}/icons/justify.svg (100%) rename {site/content/docs/4.3 => dist}/icons/list-numbered.svg (100%) rename {site/content/docs/4.3 => dist}/icons/list-unordered.svg (100%) rename {site/content/docs/4.3 => dist}/icons/list.svg (100%) rename {site/content/docs/4.3 => dist}/icons/move.svg (100%) rename {site/content/docs/4.3 => dist}/icons/people.svg (100%) rename {site/content/docs/4.3 => dist}/icons/person.svg (100%) rename {site/content/docs/4.3 => dist}/icons/plus.svg (100%) rename {site/content/docs/4.3 => dist}/icons/reboot.svg (100%) rename {site/content/docs/4.3 => dist}/icons/resize.svg (100%) rename {site/content/docs/4.3 => dist}/icons/search.svg (100%) rename {site/content/docs/4.3 => dist}/icons/star-filled.svg (100%) rename {site/content/docs/4.3 => dist}/icons/star-outline.svg (100%) rename {site/content/docs/4.3 => dist}/icons/terminal-fill.svg (100%) rename {site/content/docs/4.3 => dist}/icons/terminal.svg (100%) rename {site/content/docs/4.3 => dist}/icons/text-center.svg (100%) rename {site/content/docs/4.3 => dist}/icons/text-indent.svg (100%) rename {site/content/docs/4.3 => dist}/icons/text-left.svg (100%) rename {site/content/docs/4.3 => dist}/icons/text-right.svg (100%) rename {site/content/docs/4.3 => dist}/icons/tv.svg (100%) rename {site/content/docs/4.3 => dist}/icons/type.svg (100%) rename {site/content/docs/4.3 => dist}/icons/underline.svg (100%) rename {site/content/docs/4.3 => dist}/icons/warning.svg (100%) rename {site/content/docs/4.3 => dist}/icons/wifi.svg (100%) rename {site/content/docs/4.3 => dist}/icons/x.svg (100%) diff --git a/site/content/docs/4.3/icons/arrow-down.svg b/dist/icons/arrow-down.svg similarity index 100% rename from site/content/docs/4.3/icons/arrow-down.svg rename to dist/icons/arrow-down.svg diff --git a/site/content/docs/4.3/icons/arrow-left.svg b/dist/icons/arrow-left.svg similarity index 100% rename from site/content/docs/4.3/icons/arrow-left.svg rename to dist/icons/arrow-left.svg diff --git a/site/content/docs/4.3/icons/arrow-right.svg b/dist/icons/arrow-right.svg similarity index 100% rename from site/content/docs/4.3/icons/arrow-right.svg rename to dist/icons/arrow-right.svg diff --git a/site/content/docs/4.3/icons/arrow-up.svg b/dist/icons/arrow-up.svg similarity index 100% rename from site/content/docs/4.3/icons/arrow-up.svg rename to dist/icons/arrow-up.svg diff --git a/site/content/docs/4.3/icons/bold.svg b/dist/icons/bold.svg similarity index 100% rename from site/content/docs/4.3/icons/bold.svg rename to dist/icons/bold.svg diff --git a/site/content/docs/4.3/icons/bookmark-fill.svg b/dist/icons/bookmark-fill.svg similarity index 100% rename from site/content/docs/4.3/icons/bookmark-fill.svg rename to dist/icons/bookmark-fill.svg diff --git a/site/content/docs/4.3/icons/bookmark.svg b/dist/icons/bookmark.svg similarity index 100% rename from site/content/docs/4.3/icons/bookmark.svg rename to dist/icons/bookmark.svg diff --git a/site/content/docs/4.3/icons/bootstrap-fill.svg b/dist/icons/bootstrap-fill.svg similarity index 100% rename from site/content/docs/4.3/icons/bootstrap-fill.svg rename to dist/icons/bootstrap-fill.svg diff --git a/site/content/docs/4.3/icons/bootstrap.svg b/dist/icons/bootstrap.svg similarity index 100% rename from site/content/docs/4.3/icons/bootstrap.svg rename to dist/icons/bootstrap.svg diff --git a/site/content/docs/4.3/icons/calendar.svg b/dist/icons/calendar.svg similarity index 100% rename from site/content/docs/4.3/icons/calendar.svg rename to dist/icons/calendar.svg diff --git a/site/content/docs/4.3/icons/check.svg b/dist/icons/check.svg similarity index 100% rename from site/content/docs/4.3/icons/check.svg rename to dist/icons/check.svg diff --git a/site/content/docs/4.3/icons/chevron-condensed-left.svg b/dist/icons/chevron-condensed-left.svg similarity index 100% rename from site/content/docs/4.3/icons/chevron-condensed-left.svg rename to dist/icons/chevron-condensed-left.svg diff --git a/site/content/docs/4.3/icons/chevron-condensed-right.svg b/dist/icons/chevron-condensed-right.svg similarity index 100% rename from site/content/docs/4.3/icons/chevron-condensed-right.svg rename to dist/icons/chevron-condensed-right.svg diff --git a/site/content/docs/4.3/icons/chevron-down.svg b/dist/icons/chevron-down.svg similarity index 100% rename from site/content/docs/4.3/icons/chevron-down.svg rename to dist/icons/chevron-down.svg diff --git a/site/content/docs/4.3/icons/chevron-left.svg b/dist/icons/chevron-left.svg similarity index 100% rename from site/content/docs/4.3/icons/chevron-left.svg rename to dist/icons/chevron-left.svg diff --git a/site/content/docs/4.3/icons/chevron-right.svg b/dist/icons/chevron-right.svg similarity index 100% rename from site/content/docs/4.3/icons/chevron-right.svg rename to dist/icons/chevron-right.svg diff --git a/site/content/docs/4.3/icons/chevron-up.svg b/dist/icons/chevron-up.svg similarity index 100% rename from site/content/docs/4.3/icons/chevron-up.svg rename to dist/icons/chevron-up.svg diff --git a/site/content/docs/4.3/icons/circle.svg b/dist/icons/circle.svg similarity index 100% rename from site/content/docs/4.3/icons/circle.svg rename to dist/icons/circle.svg diff --git a/site/content/docs/4.3/icons/code.svg b/dist/icons/code.svg similarity index 100% rename from site/content/docs/4.3/icons/code.svg rename to dist/icons/code.svg diff --git a/site/content/docs/4.3/icons/credit-card.svg b/dist/icons/credit-card.svg similarity index 100% rename from site/content/docs/4.3/icons/credit-card.svg rename to dist/icons/credit-card.svg diff --git a/site/content/docs/4.3/icons/dash.svg b/dist/icons/dash.svg similarity index 100% rename from site/content/docs/4.3/icons/dash.svg rename to dist/icons/dash.svg diff --git a/site/content/docs/4.3/icons/diff.svg b/dist/icons/diff.svg similarity index 100% rename from site/content/docs/4.3/icons/diff.svg rename to dist/icons/diff.svg diff --git a/site/content/docs/4.3/icons/display.svg b/dist/icons/display.svg similarity index 100% rename from site/content/docs/4.3/icons/display.svg rename to dist/icons/display.svg diff --git a/site/content/docs/4.3/icons/dot.svg b/dist/icons/dot.svg similarity index 100% rename from site/content/docs/4.3/icons/dot.svg rename to dist/icons/dot.svg diff --git a/site/content/docs/4.3/icons/ellipsis.svg b/dist/icons/ellipsis.svg similarity index 100% rename from site/content/docs/4.3/icons/ellipsis.svg rename to dist/icons/ellipsis.svg diff --git a/site/content/docs/4.3/icons/envelope.svg b/dist/icons/envelope.svg similarity index 100% rename from site/content/docs/4.3/icons/envelope.svg rename to dist/icons/envelope.svg diff --git a/site/content/docs/4.3/icons/fullscreen.svg b/dist/icons/fullscreen.svg similarity index 100% rename from site/content/docs/4.3/icons/fullscreen.svg rename to dist/icons/fullscreen.svg diff --git a/site/content/docs/4.3/icons/heart-filled.svg b/dist/icons/heart-filled.svg similarity index 100% rename from site/content/docs/4.3/icons/heart-filled.svg rename to dist/icons/heart-filled.svg diff --git a/site/content/docs/4.3/icons/heart-outline.svg b/dist/icons/heart-outline.svg similarity index 100% rename from site/content/docs/4.3/icons/heart-outline.svg rename to dist/icons/heart-outline.svg diff --git a/site/content/docs/4.3/icons/image.svg b/dist/icons/image.svg similarity index 100% rename from site/content/docs/4.3/icons/image.svg rename to dist/icons/image.svg diff --git a/site/content/docs/4.3/icons/italic.svg b/dist/icons/italic.svg similarity index 100% rename from site/content/docs/4.3/icons/italic.svg rename to dist/icons/italic.svg diff --git a/site/content/docs/4.3/icons/justify-left.svg b/dist/icons/justify-left.svg similarity index 100% rename from site/content/docs/4.3/icons/justify-left.svg rename to dist/icons/justify-left.svg diff --git a/site/content/docs/4.3/icons/justify-right.svg b/dist/icons/justify-right.svg similarity index 100% rename from site/content/docs/4.3/icons/justify-right.svg rename to dist/icons/justify-right.svg diff --git a/site/content/docs/4.3/icons/justify.svg b/dist/icons/justify.svg similarity index 100% rename from site/content/docs/4.3/icons/justify.svg rename to dist/icons/justify.svg diff --git a/site/content/docs/4.3/icons/list-numbered.svg b/dist/icons/list-numbered.svg similarity index 100% rename from site/content/docs/4.3/icons/list-numbered.svg rename to dist/icons/list-numbered.svg diff --git a/site/content/docs/4.3/icons/list-unordered.svg b/dist/icons/list-unordered.svg similarity index 100% rename from site/content/docs/4.3/icons/list-unordered.svg rename to dist/icons/list-unordered.svg diff --git a/site/content/docs/4.3/icons/list.svg b/dist/icons/list.svg similarity index 100% rename from site/content/docs/4.3/icons/list.svg rename to dist/icons/list.svg diff --git a/site/content/docs/4.3/icons/move.svg b/dist/icons/move.svg similarity index 100% rename from site/content/docs/4.3/icons/move.svg rename to dist/icons/move.svg diff --git a/site/content/docs/4.3/icons/people.svg b/dist/icons/people.svg similarity index 100% rename from site/content/docs/4.3/icons/people.svg rename to dist/icons/people.svg diff --git a/site/content/docs/4.3/icons/person.svg b/dist/icons/person.svg similarity index 100% rename from site/content/docs/4.3/icons/person.svg rename to dist/icons/person.svg diff --git a/site/content/docs/4.3/icons/plus.svg b/dist/icons/plus.svg similarity index 100% rename from site/content/docs/4.3/icons/plus.svg rename to dist/icons/plus.svg diff --git a/site/content/docs/4.3/icons/reboot.svg b/dist/icons/reboot.svg similarity index 100% rename from site/content/docs/4.3/icons/reboot.svg rename to dist/icons/reboot.svg diff --git a/site/content/docs/4.3/icons/resize.svg b/dist/icons/resize.svg similarity index 100% rename from site/content/docs/4.3/icons/resize.svg rename to dist/icons/resize.svg diff --git a/site/content/docs/4.3/icons/search.svg b/dist/icons/search.svg similarity index 100% rename from site/content/docs/4.3/icons/search.svg rename to dist/icons/search.svg diff --git a/site/content/docs/4.3/icons/star-filled.svg b/dist/icons/star-filled.svg similarity index 100% rename from site/content/docs/4.3/icons/star-filled.svg rename to dist/icons/star-filled.svg diff --git a/site/content/docs/4.3/icons/star-outline.svg b/dist/icons/star-outline.svg similarity index 100% rename from site/content/docs/4.3/icons/star-outline.svg rename to dist/icons/star-outline.svg diff --git a/site/content/docs/4.3/icons/terminal-fill.svg b/dist/icons/terminal-fill.svg similarity index 100% rename from site/content/docs/4.3/icons/terminal-fill.svg rename to dist/icons/terminal-fill.svg diff --git a/site/content/docs/4.3/icons/terminal.svg b/dist/icons/terminal.svg similarity index 100% rename from site/content/docs/4.3/icons/terminal.svg rename to dist/icons/terminal.svg diff --git a/site/content/docs/4.3/icons/text-center.svg b/dist/icons/text-center.svg similarity index 100% rename from site/content/docs/4.3/icons/text-center.svg rename to dist/icons/text-center.svg diff --git a/site/content/docs/4.3/icons/text-indent.svg b/dist/icons/text-indent.svg similarity index 100% rename from site/content/docs/4.3/icons/text-indent.svg rename to dist/icons/text-indent.svg diff --git a/site/content/docs/4.3/icons/text-left.svg b/dist/icons/text-left.svg similarity index 100% rename from site/content/docs/4.3/icons/text-left.svg rename to dist/icons/text-left.svg diff --git a/site/content/docs/4.3/icons/text-right.svg b/dist/icons/text-right.svg similarity index 100% rename from site/content/docs/4.3/icons/text-right.svg rename to dist/icons/text-right.svg diff --git a/site/content/docs/4.3/icons/tv.svg b/dist/icons/tv.svg similarity index 100% rename from site/content/docs/4.3/icons/tv.svg rename to dist/icons/tv.svg diff --git a/site/content/docs/4.3/icons/type.svg b/dist/icons/type.svg similarity index 100% rename from site/content/docs/4.3/icons/type.svg rename to dist/icons/type.svg diff --git a/site/content/docs/4.3/icons/underline.svg b/dist/icons/underline.svg similarity index 100% rename from site/content/docs/4.3/icons/underline.svg rename to dist/icons/underline.svg diff --git a/site/content/docs/4.3/icons/warning.svg b/dist/icons/warning.svg similarity index 100% rename from site/content/docs/4.3/icons/warning.svg rename to dist/icons/warning.svg diff --git a/site/content/docs/4.3/icons/wifi.svg b/dist/icons/wifi.svg similarity index 100% rename from site/content/docs/4.3/icons/wifi.svg rename to dist/icons/wifi.svg diff --git a/site/content/docs/4.3/icons/x.svg b/dist/icons/x.svg similarity index 100% rename from site/content/docs/4.3/icons/x.svg rename to dist/icons/x.svg diff --git a/package.json b/package.json index b5eb858d3108..355577e10571 100644 --- a/package.json +++ b/package.json @@ -61,17 +61,18 @@ "js-test-karma": "karma start js/tests/karma.conf.js", "js-test-integration": "rollup --config js/tests/integration/rollup.bundle.js", "js-test-cloud": "cross-env BROWSER=true npm run js-test-karma", + "icons-copy": "cross-env-shell shx mkdir -p site/static/docs/$npm_package_version_short/dist/ && cross-env-shell shx cp -r dist/icons/ site/static/docs/$npm_package_version_short/dist/", "lint": "npm-run-all --parallel js-lint css-lint", "coveralls": "shx cat js/coverage/lcov.info | coveralls", "docs": "npm-run-all css-docs js-docs docs-build docs-lint", - "predocs-build": "npm-run-all css-copy js-copy", + "predocs-build": "npm-run-all css-copy js-copy icons-copy", "docs-build": "hugo --cleanDestinationDir", "docs-compile": "npm run docs-build", "docs-production": "cross-env HUGO_ENV=production npm run docs-build", "docs-linkinator": "linkinator _gh_pages --recurse --silent --skip \"^(?!http://localhost)\"", "docs-vnu": "node build/vnu-jar.js", "docs-lint": "npm-run-all --parallel docs-vnu docs-linkinator", - "predocs-serve": "npm-run-all css-copy js-copy", + "predocs-serve": "npm-run-all css-copy js-copy icons-copy", "docs-serve": "hugo server --port 9001 --disableFastRender", "docs-serve-only": "serve _gh_pages --listen 9001", "update-deps": "ncu -a -x karma-browserstack-launcher && npm update && cross-env-shell echo Manually update \\\"site/static/docs/$npm_package_version_short/assets/js/vendor/\\\"", diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index aff5da9d18da..1977fba49938 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -10,49 +10,24 @@ toc: true Meet the Bootstrap icons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license. -
+
{{< listIcons.inline >}} - {{- $dirName := printf "site/content/docs/%s/icons/" .Site.Params.docs_version -}} + {{- $dirName := printf "site/static/docs/%s/dist/icons/" .Site.Params.docs_version -}} {{- range (readDir $dirName) -}} {{- $filenameWithExt := split .Name "." -}} {{- $filename := index $filenameWithExt 0 -}} {{- $name := humanize $filename -}} -
- {{ readFile (printf "%s%s" $dirName .Name) }} +
+
+ {{ printf $name }} +
+
{{ printf $name }}
{{ end -}} {{< /listIcons.inline >}}
-
- - - - - - - - - {{< listIcons.inline >}} - {{- $dirName := printf "site/content/docs/%s/icons/" .Site.Params.docs_version -}} - - {{- range (readDir $dirName) -}} - {{- $filenameWithExt := split .Name "." -}} - {{- $filename := index $filenameWithExt 0 -}} - {{- $name := humanize $filename -}} - - - - - - {{ end -}} - {{< /listIcons.inline >}} - -
NameIconClass
{{ $name }}{{ readFile (printf "%s%s" $dirName .Name) }} - .bi-{{ $filename }} -
- ## How to use Bootstrap icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. diff --git a/site/static/docs/4.3/assets/scss/_component-examples.scss b/site/static/docs/4.3/assets/scss/_component-examples.scss index 0ec59cac1e70..d889f5749c41 100644 --- a/site/static/docs/4.3/assets/scss/_component-examples.scss +++ b/site/static/docs/4.3/assets/scss/_component-examples.scss @@ -324,12 +324,19 @@ } } -.bd-bi-table svg { - width: 24px; - height: 24px; -} +.bd-bi-grid > * { + flex: 0 0 calc(100% / 3); + @include font-size(.8125rem); + + @include media-breakpoint-up(sm) { + flex: 0 0 calc(100% / 4); + } -.bd-bi-grid svg { - width: 32px; - height: 32px; + @include media-breakpoint-up(lg) { + flex: 0 0 calc(100% / 5); + } + + @include media-breakpoint-up(xl) { + flex: 0 0 calc(100% / 6); + } } From 7637c1170f2c8dc5e98db5f138a12be3f2b7cb39 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 23 Jul 2019 21:50:30 -0700 Subject: [PATCH 17/21] Add more icons, add svgo npm script, change the display from dir reading to data yml --- dist/icons/arrow-clockwise.svg | 6 ++ dist/icons/arrow-counter-clockwise.svg | 6 ++ dist/icons/arrow-down.svg | 7 +- dist/icons/arrow-left-right.svg | 8 ++ dist/icons/arrow-left.svg | 7 +- dist/icons/arrow-repeat.svg | 8 ++ dist/icons/arrow-right.svg | 7 +- dist/icons/arrow-up-down.svg | 8 ++ dist/icons/arrow-up.svg | 7 +- dist/icons/bold.svg | 4 +- dist/icons/bookmark-fill.svg | 4 +- dist/icons/bookmark.svg | 4 +- dist/icons/bootstrap-fill.svg | 4 +- dist/icons/bootstrap.svg | 4 +- dist/icons/calendar.svg | 16 ++- dist/icons/check.svg | 4 +- dist/icons/chevron-compact-left.svg | 3 + dist/icons/chevron-compact-right.svg | 3 + dist/icons/chevron-condensed-left.svg | 1 - dist/icons/chevron-condensed-right.svg | 1 - dist/icons/chevron-down.svg | 4 +- dist/icons/chevron-left.svg | 4 +- dist/icons/chevron-right.svg | 4 +- dist/icons/chevron-up.svg | 4 +- dist/icons/circle-slash.svg | 6 ++ dist/icons/circle.svg | 4 +- dist/icons/clock-fill.svg | 3 + dist/icons/clock.svg | 10 ++ dist/icons/code.svg | 4 +- dist/icons/credit-card.svg | 8 +- dist/icons/dash.svg | 4 +- dist/icons/diff.svg | 7 +- dist/icons/display.svg | 7 +- dist/icons/dot.svg | 4 +- dist/icons/ellipsis.svg | 4 +- dist/icons/envelope.svg | 7 +- dist/icons/fullscreen.svg | 4 +- dist/icons/gear-fill.svg | 3 + dist/icons/gear.svg | 6 ++ dist/icons/heart-filled.svg | 4 +- dist/icons/heart-outline.svg | 4 +- dist/icons/house-fill.svg | 6 ++ dist/icons/house.svg | 6 ++ dist/icons/image.svg | 8 +- dist/icons/italic.svg | 4 +- dist/icons/justify-left.svg | 4 +- dist/icons/justify-right.svg | 4 +- dist/icons/justify.svg | 4 +- dist/icons/list-numbered.svg | 7 +- dist/icons/list-unordered.svg | 4 +- dist/icons/list.svg | 4 +- dist/icons/lock-fill.svg | 6 ++ dist/icons/lock.svg | 3 + dist/icons/move.svg | 4 +- dist/icons/pause-fill.svg | 3 + dist/icons/pause.svg | 3 + dist/icons/people.svg | 4 +- dist/icons/person.svg | 4 +- dist/icons/play-fill.svg | 3 + dist/icons/play.svg | 3 + dist/icons/plus.svg | 4 +- dist/icons/reboot.svg | 4 +- dist/icons/resize.svg | 4 +- dist/icons/search.svg | 7 +- dist/icons/skip-backward-fill.svg | 7 ++ dist/icons/skip-backward.svg | 6 ++ dist/icons/skip-end-fill.svg | 6 ++ dist/icons/skip-end.svg | 6 ++ dist/icons/skip-forward-fill.svg | 7 ++ dist/icons/skip-forward.svg | 6 ++ dist/icons/skip-start-fill.svg | 6 ++ dist/icons/skip-start.svg | 6 ++ dist/icons/star-filled.svg | 4 +- dist/icons/star-outline.svg | 4 +- dist/icons/stop-fill.svg | 3 + dist/icons/stop.svg | 3 + dist/icons/tag.svg | 3 + dist/icons/terminal-fill.svg | 7 +- dist/icons/terminal.svg | 4 +- dist/icons/text-center.svg | 4 +- dist/icons/text-indent.svg | 7 +- dist/icons/text-left.svg | 4 +- dist/icons/text-right.svg | 4 +- dist/icons/tv.svg | 7 +- dist/icons/type.svg | 4 +- dist/icons/underline.svg | 4 +- dist/icons/unlock-fill.svg | 6 ++ dist/icons/unlock.svg | 3 + dist/icons/warning.svg | 4 +- dist/icons/wifi.svg | 2 +- dist/icons/x.svg | 4 +- package.json | 1 + site/content/docs/4.3/components/icons.md | 25 ++--- site/data/icon-libraries.yml | 23 +++++ site/data/icons.yml | 120 +++++++++++++++++----- 95 files changed, 524 insertions(+), 96 deletions(-) create mode 100644 dist/icons/arrow-clockwise.svg create mode 100644 dist/icons/arrow-counter-clockwise.svg create mode 100644 dist/icons/arrow-left-right.svg create mode 100644 dist/icons/arrow-repeat.svg create mode 100644 dist/icons/arrow-up-down.svg create mode 100644 dist/icons/chevron-compact-left.svg create mode 100644 dist/icons/chevron-compact-right.svg delete mode 100644 dist/icons/chevron-condensed-left.svg delete mode 100644 dist/icons/chevron-condensed-right.svg create mode 100644 dist/icons/circle-slash.svg create mode 100644 dist/icons/clock-fill.svg create mode 100644 dist/icons/clock.svg create mode 100644 dist/icons/gear-fill.svg create mode 100644 dist/icons/gear.svg create mode 100644 dist/icons/house-fill.svg create mode 100644 dist/icons/house.svg create mode 100644 dist/icons/lock-fill.svg create mode 100644 dist/icons/lock.svg create mode 100644 dist/icons/pause-fill.svg create mode 100644 dist/icons/pause.svg create mode 100644 dist/icons/play-fill.svg create mode 100644 dist/icons/play.svg create mode 100644 dist/icons/skip-backward-fill.svg create mode 100644 dist/icons/skip-backward.svg create mode 100644 dist/icons/skip-end-fill.svg create mode 100644 dist/icons/skip-end.svg create mode 100644 dist/icons/skip-forward-fill.svg create mode 100644 dist/icons/skip-forward.svg create mode 100644 dist/icons/skip-start-fill.svg create mode 100644 dist/icons/skip-start.svg create mode 100644 dist/icons/stop-fill.svg create mode 100644 dist/icons/stop.svg create mode 100644 dist/icons/tag.svg create mode 100644 dist/icons/unlock-fill.svg create mode 100644 dist/icons/unlock.svg create mode 100644 site/data/icon-libraries.yml diff --git a/dist/icons/arrow-clockwise.svg b/dist/icons/arrow-clockwise.svg new file mode 100644 index 000000000000..d5da5795f991 --- /dev/null +++ b/dist/icons/arrow-clockwise.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/arrow-counter-clockwise.svg b/dist/icons/arrow-counter-clockwise.svg new file mode 100644 index 000000000000..01bb0a2bac48 --- /dev/null +++ b/dist/icons/arrow-counter-clockwise.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/arrow-down.svg b/dist/icons/arrow-down.svg index 1202e4c99bc3..9f0e05a881c7 100644 --- a/dist/icons/arrow-down.svg +++ b/dist/icons/arrow-down.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/arrow-left-right.svg b/dist/icons/arrow-left-right.svg new file mode 100644 index 000000000000..d73f2481ae3f --- /dev/null +++ b/dist/icons/arrow-left-right.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/dist/icons/arrow-left.svg b/dist/icons/arrow-left.svg index ad94bb12fd6d..224541e70fa3 100644 --- a/dist/icons/arrow-left.svg +++ b/dist/icons/arrow-left.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/arrow-repeat.svg b/dist/icons/arrow-repeat.svg new file mode 100644 index 000000000000..dd9df8a3558f --- /dev/null +++ b/dist/icons/arrow-repeat.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/dist/icons/arrow-right.svg b/dist/icons/arrow-right.svg index 2f7e7b30158d..a95621aac616 100644 --- a/dist/icons/arrow-right.svg +++ b/dist/icons/arrow-right.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/arrow-up-down.svg b/dist/icons/arrow-up-down.svg new file mode 100644 index 000000000000..6e91522439d6 --- /dev/null +++ b/dist/icons/arrow-up-down.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/dist/icons/arrow-up.svg b/dist/icons/arrow-up.svg index 40b61d774130..e3588f93a95e 100644 --- a/dist/icons/arrow-up.svg +++ b/dist/icons/arrow-up.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/bold.svg b/dist/icons/bold.svg index a972a4e70ef1..258ebbc214a1 100644 --- a/dist/icons/bold.svg +++ b/dist/icons/bold.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/bookmark-fill.svg b/dist/icons/bookmark-fill.svg index 9b5d07a7a3d6..01c7467ce6ce 100644 --- a/dist/icons/bookmark-fill.svg +++ b/dist/icons/bookmark-fill.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/bookmark.svg b/dist/icons/bookmark.svg index e21b42a6534f..1e31686815cf 100644 --- a/dist/icons/bookmark.svg +++ b/dist/icons/bookmark.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/bootstrap-fill.svg b/dist/icons/bootstrap-fill.svg index 840a42f5e437..556ccbb48cf4 100644 --- a/dist/icons/bootstrap-fill.svg +++ b/dist/icons/bootstrap-fill.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/bootstrap.svg b/dist/icons/bootstrap.svg index 681268113e78..44ce97c6d08f 100644 --- a/dist/icons/bootstrap.svg +++ b/dist/icons/bootstrap.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/calendar.svg b/dist/icons/calendar.svg index 86b57528b9be..57964c3c330a 100644 --- a/dist/icons/calendar.svg +++ b/dist/icons/calendar.svg @@ -1 +1,15 @@ - + + + + + + + + + + + + + + + diff --git a/dist/icons/check.svg b/dist/icons/check.svg index cc6a4d670a05..bc91d7959ed7 100644 --- a/dist/icons/check.svg +++ b/dist/icons/check.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/chevron-compact-left.svg b/dist/icons/chevron-compact-left.svg new file mode 100644 index 000000000000..f832bc705683 --- /dev/null +++ b/dist/icons/chevron-compact-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/chevron-compact-right.svg b/dist/icons/chevron-compact-right.svg new file mode 100644 index 000000000000..03c333ec096c --- /dev/null +++ b/dist/icons/chevron-compact-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/chevron-condensed-left.svg b/dist/icons/chevron-condensed-left.svg deleted file mode 100644 index f67e92852d94..000000000000 --- a/dist/icons/chevron-condensed-left.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/dist/icons/chevron-condensed-right.svg b/dist/icons/chevron-condensed-right.svg deleted file mode 100644 index c3081366115e..000000000000 --- a/dist/icons/chevron-condensed-right.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/dist/icons/chevron-down.svg b/dist/icons/chevron-down.svg index 46efc700de02..ce095f207b0f 100644 --- a/dist/icons/chevron-down.svg +++ b/dist/icons/chevron-down.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/chevron-left.svg b/dist/icons/chevron-left.svg index dc25e06eeea1..38bcf38bf88b 100644 --- a/dist/icons/chevron-left.svg +++ b/dist/icons/chevron-left.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/chevron-right.svg b/dist/icons/chevron-right.svg index 8ddff56c5962..ed5c5cdf3e14 100644 --- a/dist/icons/chevron-right.svg +++ b/dist/icons/chevron-right.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/chevron-up.svg b/dist/icons/chevron-up.svg index dfbc12ff127a..f67b2ad6b2f8 100644 --- a/dist/icons/chevron-up.svg +++ b/dist/icons/chevron-up.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/circle-slash.svg b/dist/icons/circle-slash.svg new file mode 100644 index 000000000000..eb5b5191a021 --- /dev/null +++ b/dist/icons/circle-slash.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/circle.svg b/dist/icons/circle.svg index 4c14c0e674c8..d28e168b9a12 100644 --- a/dist/icons/circle.svg +++ b/dist/icons/circle.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/clock-fill.svg b/dist/icons/clock-fill.svg new file mode 100644 index 000000000000..683d6ad0f245 --- /dev/null +++ b/dist/icons/clock-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/clock.svg b/dist/icons/clock.svg new file mode 100644 index 000000000000..1a84777fa6cf --- /dev/null +++ b/dist/icons/clock.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/dist/icons/code.svg b/dist/icons/code.svg index 851d19084f7d..2138b341153c 100644 --- a/dist/icons/code.svg +++ b/dist/icons/code.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/credit-card.svg b/dist/icons/credit-card.svg index 9209d62c554b..062a5923a3a7 100644 --- a/dist/icons/credit-card.svg +++ b/dist/icons/credit-card.svg @@ -1 +1,7 @@ - + + + + + + + diff --git a/dist/icons/dash.svg b/dist/icons/dash.svg index 00dd42e98917..d03802069945 100644 --- a/dist/icons/dash.svg +++ b/dist/icons/dash.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/diff.svg b/dist/icons/diff.svg index 1b357bdaf2af..b8a4461f1c98 100644 --- a/dist/icons/diff.svg +++ b/dist/icons/diff.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/display.svg b/dist/icons/display.svg index 646d65155d21..91d8b797f727 100644 --- a/dist/icons/display.svg +++ b/dist/icons/display.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/dot.svg b/dist/icons/dot.svg index f673c3cec259..f8f8ca16ee5a 100644 --- a/dist/icons/dot.svg +++ b/dist/icons/dot.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/ellipsis.svg b/dist/icons/ellipsis.svg index c3175403b1c1..b59b5ec5837f 100644 --- a/dist/icons/ellipsis.svg +++ b/dist/icons/ellipsis.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/envelope.svg b/dist/icons/envelope.svg index 16b5ba6bd1d6..8f7840d67d69 100644 --- a/dist/icons/envelope.svg +++ b/dist/icons/envelope.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/fullscreen.svg b/dist/icons/fullscreen.svg index 8225694f982e..217544d226a4 100644 --- a/dist/icons/fullscreen.svg +++ b/dist/icons/fullscreen.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/gear-fill.svg b/dist/icons/gear-fill.svg new file mode 100644 index 000000000000..21c9b69ff424 --- /dev/null +++ b/dist/icons/gear-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/gear.svg b/dist/icons/gear.svg new file mode 100644 index 000000000000..1d1fbc688708 --- /dev/null +++ b/dist/icons/gear.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/heart-filled.svg b/dist/icons/heart-filled.svg index b0988e4cc8dc..c239969e27f2 100644 --- a/dist/icons/heart-filled.svg +++ b/dist/icons/heart-filled.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/heart-outline.svg b/dist/icons/heart-outline.svg index 6cbacca90eb5..dbbf35b7bd06 100644 --- a/dist/icons/heart-outline.svg +++ b/dist/icons/heart-outline.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/house-fill.svg b/dist/icons/house-fill.svg new file mode 100644 index 000000000000..543cadc6d70e --- /dev/null +++ b/dist/icons/house-fill.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/house.svg b/dist/icons/house.svg new file mode 100644 index 000000000000..bf87aa13bea1 --- /dev/null +++ b/dist/icons/house.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/image.svg b/dist/icons/image.svg index 740c0865a89b..464eaf6ec242 100644 --- a/dist/icons/image.svg +++ b/dist/icons/image.svg @@ -1 +1,7 @@ - + + + + + + + diff --git a/dist/icons/italic.svg b/dist/icons/italic.svg index af51acb10149..0ad0d532a3c3 100644 --- a/dist/icons/italic.svg +++ b/dist/icons/italic.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/justify-left.svg b/dist/icons/justify-left.svg index 6e1ce7b12b15..2fb7fe6fd651 100644 --- a/dist/icons/justify-left.svg +++ b/dist/icons/justify-left.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/justify-right.svg b/dist/icons/justify-right.svg index 8cf531172946..9f48a3266474 100644 --- a/dist/icons/justify-right.svg +++ b/dist/icons/justify-right.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/justify.svg b/dist/icons/justify.svg index 7898d9d8b401..e93c2bec02e4 100644 --- a/dist/icons/justify.svg +++ b/dist/icons/justify.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/list-numbered.svg b/dist/icons/list-numbered.svg index 308e99cbcd47..8061beff1038 100644 --- a/dist/icons/list-numbered.svg +++ b/dist/icons/list-numbered.svg @@ -1 +1,6 @@ -321 + + + + + + diff --git a/dist/icons/list-unordered.svg b/dist/icons/list-unordered.svg index 528672c8207d..5ed706b34b00 100644 --- a/dist/icons/list-unordered.svg +++ b/dist/icons/list-unordered.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/list.svg b/dist/icons/list.svg index d7f279eb2872..baddf95ef74e 100644 --- a/dist/icons/list.svg +++ b/dist/icons/list.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/lock-fill.svg b/dist/icons/lock-fill.svg new file mode 100644 index 000000000000..81f551b012e8 --- /dev/null +++ b/dist/icons/lock-fill.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/lock.svg b/dist/icons/lock.svg new file mode 100644 index 000000000000..527187760136 --- /dev/null +++ b/dist/icons/lock.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/move.svg b/dist/icons/move.svg index f4d5c4b839a9..4d28e128d543 100644 --- a/dist/icons/move.svg +++ b/dist/icons/move.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/pause-fill.svg b/dist/icons/pause-fill.svg new file mode 100644 index 000000000000..cf3c29e99627 --- /dev/null +++ b/dist/icons/pause-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/pause.svg b/dist/icons/pause.svg new file mode 100644 index 000000000000..11873e5def74 --- /dev/null +++ b/dist/icons/pause.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/people.svg b/dist/icons/people.svg index c6f5cc29a76b..91583fd55b73 100644 --- a/dist/icons/people.svg +++ b/dist/icons/people.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/person.svg b/dist/icons/person.svg index 429a8f56fb96..0f510c6dd192 100644 --- a/dist/icons/person.svg +++ b/dist/icons/person.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/play-fill.svg b/dist/icons/play-fill.svg new file mode 100644 index 000000000000..0d212d769867 --- /dev/null +++ b/dist/icons/play-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/play.svg b/dist/icons/play.svg new file mode 100644 index 000000000000..41fd6273eaf6 --- /dev/null +++ b/dist/icons/play.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/plus.svg b/dist/icons/plus.svg index c51531ed2fe9..0f914231ee86 100644 --- a/dist/icons/plus.svg +++ b/dist/icons/plus.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/reboot.svg b/dist/icons/reboot.svg index 9beeab050fb2..5ad6dd5276bb 100644 --- a/dist/icons/reboot.svg +++ b/dist/icons/reboot.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/resize.svg b/dist/icons/resize.svg index 3f97228c7a9f..8d1f5c90585c 100644 --- a/dist/icons/resize.svg +++ b/dist/icons/resize.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/search.svg b/dist/icons/search.svg index 0762f376a735..c097bf37ef1b 100644 --- a/dist/icons/search.svg +++ b/dist/icons/search.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/skip-backward-fill.svg b/dist/icons/skip-backward-fill.svg new file mode 100644 index 000000000000..d180be08003f --- /dev/null +++ b/dist/icons/skip-backward-fill.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/dist/icons/skip-backward.svg b/dist/icons/skip-backward.svg new file mode 100644 index 000000000000..c9ada1078639 --- /dev/null +++ b/dist/icons/skip-backward.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/skip-end-fill.svg b/dist/icons/skip-end-fill.svg new file mode 100644 index 000000000000..9467f0aaf22c --- /dev/null +++ b/dist/icons/skip-end-fill.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/skip-end.svg b/dist/icons/skip-end.svg new file mode 100644 index 000000000000..2991ceabf46f --- /dev/null +++ b/dist/icons/skip-end.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/skip-forward-fill.svg b/dist/icons/skip-forward-fill.svg new file mode 100644 index 000000000000..ac5ed5e5a5be --- /dev/null +++ b/dist/icons/skip-forward-fill.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/dist/icons/skip-forward.svg b/dist/icons/skip-forward.svg new file mode 100644 index 000000000000..9591fd3c40d7 --- /dev/null +++ b/dist/icons/skip-forward.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/skip-start-fill.svg b/dist/icons/skip-start-fill.svg new file mode 100644 index 000000000000..b8c6d024d9ca --- /dev/null +++ b/dist/icons/skip-start-fill.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/skip-start.svg b/dist/icons/skip-start.svg new file mode 100644 index 000000000000..37b6aba1f1fb --- /dev/null +++ b/dist/icons/skip-start.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/star-filled.svg b/dist/icons/star-filled.svg index ccff230961d0..babe7a8d79a5 100644 --- a/dist/icons/star-filled.svg +++ b/dist/icons/star-filled.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/star-outline.svg b/dist/icons/star-outline.svg index 636b93d6d683..0c701b224810 100644 --- a/dist/icons/star-outline.svg +++ b/dist/icons/star-outline.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/stop-fill.svg b/dist/icons/stop-fill.svg new file mode 100644 index 000000000000..f88de4b2c2ee --- /dev/null +++ b/dist/icons/stop-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/stop.svg b/dist/icons/stop.svg new file mode 100644 index 000000000000..78430d6cb5fe --- /dev/null +++ b/dist/icons/stop.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/tag.svg b/dist/icons/tag.svg new file mode 100644 index 000000000000..0e7f6a3e517e --- /dev/null +++ b/dist/icons/tag.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/terminal-fill.svg b/dist/icons/terminal-fill.svg index f01492cc103f..8d8d1cb2679c 100644 --- a/dist/icons/terminal-fill.svg +++ b/dist/icons/terminal-fill.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/terminal.svg b/dist/icons/terminal.svg index 040f4ba77b3f..48711b0076b9 100644 --- a/dist/icons/terminal.svg +++ b/dist/icons/terminal.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/text-center.svg b/dist/icons/text-center.svg index a267c0c648e6..9ad0a7a1dfb8 100644 --- a/dist/icons/text-center.svg +++ b/dist/icons/text-center.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/text-indent.svg b/dist/icons/text-indent.svg index b4688d6fcbfd..66832a7a2741 100644 --- a/dist/icons/text-indent.svg +++ b/dist/icons/text-indent.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/text-left.svg b/dist/icons/text-left.svg index 645eaf01c3ea..4aad99bbd293 100644 --- a/dist/icons/text-left.svg +++ b/dist/icons/text-left.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/text-right.svg b/dist/icons/text-right.svg index b77346a2a515..cfbd63b8f7c2 100644 --- a/dist/icons/text-right.svg +++ b/dist/icons/text-right.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/tv.svg b/dist/icons/tv.svg index e7b5377e755e..7fbcedfacde9 100644 --- a/dist/icons/tv.svg +++ b/dist/icons/tv.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/dist/icons/type.svg b/dist/icons/type.svg index 3ad7c6258967..c3208aad044d 100644 --- a/dist/icons/type.svg +++ b/dist/icons/type.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/underline.svg b/dist/icons/underline.svg index a18b26cca7e2..7585c076d3d2 100644 --- a/dist/icons/underline.svg +++ b/dist/icons/underline.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/unlock-fill.svg b/dist/icons/unlock-fill.svg new file mode 100644 index 000000000000..59e0dd4ea8d2 --- /dev/null +++ b/dist/icons/unlock-fill.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dist/icons/unlock.svg b/dist/icons/unlock.svg new file mode 100644 index 000000000000..736de73c6b97 --- /dev/null +++ b/dist/icons/unlock.svg @@ -0,0 +1,3 @@ + + + diff --git a/dist/icons/warning.svg b/dist/icons/warning.svg index 26865da676aa..1d486d04a476 100644 --- a/dist/icons/warning.svg +++ b/dist/icons/warning.svg @@ -1 +1,3 @@ - + + + diff --git a/dist/icons/wifi.svg b/dist/icons/wifi.svg index faa80cfa2851..5de021d12754 100644 --- a/dist/icons/wifi.svg +++ b/dist/icons/wifi.svg @@ -1 +1 @@ - + diff --git a/dist/icons/x.svg b/dist/icons/x.svg index 84d4e88bfdb1..6acfad3d9685 100644 --- a/dist/icons/x.svg +++ b/dist/icons/x.svg @@ -1 +1,3 @@ - + + + diff --git a/package.json b/package.json index 355577e10571..c63c9dcc3beb 100644 --- a/package.json +++ b/package.json @@ -61,6 +61,7 @@ "js-test-karma": "karma start js/tests/karma.conf.js", "js-test-integration": "rollup --config js/tests/integration/rollup.bundle.js", "js-test-cloud": "cross-env BROWSER=true npm run js-test-karma", + "icons-prep": "svgo --config=build/svgo.yml --input=dist/icons/", "icons-copy": "cross-env-shell shx mkdir -p site/static/docs/$npm_package_version_short/dist/ && cross-env-shell shx cp -r dist/icons/ site/static/docs/$npm_package_version_short/dist/", "lint": "npm-run-all --parallel js-lint css-lint", "coveralls": "shx cat js/coverage/lcov.info | coveralls", diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 1977fba49938..a6402de70898 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -11,21 +11,16 @@ toc: true Meet the Bootstrap icons, a limited set of icons designed first and foremost to work with Bootstrap's components. From form controls to navigation, these icons are the perfect complement to our toolkit. They're SVGs, so they'll scale quickly and easily to any size, they can be easily recolored with CSS, and more. They're also included in Bootstrap under the MIT license.
- {{< listIcons.inline >}} - {{- $dirName := printf "site/static/docs/%s/dist/icons/" .Site.Params.docs_version -}} - - {{- range (readDir $dirName) -}} - {{- $filenameWithExt := split .Name "." -}} - {{- $filename := index $filenameWithExt 0 -}} - {{- $name := humanize $filename -}} -
-
- {{ printf $name }} -
-
{{ printf $name }}
+{{< bootstrapIcons.inline >}} +{{- range .Site.Data.icons }} +
+
+ {{ humanize .name }}
- {{ end -}} - {{< /listIcons.inline >}} +
{{ humanize .name }}
+
+{{- end }} +{{< /bootstrapIcons.inline >}}
## How to use @@ -94,7 +89,7 @@ We've tested and used these icon sets ourselves. {{< icons.inline >}} {{- $type := .Get "type" | default "preferred" -}} -{{- range (index .Site.Data.icons $type) }} +{{- range (index .Site.Data "icon-libraries" $type) }} - [{{ .name }}]({{ .website }}) {{- end }} {{< /icons.inline >}} diff --git a/site/data/icon-libraries.yml b/site/data/icon-libraries.yml new file mode 100644 index 000000000000..bdda9e4dc994 --- /dev/null +++ b/site/data/icon-libraries.yml @@ -0,0 +1,23 @@ +preferred: + - name: Font Awesome + website: https://fontawesome.com/ + - name: Feather + website: https://feathericons.com/ + - name: Octicons + website: https://octicons.github.com/ + +more: + - name: Bytesize + website: https://github.com/danklammer/bytesize-icons + - name: Google Material icons + website: https://material.io/tools/icons/ + - name: Ionicons + website: https://ionicons.com/ + - name: Dripicons + website: http://demo.amitjakhu.com/dripicons/ + - name: Ikons + website: http://ikons.piotrkwiatkowski.co.uk/ + - name: Icons8 + website: https://icons8.com/ + - name: icofont + website: https://icofont.com/ diff --git a/site/data/icons.yml b/site/data/icons.yml index bdda9e4dc994..45641b985cd1 100644 --- a/site/data/icons.yml +++ b/site/data/icons.yml @@ -1,23 +1,97 @@ -preferred: - - name: Font Awesome - website: https://fontawesome.com/ - - name: Feather - website: https://feathericons.com/ - - name: Octicons - website: https://octicons.github.com/ - -more: - - name: Bytesize - website: https://github.com/danklammer/bytesize-icons - - name: Google Material icons - website: https://material.io/tools/icons/ - - name: Ionicons - website: https://ionicons.com/ - - name: Dripicons - website: http://demo.amitjakhu.com/dripicons/ - - name: Ikons - website: http://ikons.piotrkwiatkowski.co.uk/ - - name: Icons8 - website: https://icons8.com/ - - name: icofont - website: https://icofont.com/ +- name: bootstrap +- name: bootstrap-fill +- name: reboot + +- name: x +- name: check +- name: dash +- name: plus +- name: dot +- name: circle +- name: warning + +- name: arrow-up +- name: arrow-down +- name: arrow-left +- name: arrow-right +- name: arrow-left-right +- name: arrow-up-down +- name: arrow-clockwise +- name: arrow-counter-clockwise +- name: arrow-repeat +- name: resize +- name: fullscreen +- name: move + +- name: chevron-up +- name: chevron-down +- name: chevron-left +- name: chevron-right +- name: chevron-compact-left +- name: chevron-compact-right + +- name: circle-slash +- name: code +- name: credit-card +- name: diff +- name: ellipsis +- name: envelope +- name: calendar +- name: image + +- name: clock-fill +- name: clock +- name: gear-fill +- name: gear +- name: heart-filled +- name: heart-outline +- name: house-fill +- name: house +- name: bookmark-fill +- name: bookmark +- name: lock-fill +- name: lock +- name: unlock-fill +- name: unlock +- name: star-filled +- name: star-outline +- name: terminal-fill +- name: terminal + +- name: bold +- name: italic +- name: underline +- name: type +- name: text-center +- name: text-indent +- name: text-left +- name: text-right +- name: justify-left +- name: justify-right +- name: justify +- name: list-numbered +- name: list-unordered +- name: list + +- name: play-fill +- name: play +- name: pause-fill +- name: pause +- name: stop-fill +- name: stop +- name: skip-backward-fill +- name: skip-backward +- name: skip-end-fill +- name: skip-end +- name: skip-forward-fill +- name: skip-forward +- name: skip-start-fill +- name: skip-start + +- name: person +- name: people +- name: search +- name: display +- name: tv +- name: tag +- name: wifi From 17171af7974f27efa883ea05338b1bdc6fa61a5e Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 24 Jul 2019 11:47:34 +0300 Subject: [PATCH 18/21] Don't hardcode the path. --- site/content/docs/4.3/components/icons.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index a6402de70898..3310fb87578d 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -15,7 +15,7 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to {{- range .Site.Data.icons }}
- {{ humanize .name }} + {{ humanize .name }}
{{ humanize .name }}
From 05767c597122b625f7095f697aacba228614090f Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 24 Jul 2019 11:49:19 +0300 Subject: [PATCH 19/21] Add missing svgo devDependency. --- package-lock.json | 149 ++++++++++++++++++++++++++++++++++++++++++++++ package.json | 1 + 2 files changed, 150 insertions(+) diff --git a/package-lock.json b/package-lock.json index 9b7bf0b918ef..f1a5ead60010 100644 --- a/package-lock.json +++ b/package-lock.json @@ -898,6 +898,12 @@ "integrity": "sha512-aX+gFgA5GHcDi89KG5keey2zf0WfZk/HAQotEamsK2kbey+8yGKcson0hbK8E+v0NArlCJQCqMP161YhV6ZXLg==", "dev": true }, + "@types/q": { + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz", + "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==", + "dev": true + }, "@types/resolve": { "version": "0.0.8", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", @@ -2451,6 +2457,17 @@ "mimic-response": "^1.0.0" } }, + "coa": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz", + "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==", + "dev": true, + "requires": { + "@types/q": "^1.5.1", + "chalk": "^2.4.1", + "q": "^1.1.2" + } + }, "code-point-at": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", @@ -2776,6 +2793,22 @@ "nth-check": "~1.0.1" } }, + "css-select-base-adapter": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", + "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==", + "dev": true + }, + "css-tree": { + "version": "1.0.0-alpha.33", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.33.tgz", + "integrity": "sha512-SPt57bh5nQnpsTBsx/IXbO14sRc9xXu5MtMAVuo0BaQQmyf0NupNPPSoMaqiAF5tDFafYsTkfeH4Q/HCKXkg4w==", + "dev": true, + "requires": { + "mdn-data": "2.0.4", + "source-map": "^0.5.3" + } + }, "css-what": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz", @@ -2788,6 +2821,33 @@ "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", "dev": true }, + "csso": { + "version": "3.5.1", + "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz", + "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==", + "dev": true, + "requires": { + "css-tree": "1.0.0-alpha.29" + }, + "dependencies": { + "css-tree": { + "version": "1.0.0-alpha.29", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz", + "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==", + "dev": true, + "requires": { + "mdn-data": "~1.1.0", + "source-map": "^0.5.3" + } + }, + "mdn-data": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz", + "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA==", + "dev": true + } + } + }, "currently-unhandled": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", @@ -7074,6 +7134,12 @@ "unist-util-visit": "^1.1.0" } }, + "mdn-data": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz", + "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==", + "dev": true + }, "media-typer": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", @@ -8088,6 +8154,16 @@ "object-keys": "^1.0.11" } }, + "object.getownpropertydescriptors": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz", + "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=", + "dev": true, + "requires": { + "define-properties": "^1.1.2", + "es-abstract": "^1.5.1" + } + }, "object.pick": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", @@ -9785,6 +9861,12 @@ "yargs": "^7.0.0" } }, + "sax": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", + "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", + "dev": true + }, "scss-tokenizer": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", @@ -10617,6 +10699,12 @@ "tweetnacl": "~0.14.0" } }, + "stable": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz", + "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==", + "dev": true + }, "state-toggle": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/state-toggle/-/state-toggle-1.0.2.tgz", @@ -11097,6 +11185,51 @@ "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=", "dev": true }, + "svgo": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.0.tgz", + "integrity": "sha512-MLfUA6O+qauLDbym+mMZgtXCGRfIxyQoeH6IKVcFslyODEe/ElJNwr0FohQ3xG4C6HK6bk3KYPPXwHVJk3V5NQ==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "coa": "^2.0.2", + "css-select": "^2.0.0", + "css-select-base-adapter": "^0.1.1", + "css-tree": "1.0.0-alpha.33", + "csso": "^3.5.1", + "js-yaml": "^3.13.1", + "mkdirp": "~0.5.1", + "object.values": "^1.1.0", + "sax": "~1.2.4", + "stable": "^0.1.8", + "unquote": "~1.1.1", + "util.promisify": "~1.0.0" + }, + "dependencies": { + "css-select": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.0.2.tgz", + "integrity": "sha512-dSpYaDVoWaELjvZ3mS6IKZM/y2PMPa/XYoEfYNZePL4U/XgyxZNroHEHReDx/d+VgXh9VbCTtFqLkFbmeqeaRQ==", + "dev": true, + "requires": { + "boolbase": "^1.0.0", + "css-what": "^2.1.2", + "domutils": "^1.7.0", + "nth-check": "^1.0.2" + } + }, + "domutils": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", + "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", + "dev": true, + "requires": { + "dom-serializer": "0", + "domelementtype": "1" + } + } + } + }, "table": { "version": "5.4.4", "resolved": "https://registry.npmjs.org/table/-/table-5.4.4.tgz", @@ -11656,6 +11789,12 @@ "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=", "dev": true }, + "unquote": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz", + "integrity": "sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=", + "dev": true + }, "unset-value": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", @@ -11844,6 +11983,16 @@ "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", "dev": true }, + "util.promisify": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz", + "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==", + "dev": true, + "requires": { + "define-properties": "^1.1.2", + "object.getownpropertydescriptors": "^2.0.3" + } + }, "utils-merge": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", diff --git a/package.json b/package.json index c63c9dcc3beb..7f078e76f9a6 100644 --- a/package.json +++ b/package.json @@ -152,6 +152,7 @@ "shx": "^0.3.2", "stylelint": "^10.1.0", "stylelint-config-twbs-bootstrap": "^0.4.0", + "svgo": "^1.3.0", "terser": "^4.1.2", "vnu-jar": "19.6.7" }, From d1513bafb73d5f75e5c3a7cf3a2794c9e41589a3 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 24 Jul 2019 11:54:56 +0300 Subject: [PATCH 20/21] Optimize inline SVGs. --- site/content/docs/4.3/components/icons.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md index 3310fb87578d..00b44ae6d268 100644 --- a/site/content/docs/4.3/components/icons.md +++ b/site/content/docs/4.3/components/icons.md @@ -32,7 +32,7 @@ Bootstrap icons are SVGs, so you can include them into your HTML in a few ways d For example, you can use the SVG as HTML (remember to specify a `width` and `height`). {{< example >}} - + {{< /example >}} ### External image @@ -51,7 +51,7 @@ You can also use the SVG within your CSS (**be sure to escape any characters**, .bi::before { display: inline-block; content: ""; - background-image: url("data:image/svg+xml;utf8,"); + background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-size: 1rem 1rem; } From 260835835c100f1c9e972db3cd536d8cbe14465e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 24 Jul 2019 22:48:29 -0700 Subject: [PATCH 21/21] 1px strokes across the board --- dist/icons/arrow-down.svg | 2 +- dist/icons/arrow-left-right.svg | 2 +- dist/icons/arrow-left.svg | 2 +- dist/icons/arrow-right.svg | 2 +- dist/icons/arrow-up-down.svg | 2 +- dist/icons/arrow-up.svg | 2 +- dist/icons/check.svg | 2 +- dist/icons/chevron-compact-left.svg | 2 +- dist/icons/chevron-compact-right.svg | 2 +- dist/icons/chevron-down.svg | 2 +- dist/icons/chevron-left.svg | 2 +- dist/icons/chevron-right.svg | 2 +- dist/icons/chevron-up.svg | 2 +- dist/icons/code.svg | 2 +- dist/icons/dash.svg | 2 +- dist/icons/fullscreen.svg | 2 +- dist/icons/move.svg | 2 +- dist/icons/plus.svg | 2 +- dist/icons/resize.svg | 2 +- dist/icons/search.svg | 2 +- dist/icons/x.svg | 2 +- 21 files changed, 21 insertions(+), 21 deletions(-) diff --git a/dist/icons/arrow-down.svg b/dist/icons/arrow-down.svg index 9f0e05a881c7..703bb29ee733 100644 --- a/dist/icons/arrow-down.svg +++ b/dist/icons/arrow-down.svg @@ -1,5 +1,5 @@ - + diff --git a/dist/icons/arrow-left-right.svg b/dist/icons/arrow-left-right.svg index d73f2481ae3f..b90842d2689c 100644 --- a/dist/icons/arrow-left-right.svg +++ b/dist/icons/arrow-left-right.svg @@ -1,5 +1,5 @@ - + diff --git a/dist/icons/arrow-left.svg b/dist/icons/arrow-left.svg index 224541e70fa3..8799440813de 100644 --- a/dist/icons/arrow-left.svg +++ b/dist/icons/arrow-left.svg @@ -1,5 +1,5 @@ - + diff --git a/dist/icons/arrow-right.svg b/dist/icons/arrow-right.svg index a95621aac616..adbddb822304 100644 --- a/dist/icons/arrow-right.svg +++ b/dist/icons/arrow-right.svg @@ -1,5 +1,5 @@ - + diff --git a/dist/icons/arrow-up-down.svg b/dist/icons/arrow-up-down.svg index 6e91522439d6..4e22eccf0630 100644 --- a/dist/icons/arrow-up-down.svg +++ b/dist/icons/arrow-up-down.svg @@ -1,5 +1,5 @@ - + diff --git a/dist/icons/arrow-up.svg b/dist/icons/arrow-up.svg index e3588f93a95e..a1f84eaf61be 100644 --- a/dist/icons/arrow-up.svg +++ b/dist/icons/arrow-up.svg @@ -1,5 +1,5 @@ - + diff --git a/dist/icons/check.svg b/dist/icons/check.svg index bc91d7959ed7..d31ef6d928ad 100644 --- a/dist/icons/check.svg +++ b/dist/icons/check.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/chevron-compact-left.svg b/dist/icons/chevron-compact-left.svg index f832bc705683..d876976e5c45 100644 --- a/dist/icons/chevron-compact-left.svg +++ b/dist/icons/chevron-compact-left.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/chevron-compact-right.svg b/dist/icons/chevron-compact-right.svg index 03c333ec096c..3a36d0eb1d93 100644 --- a/dist/icons/chevron-compact-right.svg +++ b/dist/icons/chevron-compact-right.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/chevron-down.svg b/dist/icons/chevron-down.svg index ce095f207b0f..bf0ef6ec4975 100644 --- a/dist/icons/chevron-down.svg +++ b/dist/icons/chevron-down.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/chevron-left.svg b/dist/icons/chevron-left.svg index 38bcf38bf88b..00ac592de610 100644 --- a/dist/icons/chevron-left.svg +++ b/dist/icons/chevron-left.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/chevron-right.svg b/dist/icons/chevron-right.svg index ed5c5cdf3e14..af8336f47745 100644 --- a/dist/icons/chevron-right.svg +++ b/dist/icons/chevron-right.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/chevron-up.svg b/dist/icons/chevron-up.svg index f67b2ad6b2f8..d11baf165e81 100644 --- a/dist/icons/chevron-up.svg +++ b/dist/icons/chevron-up.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/code.svg b/dist/icons/code.svg index 2138b341153c..a8bfd2414ee9 100644 --- a/dist/icons/code.svg +++ b/dist/icons/code.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/dash.svg b/dist/icons/dash.svg index d03802069945..774ce1b92400 100644 --- a/dist/icons/dash.svg +++ b/dist/icons/dash.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/fullscreen.svg b/dist/icons/fullscreen.svg index 217544d226a4..a397818df171 100644 --- a/dist/icons/fullscreen.svg +++ b/dist/icons/fullscreen.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/move.svg b/dist/icons/move.svg index 4d28e128d543..7862deaae54f 100644 --- a/dist/icons/move.svg +++ b/dist/icons/move.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/plus.svg b/dist/icons/plus.svg index 0f914231ee86..94ecaf430e49 100644 --- a/dist/icons/plus.svg +++ b/dist/icons/plus.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/resize.svg b/dist/icons/resize.svg index 8d1f5c90585c..3240554c0ff4 100644 --- a/dist/icons/resize.svg +++ b/dist/icons/resize.svg @@ -1,3 +1,3 @@ - + diff --git a/dist/icons/search.svg b/dist/icons/search.svg index c097bf37ef1b..92b994c07a98 100644 --- a/dist/icons/search.svg +++ b/dist/icons/search.svg @@ -1,6 +1,6 @@ - + diff --git a/dist/icons/x.svg b/dist/icons/x.svg index 6acfad3d9685..9db405d62105 100644 --- a/dist/icons/x.svg +++ b/dist/icons/x.svg @@ -1,3 +1,3 @@ - +