@springernature/brand-context
Advanced tools
Comparing version 8.0.2 to 9.0.0
@@ -16,3 +16,3 @@ # Default brand | ||
The `media-query` mixin is provided for handling breakpoints. Breakpoint values are provided at the `10-settings` level using the `$breakpoints` map. | ||
The `media-query` mixin is provided for handling breakpoints. Breakpoint values are provided at the `10-settings` level using the `$context--breakpoints` map. | ||
@@ -54,6 +54,6 @@ ### Usage | ||
```scss | ||
$greyscale-base // the dark base color off which all greys are based | ||
$greyscale-min // the minimum lightness percentage | ||
$greyscale-max // the maximum lightness percentage | ||
$greyscale-stops // the allowed interval for percentages | ||
$context--greyscale-base // the dark base color off which all greys are based | ||
$context--greyscale-min // the minimum lightness percentage | ||
$context--greyscale-max // the maximum lightness percentage | ||
$context--greyscale-stops // the allowed interval for percentages | ||
``` | ||
@@ -67,3 +67,3 @@ | ||
```scss | ||
color: greyscale(); // returns result of greyscale($greyscale-min) - greyscale(0) | ||
color: greyscale(); // returns result of greyscale($context--greyscale-min) - greyscale(0) | ||
color: greyscale(8); // rounds up to nearest stop, so returns result of greyscale(10) | ||
@@ -138,8 +138,8 @@ color: greyscale(20); // returns grey with 20% transparency | ||
- Given a (background) color, this function will return either a predefined light (`$foreground-light`) or dark (`$foreground-dark`) color to be used in the foreground | ||
- Given a (background) color, this function will return either a predefined light (`$context--foreground-light`) or dark (`$context--foreground-dark`) color to be used in the foreground | ||
- The `foreground-color()` function will choose the correct color to allow for a high enough contrast ratio between background and foreground | ||
```scss | ||
color: foreground-color(); // returns the foreground color for $greyscale-base | ||
color: foreground-color(30); // returns the foreground color for 30% $greyscale-base | ||
color: foreground-color(); // returns the foreground color for $context--greyscale-base | ||
color: foreground-color(30); // returns the foreground color for 30% $context--greyscale-base | ||
color: foreground-color('blue'); // returns the foreground color for the color from $colors | ||
@@ -304,3 +304,3 @@ color: foreground-color('npj-primary', $brand-colors); // returns the foreground color for the color from $brand-colors | ||
```scss | ||
$z-layers //default layers values | ||
$context--z-layers //default layers values | ||
``` | ||
@@ -307,0 +307,0 @@ |
# History | ||
## 9.0.0 (2021-02-01) | ||
* BREAKING: | ||
* Updates context variables to consistently use the `context--` prefix | ||
* Removes RFS from brand-context | ||
* Replaces font-size mixin with static value | ||
* Removes u-text-size mixin | ||
* Move `u-text-interface` mixin from Springer to Default | ||
* Move `interface-link` mixin from Springer to Default and rename `u-link-interface` | ||
## 8.0.2 (2021-01-27) | ||
@@ -4,0 +13,0 @@ * Removes 'is-nature-branded' conditional for heading font sizes as the else condition is for legacy design |
{ | ||
"name": "@springernature/brand-context", | ||
"version": "8.0.2", | ||
"version": "9.0.0", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "description": "Bootstrapping for all components and products", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
4868361
248
2281