aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs
diff options
context:
space:
mode:
authorGaël Poupard <[email protected]>2020-02-17 19:40:08 +0100
committerGitHub <[email protected]>2020-02-17 20:40:08 +0200
commit48c8697fed182cbb8bbd8252de12d14c7d7d5063 (patch)
treedacc6646484485bad5cc4c7e5fb2aadd30d30665 /site/content/docs
parentb9f6c29459c77d914ecb5e034c4ccd85d909bf03 (diff)
downloadbootstrap-48c8697fed182cbb8bbd8252de12d14c7d7d5063.tar.xz
bootstrap-48c8697fed182cbb8bbd8252de12d14c7d7d5063.zip
docs(theming): improve headings hierarchy under Sass → Functions (#30207)
Diffstat (limited to 'site/content/docs')
-rw-r--r--site/content/docs/4.3/getting-started/theming.md6
1 files changed, 3 insertions, 3 deletions
diff --git a/site/content/docs/4.3/getting-started/theming.md b/site/content/docs/4.3/getting-started/theming.md
index e8813045a..ad028b792 100644
--- a/site/content/docs/4.3/getting-started/theming.md
+++ b/site/content/docs/4.3/getting-started/theming.md
@@ -189,7 +189,7 @@ In practice, you'd call the function and pass in two parameters: the name of the
}
{{< /highlight >}}
-### Color contrast
+#### Color contrast
An additional function we include in Bootstrap is the color contrast function, `color-yiq`. It utilizes the [YIQ color space](https://en.wikipedia.org/wiki/YIQ) to automatically return a light (`#fff`) or dark (`#111`) contrast color based on the specified base color. This function is especially useful for mixins or loops where you're generating multiple classes.
@@ -219,11 +219,11 @@ You can also specify a base color with our color map functions:
}
{{< /highlight >}}
-## Escape SVG
+#### Escape SVG
We use the `escape-svg` function to escape the `<`, `>` and `#` characters for SVG background images. These characters need to be escaped to properly render the background images in IE.
-## Add and Subtract functions
+#### Add and Subtract functions
We use the `add` and `subtract` functions to wrap the CSS `calc` function. The primary purpose of these functions is to avoid errors when a "unitless" `0` value is passed into a `calc` expression. Expressions like `calc(10px - 0)` will return an error in all browsers, despite being mathematically correct.