@carbon/themes 10.30.0 → 10.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -18
- package/es/index.js +1343 -584
- package/lib/index.js +1495 -656
- package/package.json +6 -6
- package/scss/generated/_mixins.scss +1421 -146
- package/scss/generated/_themes.scss +718 -1
- package/scss/generated/_tokens.scss +750 -0
- package/scss/modules/generated/_themes.scss +201 -1
- package/src/g10.js +97 -2
- package/src/g100.js +95 -0
- package/src/g90.js +95 -0
- package/src/tokens.js +186 -0
- package/src/v9.js +95 -0
- package/src/white.js +95 -0
- package/umd/index.js +1495 -656
package/README.md
CHANGED
|
@@ -31,7 +31,7 @@ You can preview all of the token values for this on the
|
|
|
31
31
|
|
|
32
32
|
### Sass
|
|
33
33
|
|
|
34
|
-
If
|
|
34
|
+
If your project is using Sass, you can include this package and the
|
|
35
35
|
corresponding default theme by writing the following in your Sass file:
|
|
36
36
|
|
|
37
37
|
```scss
|
|
@@ -39,23 +39,8 @@ corresponding default theme by writing the following in your Sass file:
|
|
|
39
39
|
```
|
|
40
40
|
|
|
41
41
|
By default, the white theme will be initialized. If you would like to include
|
|
42
|
-
another theme, you can do so by
|
|
43
|
-
|
|
44
|
-
```scss
|
|
45
|
-
@import '@carbon/themes/scss/themes';
|
|
46
|
-
|
|
47
|
-
// Use the gray 10 theme
|
|
48
|
-
@include carbon--theme($carbon--theme--g10);
|
|
49
|
-
|
|
50
|
-
// Use the gray 90 theme
|
|
51
|
-
@include carbon--theme($carbon--theme--g90);
|
|
52
|
-
|
|
53
|
-
// Use the gray 100 theme
|
|
54
|
-
@include carbon--theme($carbon--theme--g100);
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
Alternatively, you can set the global theme variable then call the mixin without
|
|
58
|
-
passing in a theme name.
|
|
42
|
+
another theme, you can do so by setting the global theme variable and then
|
|
43
|
+
calling our mixin. For example:
|
|
59
44
|
|
|
60
45
|
```scss
|
|
61
46
|
@import '@carbon/themes/scss/themes';
|