0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Commit Graph

49 Commits

Author SHA1 Message Date
Mark Otto
acf6ea74a7
Add additional root variables, rename $variable-prefix to $prefix (#35981)
* Add additional root variables, rename $variable-prefix to $prefix

- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout

* Bundlewatch
2022-03-13 10:13:09 -07:00
Mark Otto
612d235faf
Add check to rgba-css-var function for body or bg (#34699) 2021-08-10 17:16:48 +03:00
Mark Otto
e72916e5b7 Update color and background-color utilities
- Adds new functions to generate additional Sass maps
- Adds new root variables for rgb() versions of our theme colors, plus a few extras
- Adds ability to change the alpha transparency of text color and background color utilities with new utilities, inline styles, or local CSS var
- Updates documentation for color and background-color utilities pages
- Deprecates .text-black-50 and .text-white-50 since those (and additional transparency levels) can be generated on the fly

Change approach slightly to prevent cascade
2021-08-03 17:06:06 -07:00
Gaël Poupard
8536474583
More concise improvements for add() and subtract() (#34432) 2021-07-27 07:48:08 +03:00
Mark Otto
47bbd945f0
Add maps for all colors, document how to extend color utilities (#32319)
* Add maps for all colors, document how to extend color utilities

* Updates to make this more functional for v5

- Moves color maps into _variables.scss for now (felt weird to split them out when the variables are there)
- Adds a new function, map-merge-multiple(), and updates docs that reference combo-map
- Updates code snippet and docs guidance about how to extend the color utils to handle this

* Update site/content/docs/5.0/customize/color.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-06 14:31:20 -07:00
Mark Otto
ed13d01559 Update the divide() function 2021-06-22 20:11:39 +03:00
Mark Otto
be17444756
Replace / division with multiplication and custom divide() function (#34245)
* Convert bulk of division to multiplication

* Use custom divide() function instead of Dart Sass math module for greater compatibility

* Apply suggestions from code review

* Fix functions
2021-06-14 09:35:30 -07:00
Gaël Poupard
50cf7f48cc
Handle complex expressions in add() & subtract() (#34047) 2021-05-25 08:23:41 +03:00
Mark Otto
55f2192a39
Rename scale-color() function to shift-color() to avoid collision with Sass's own color function (#32149) 2020-11-13 20:50:59 +02:00
Martijn Cuppens
cdc12165a9
Colors rewrite (#30622) 2020-10-13 09:58:06 +02:00
XhmikosR
ec812dcf80
Replace ellipsis Unicode symbol with three dots. (#31774) 2020-09-28 15:01:25 +03:00
Mark Otto
849fea5a1e Add a comment for escape-svg function
Closes #30835 by leaving a comment in the source that the escape-svg() function must have quotes around data URIs.
2020-09-15 08:19:58 +03:00
Martijn Cuppens
e04bbe99ea Code simplification 2020-05-20 09:49:18 +02:00
Gaël Poupard
5b480fcc80 feat(color-contrast): set min-contrast-ratio as an argument 2020-05-20 09:49:18 +02:00
Gaël Poupard
1b8bf5b56c feat(color-contrast): ensure we return a contrasted enough color (light-first), the most contrasted one otherwise 2020-05-20 09:49:18 +02:00
Catalin Zalog
a8883a3b96
feat: checks for $grid-breakpoints map list (#30609)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-17 19:18:51 +02:00
Martijn Cuppens
83b49aa688
Create scss-docs shortcode to get some snippets from the Scs… (#30502)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-06 20:13:35 +02:00
Gaël Poupard
03908ea37a
Use WCAG contrast algo (#30168) 2020-03-23 18:03:56 +01:00
Martijn Cuppens
5c37724d49
Escape brackets (#29857)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2019-12-25 21:43:22 +01:00
Shohei Yoshida
37d97c973f Fix dart Sass compatibility for subtract (#29763) 2019-11-28 14:33:31 +02:00
Martijn Cuppens
0964a88ac8 Fix dart Sass compatibility (#29755) 2019-11-28 09:48:33 +02:00
ysds
d6ebc60d3d Add add and subtract function 2019-10-31 08:30:53 +02:00
Mark Otto
943bef258d
v5: Update colors to add shades and tints (#29348)
* Add variables for shades and tints of each major color

* getting-started/theming.md: use a `range`.
2019-10-18 11:04:27 -07:00
Thomas Schaller
7149b6f0eb Function map-get-multiple now returns the correct variable (#29247) 2019-08-14 01:03:55 +03:00
Martijn Cuppens
1c05c1dbf1 Drop color(), theme-color() & gray() functions (#29083)
Drop `color()`, `theme-color()` & `gray()` functions  in favor of variables. The functions just called a `map-get()` of a map where just the variables were defined. 

Also the `theme-color-level()` now accepts any color you want instead of only `$theme-colors` colors. The first value now is a variable instead of the `$theme-colors` key.
2019-07-25 10:41:13 +03:00
Martijn Cuppens
f6694b7440 Use escape-svg() function (#29077)
* Use escape-svg() function

* Update theming.md
2019-07-19 18:57:12 -07:00
Ashfahan Khan
41fcd13d3e Utility API improvement: use $key/$value instead of nth (#28828)
Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2019-05-30 17:22:06 +02:00
Ashfahan Khan
c215dc83f0 Fix Typo Mistake in SCSS comment (#28821) 2019-05-24 22:09:09 +01:00
Martijn Cuppens
769c8d8246
Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
Martijn Cuppens
acf7ca9a68 More compact color-yiq function (#28514) 2019-05-03 21:18:41 +03:00
mspae
7626f8b17d disable assert assending check if the previous unit was a percentual value (#28400) 2019-03-05 12:47:48 +02:00
Zachary Welch
b647dd0565 Add map-name param to _assert-starts-at-zero (#24986)
* Add map-name param to _assert-starts-at-zero

* Set default value for backwards compatibility
2019-02-07 10:19:38 +01:00
Andrey
3075432584 feature/yiq function, add parameters, with default values. (#26917) 2018-10-21 10:33:53 +03:00
Roman O
fad49e710e Ignore percentage values for compare in maps 2018-09-02 16:43:54 -07:00
Andrew
abb4868626 correct spelling errors (#26837) 2018-07-09 17:59:22 -07:00
Mark Otto
3be511264c Use variables for theme-color-level function
Closes #25313
2018-01-21 12:15:12 -08:00
Andres Galante
1d6e3710dd Adds variable for color yiq threshold (#24886) 2017-12-01 19:26:10 -08:00
Edward Betts
ffc5965f2c Correct spelling mistakes. (#24778) 2017-11-15 04:12:38 -05:00
Mark Otto
bf2fee9035 add vars for yiq color contrast function 2017-10-22 12:56:06 -07:00
Gijs Boddeus
263190305e Merge branch 'v4-dev' into yiq-function-update 2017-10-04 08:46:03 +02:00
schwastek
17fd2c9f84 Improve theme-color-level() using abs() (#24074)
`abs()` gets the absolute value of `$level`.
That way, `if/else` statement can be completely eliminated.
2017-09-26 15:05:59 +03:00
gijsbotje
cc092272ee modified the yiq to to an actual function
function only returns a value, not the attribute itself
updated every use of the former mixin to use the new function
2017-09-13 17:32:44 +02:00
Mark Otto
bd3ca58c08 Rename grayscale function to gray 2017-08-21 13:55:25 -07:00
Mark Otto
a21a9f341b add map function for grays 2017-06-29 23:06:46 -07:00
Mark Otto
6c595d2cc1 add theme-color-level function and interval so we can generate shades of colors 2017-06-25 18:31:03 -07:00
Mark Otto
370e299c6b modify contrast value 2017-06-25 18:11:16 -07:00
Mark Otto
c31d524998 add color contrast and map-get functions 2017-06-15 11:15:48 -07:00
Mark Otto
ac96ecbec5 rearrange, add comments 2017-06-14 20:55:00 -07:00
Mark Otto
5da5a38f0d Move scss functions from top of variables to separate file, then import it into other build files 2017-06-14 20:55:00 -07:00