@deriv-web-design/ui 0.1.40 → 0.1.41

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/dist/index.css CHANGED
@@ -6041,9 +6041,6 @@
6041
6041
  top: 0;
6042
6042
  left: 0;
6043
6043
  right: 0;
6044
- background-repeat: no-repeat;
6045
- background-size: cover;
6046
- background-position: 100% 100%;
6047
6044
  overflow: hidden;
6048
6045
  }
6049
6046
  .dnt__v2-bg-night {
@@ -6056,18 +6053,36 @@
6056
6053
  left: 0;
6057
6054
  right: 0;
6058
6055
  box-sizing: border-box;
6056
+ overflow: hidden;
6057
+ }
6058
+ .dnt__v2-bg-media {
6059
+ position: absolute;
6060
+ inset: 0;
6061
+ width: 100%;
6062
+ height: 100%;
6063
+ box-sizing: border-box;
6059
6064
  background-repeat: no-repeat;
6060
6065
  background-size: cover;
6061
6066
  background-position: 100% 100%;
6067
+ pointer-events: none;
6062
6068
  }
6063
- [dir=rtl] .dnt__v2-bg-day,
6064
- [dir=rtl] .dnt__v2-bg-night {
6069
+ .dnt--webflow-v2 .dnt__v2-bg-media {
6070
+ background-attachment: fixed;
6071
+ }
6072
+ [dir=rtl] .dnt__v2-bg-media {
6065
6073
  transform: scaleX(-1);
6066
6074
  transform-origin: center;
6075
+ background-attachment: scroll;
6076
+ inset: auto;
6077
+ top: 0;
6078
+ left: 0;
6079
+ right: 0;
6080
+ width: 100%;
6081
+ height: 100vh;
6067
6082
  }
6068
- .dnt--webflow-v2 .dnt__v2-bg-day,
6069
- .dnt--webflow-v2 .dnt__v2-bg-night {
6070
- background-attachment: fixed;
6083
+ [dir=rtl] .dnt--webflow-v2 .dnt__v2-bg-day {
6084
+ position: sticky;
6085
+ top: 0;
6071
6086
  }
6072
6087
  .dnt__sticky--webflow-v2 {
6073
6088
  z-index: 0;
@@ -6080,11 +6095,8 @@
6080
6095
  .dnt--webflow-v2 .dnt__v2-bg-day {
6081
6096
  position: sticky;
6082
6097
  top: 0;
6083
- background-position: 30% 0;
6084
- background-repeat: repeat;
6085
- background-size: auto 100vh;
6086
6098
  }
6087
- .dnt--webflow-v2 .dnt__v2-bg-night {
6099
+ .dnt--webflow-v2 .dnt__v2-bg-media {
6088
6100
  background-position: 30% 0;
6089
6101
  background-repeat: repeat;
6090
6102
  background-size: auto 100vh;
@@ -6109,10 +6121,7 @@
6109
6121
  }
6110
6122
  }
6111
6123
  @media screen and (max-width: 479px) {
6112
- .dnt--webflow-v2 .dnt__v2-bg-day {
6113
- background-position: 40% 0;
6114
- }
6115
- .dnt--webflow-v2 .dnt__v2-bg-night {
6124
+ .dnt--webflow-v2 .dnt__v2-bg-media {
6116
6125
  background-position: 40% 0;
6117
6126
  }
6118
6127
  .dnt--webflow-v2 .dnt__sticky--webflow-v2 .dnt__content {