@filip.mazev/modal 1.0.18 → 1.0.27
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
CHANGED
|
@@ -35,32 +35,38 @@ To enable the library's stylization, import the theme provider in your global st
|
|
|
35
35
|
|
|
36
36
|
@layer base {
|
|
37
37
|
:root {
|
|
38
|
-
@include blocks.core-theme(blocks.$
|
|
38
|
+
@include blocks.core-theme(blocks.$purple-light-theme);
|
|
39
39
|
|
|
40
40
|
// if you dont want to override themes, just use:
|
|
41
41
|
// @include modal.modal-theme(());
|
|
42
42
|
|
|
43
43
|
@include modal.modal-theme((
|
|
44
44
|
/* Optional: Override default Modal style variables */
|
|
45
|
-
'modal-mobile-swipe-line-color': #cfcfcf,
|
|
45
|
+
'bx-modal-mobile-swipe-line-color': #cfcfcf,
|
|
46
46
|
));
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
[data-theme='dark'] {
|
|
50
|
-
@include blocks.core-theme(blocks.$
|
|
50
|
+
@include blocks.core-theme(blocks.$purple-dark-theme);
|
|
51
51
|
@include modal.modal-theme((
|
|
52
|
-
'modal-mobile-swipe-line-color': #444444,
|
|
52
|
+
'bx-modal-mobile-swipe-line-color': #444444,
|
|
53
53
|
));
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
```
|
|
57
57
|
|
|
58
|
-
You can also provide your own theme, please make sure that you follow the naming convention of the existing themes such as `
|
|
58
|
+
You can also provide your own theme, please make sure that you follow the naming convention of the existing themes such as `purple-light-theme` (found in `@filip.mazev/blocks-core/src/lib/styles/themes/purple-theme`) for proper functionality.
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
Available themes:
|
|
61
61
|
|
|
62
|
-
* `$
|
|
63
|
-
* `$
|
|
62
|
+
* `$purple-light-theme`
|
|
63
|
+
* `$purple-dark-theme`
|
|
64
|
+
|
|
65
|
+
* `$orange-light-theme`
|
|
66
|
+
* `$orange-dark-theme`
|
|
67
|
+
|
|
68
|
+
* `$high-contrast-light-theme`
|
|
69
|
+
* `$high-contrast-dark-theme`
|
|
64
70
|
|
|
65
71
|
## Usage
|
|
66
72
|
|