Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Headings hierarchy in theming.md #30207

Merged
merged 3 commits into from Feb 17, 2020
Merged

Headings hierarchy in theming.md #30207

Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
dea0373
docs(theming): improve headings hierarchy under Sass → Functions
ffoodd Feb 17, 2020
a290af9
Merge branch 'master' into docs/theming-headings-hierarchy
ffoodd Feb 17, 2020
83d530c
Merge branch 'master' into docs/theming-headings-hierarchy
XhmikosR Feb 17, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 3 additions & 3 deletions site/content/docs/4.3/getting-started/theming.md
View file
Open in desktop
Expand Up @@ -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.

Expand Down Expand Up @@ -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.

Expand Down