kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

theming.md: automate _root.scss. (#29326)

Browse source
This commit is contained in:
XhmikosR 2019-08-29 15:09:24 +03:00 committed by GitHub
parent 84cba07246
commit ee01dc2340
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
scss/_root.scss
View file

@ -1,4 +1,3 @@
// Do not forget to update getting-started/theming.md!
:root { :root {
// Custom variable values only support SassScript inside `#{}`. // Custom variable values only support SassScript inside `#{}`.
@each $color, $value in $colors { @each $color, $value in $colors {

32
site/content/docs/4.3/getting-started/theming.md
View file

@ -369,31 +369,13 @@ Bootstrap 4 includes around two dozen [CSS custom properties (variables)](https:
Here are the variables we include (note that the `:root` is required). They're located in our `_root.scss` file. Here are the variables we include (note that the `:root` is required). They're located in our `_root.scss` file.
{{< highlight css >}} {{< highlight css >}}
:root { {{< root.inline >}}
--blue: #007bff; {{- $css := readFile "dist/css/bootstrap.css" -}}
--indigo: #6610f2; {{- $match := findRE ":root {([^}]*)}" $css 1 -}}
--purple: #6f42c1;
--pink: #e83e8c; {{- index $match 0 -}}
--red: #dc3545;
--orange: #fd7e14; {{< /root.inline >}}
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
{{< /highlight >}} {{< /highlight >}}
### Examples ### Examples