@nnc-digital/nnc-design-system 1.0.0-alpha24 → 1.0.0-alpha25

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.
Files changed (5) hide show
  1. package/build/index.js +5 -3
  2. package/build/index.js.map +1 -1
  3. package/build/index.mjs.js +5 -3
  4. package/build/index.mjs.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.js CHANGED
@@ -25824,7 +25824,7 @@ const VideoBackground = styled__default.default.video`
25824
25824
 
25825
25825
  const PlayPauseButton = styled__default.default.button`
25826
25826
  position: absolute;
25827
- top: 20px;
25827
+ bottom: 20px;
25828
25828
  right: 20px;
25829
25829
  background: rgba(0, 0, 0, 0.5);
25830
25830
  border: 1px solid white;
@@ -25838,12 +25838,14 @@ const PlayPauseButton = styled__default.default.button`
25838
25838
  align-items: center;
25839
25839
  justify-content: center;
25840
25840
  z-index: 10;
25841
-
25842
25841
  &:hover {
25843
25842
  background: rgba(0, 0, 0, 0.7);
25844
25843
  }
25844
+ @media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
25845
+ bottom: 140px;
25846
+ }
25845
25847
  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
25846
- top: 20px;
25848
+ bottom: 20px;
25847
25849
  right: 20px;
25848
25850
  }
25849
25851
  `;