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