From ed3185a7ef48cecd9fdb467d8fcb50ea02f036a0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 Jul 2020 21:23:28 -0700 Subject: [PATCH] Update hero and layout a smidge --- docs/assets/scss/docs.scss | 2 +- docs/layouts/icons/single.html | 16 ++++++++++++++++ docs/layouts/partials/hero.html | 6 +++--- 3 files changed, 20 insertions(+), 4 deletions(-) diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss index 9ffabf10fc..5323e8ef17 100644 --- a/docs/assets/scss/docs.scss +++ b/docs/assets/scss/docs.scss @@ -59,7 +59,7 @@ border-bottom: 1px solid rgba(0, 0, 0, .05); .f3 { - max-width: 760px; + max-width: 680px; } hr { diff --git a/docs/layouts/icons/single.html b/docs/layouts/icons/single.html index aae252d696..64d96fd949 100644 --- a/docs/layouts/icons/single.html +++ b/docs/layouts/icons/single.html @@ -61,6 +61,22 @@

Copy HTML

{{ $source := readFile (printf "/%s/%s.svg" "icons" .File.TranslationBaseName) -}} {{ highlight $source "html" "" }} +

Examples

+

+ + Example link text + {{ readFile (printf "/%s/%s.svg" "icons" .File.TranslationBaseName) | chomp | safeHTML }} + +

+

+ + +

{{- partial "footer" . }} diff --git a/docs/layouts/partials/hero.html b/docs/layouts/partials/hero.html index c99d8d390a..c114bfe9e7 100644 --- a/docs/layouts/partials/hero.html +++ b/docs/layouts/partials/hero.html @@ -1,14 +1,14 @@

Bootstrap Icons

-

For the first time ever, Bootstrap has its own icon library, custom designed and built for our components and documentation.

+

For the first time ever, Bootstrap has its own icon library, custom designed and built for our components and documentation—and now available for any project.

-

Bootstrap Icons are designed to work with Bootstrap components, from form controls to navigation. Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. While they're built for Bootstrap, they'll work in any project.

+

Bootstrap Icons are designed to work with Bootstrap components, from form controls to navigation. But, they'll work in just about any project, too. That's because Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS.

-

They're open sourced (MIT), so you're free to download, use, and extend. Heads up though, they're in alpha right now and subject to sweeping changes.

+

They're open sourced (MIT), so you're free to download, use, and extend any icon. Every SVG can be copied from right here, or you can use the SVG sprite or icon fonts.