From bc012957b59804a183a6bdf23cfc2054e99ad8cf Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Thu, 9 May 2019 09:34:13 +0300 Subject: [PATCH] Remove Base64 for SVGs. (#28749) It results in bigger files. --- site/content/docs/4.3/components/breadcrumb.md | 4 ++-- site/content/docs/4.3/components/forms.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/site/content/docs/4.3/components/breadcrumb.md b/site/content/docs/4.3/components/breadcrumb.md index b26b58969f..493014026f 100644 --- a/site/content/docs/4.3/components/breadcrumb.md +++ b/site/content/docs/4.3/components/breadcrumb.md @@ -38,10 +38,10 @@ Separators are automatically added in CSS through [`::before`](https://developer $breadcrumb-divider: quote(">"); ``` -It's also possible to use a **base64 embedded SVG icon**: +It's also possible to use an **embedded SVG icon**: ```scss -$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); +$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E"); ``` The separator can be removed by setting `$breadcrumb-divider` to `none`: diff --git a/site/content/docs/4.3/components/forms.md b/site/content/docs/4.3/components/forms.md index 4214f1660c..659385a738 100644 --- a/site/content/docs/4.3/components/forms.md +++ b/site/content/docs/4.3/components/forms.md @@ -1127,7 +1127,7 @@ We use the sibling selector (`~`) for all our `` states—like `:checked` We hide the default `` with `opacity` and use the `.custom-control-label` to build a new custom form indicator in its place with `::before` and `::after`. Unfortunately we can't build a custom one from just the `` because CSS's `content` doesn't work on that element. -In the checked states, we use **base64 embedded SVG icons** from [Open Iconic](https://github.com/iconic/open-iconic). This provides us the best control for styling and positioning across browsers and devices. +In the checked states, we use **embedded SVG icons** from [Open Iconic](https://github.com/iconic/open-iconic). This provides us the best control for styling and positioning across browsers and devices. #### Checkboxes -- 2.47.2