diff options
| author | XhmikosR <[email protected]> | 2019-05-09 09:34:13 +0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2019-05-09 09:34:13 +0300 |
| commit | bc012957b59804a183a6bdf23cfc2054e99ad8cf (patch) | |
| tree | 8a91f8aa5cc9af3d87b38ca88c9f25096dd86a60 | |
| parent | 6b177cc4095c88b0871ba44b62d7e5df506dfdba (diff) | |
| download | bootstrap-bc012957b59804a183a6bdf23cfc2054e99ad8cf.tar.xz bootstrap-bc012957b59804a183a6bdf23cfc2054e99ad8cf.zip | |
Remove Base64 for SVGs. (#28749)
It results in bigger files.
| -rw-r--r-- | site/content/docs/4.3/components/breadcrumb.md | 4 | ||||
| -rw-r--r-- | 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 b26b58969..493014026 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 4214f1660..659385a73 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 `<input>` states—like `:checked` We hide the default `<input>` 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 `<input>` 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 |