@sankhyalabs/ez-design 2.2.0 → 2.4.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.
@@ -90,6 +90,8 @@
90
90
  --border--large: 3px solid;
91
91
  --shadow: 0px 0px 16px 0px rgba(0, 38, 111, .12);
92
92
  --shadow-focus: 0 0 0 2px;
93
+ --shadow--small: 0 0 16px rgba(0, 38, 111, 0.07);
94
+ --shadow--hard: 0 0 16px rgba(43, 58, 84, 0.24);
93
95
  --transition: .2s linear;
94
96
  --space--extra-small: 3px;
95
97
  --space--small: 6px;
@@ -104,7 +106,11 @@
104
106
  --scrollbar--default: #626e82;
105
107
  --scrollbar--background: #e5eaf0;
106
108
  --scrollbar--hover: #2b3a54;
107
- --scrollbar--clicked: #a2abb9; }
109
+ --scrollbar--clicked: #a2abb9;
110
+ --rgb-background--overlay: 43, 58, 84;
111
+ --opacity--bright: 0.1;
112
+ --opacity--soft: 0.4;
113
+ --background-blur--medium: 4px; }
108
114
 
109
115
  html,
110
116
  body,
@@ -2579,6 +2585,21 @@ body {
2579
2585
  .ez-toggle-group__item--disabled:hover {
2580
2586
  background-color: #e5eaf0; }
2581
2587
 
2588
+ .ez-scrim {
2589
+ position: fixed;
2590
+ z-index: 1;
2591
+ padding: 0;
2592
+ top: 0px;
2593
+ left: 0px;
2594
+ width: 100%;
2595
+ height: 100vh;
2596
+ box-sizing: border-box; }
2597
+ .ez-scrim-light {
2598
+ background-color: rgba(var(--rgb-background--overlay), var(--opacity--bright)); }
2599
+ .ez-scrim-medium {
2600
+ background-color: rgba(var(--rgb-background--overlay), var(--opacity--soft));
2601
+ backdrop-filter: blur(var(--background-blur--medium)); }
2602
+
2582
2603
  /**
2583
2604
  ****************************
2584
2605
  * Generic Styles