vrembem 4.0.0-next.27 → 4.0.0-next.29

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/dev/base.css CHANGED
@@ -1095,7 +1095,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
1095
1095
  inset: 0;
1096
1096
  width: 100%;
1097
1097
  height: 100%;
1098
- background-color: var(--vb-drawer-screen-color, var(--vb-neutral-10));
1098
+ background-color: var(--vb-drawer-screen-color, var(--vb-screen-color));
1099
1099
  opacity: 0;
1100
1100
  }
1101
1101
  .drawer_modal .drawer__dialog {
@@ -1139,7 +1139,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
1139
1139
  }
1140
1140
  .drawer_modal.is-opening::before,
1141
1141
  .drawer_modal.is-opened::before {
1142
- opacity: var(--vb-drawer-screen-opacity, 0.8);
1142
+ opacity: var(--vb-drawer-screen-opacity, var(--vb-screen-opacity));
1143
1143
  }
1144
1144
  .drawer_modal.is-opening .drawer__dialog,
1145
1145
  .drawer_modal.is-opened .drawer__dialog {
@@ -3725,7 +3725,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
3725
3725
  inset: 0;
3726
3726
  width: 100%;
3727
3727
  height: 100%;
3728
- background-color: var(--vb-modal-screen-color, var(--vb-neutral-10));
3728
+ background-color: var(--vb-modal-screen-color, var(--vb-screen-color));
3729
3729
  opacity: 0;
3730
3730
  }
3731
3731
 
@@ -3752,7 +3752,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
3752
3752
  visibility: visible;
3753
3753
  width: 100%;
3754
3754
  height: 100%;
3755
- padding: var(--vb-modal-screen-padding, 1em);
3755
+ padding: var(--vb-modal-screen-padding, var(--vb-screen-padding));
3756
3756
  }
3757
3757
 
3758
3758
  .modal.is-opening::before,
@@ -3768,7 +3768,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
3768
3768
 
3769
3769
  .modal.is-opening::before,
3770
3770
  .modal.is-opened::before {
3771
- opacity: var(--vb-modal-screen-opacity, 0.8);
3771
+ opacity: var(--vb-modal-screen-opacity, var(--vb-screen-opacity));
3772
3772
  }
3773
3773
  .modal.is-opening .modal__dialog,
3774
3774
  .modal.is-opened .modal__dialog {
package/dev/index.css CHANGED
@@ -1095,7 +1095,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
1095
1095
  inset: 0;
1096
1096
  width: 100%;
1097
1097
  height: 100%;
1098
- background-color: var(--vb-drawer-screen-color, var(--vb-neutral-10));
1098
+ background-color: var(--vb-drawer-screen-color, var(--vb-screen-color));
1099
1099
  opacity: 0;
1100
1100
  }
1101
1101
  .drawer_modal .drawer__dialog {
@@ -1139,7 +1139,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
1139
1139
  }
1140
1140
  .drawer_modal.is-opening::before,
1141
1141
  .drawer_modal.is-opened::before {
1142
- opacity: var(--vb-drawer-screen-opacity, 0.8);
1142
+ opacity: var(--vb-drawer-screen-opacity, var(--vb-screen-opacity));
1143
1143
  }
1144
1144
  .drawer_modal.is-opening .drawer__dialog,
1145
1145
  .drawer_modal.is-opened .drawer__dialog {
@@ -3725,7 +3725,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
3725
3725
  inset: 0;
3726
3726
  width: 100%;
3727
3727
  height: 100%;
3728
- background-color: var(--vb-modal-screen-color, var(--vb-neutral-10));
3728
+ background-color: var(--vb-modal-screen-color, var(--vb-screen-color));
3729
3729
  opacity: 0;
3730
3730
  }
3731
3731
 
@@ -3752,7 +3752,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
3752
3752
  visibility: visible;
3753
3753
  width: 100%;
3754
3754
  height: 100%;
3755
- padding: var(--vb-modal-screen-padding, 1em);
3755
+ padding: var(--vb-modal-screen-padding, var(--vb-screen-padding));
3756
3756
  }
3757
3757
 
3758
3758
  .modal.is-opening::before,
@@ -3768,7 +3768,7 @@ a.card:hover, a.card:focus, a.card:focus-within {
3768
3768
 
3769
3769
  .modal.is-opening::before,
3770
3770
  .modal.is-opened::before {
3771
- opacity: var(--vb-modal-screen-opacity, 0.8);
3771
+ opacity: var(--vb-modal-screen-opacity, var(--vb-screen-opacity));
3772
3772
  }
3773
3773
  .modal.is-opening .modal__dialog,
3774
3774
  .modal.is-opened .modal__dialog {