@nnc-digital/nnc-design-system 1.0.0-alpha21 → 1.0.0-alpha22

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 +12 -2
  2. package/build/index.js.map +1 -1
  3. package/build/index.mjs.js +12 -2
  4. package/build/index.mjs.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.mjs.js CHANGED
@@ -25782,6 +25782,9 @@ const VideoContainer = styled.div`
25782
25782
  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
25783
25783
  height: 540px;
25784
25784
  }
25785
+ @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
25786
+ height: 420px;
25787
+ }
25785
25788
  `;
25786
25789
 
25787
25790
 
@@ -25796,12 +25799,15 @@ const VideoBackground = styled.video`
25796
25799
  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
25797
25800
  height: 540px;
25798
25801
  }
25802
+ @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
25803
+ height: 420px;
25804
+ }
25799
25805
  `;
25800
25806
 
25801
25807
  const PlayPauseButton = styled.button`
25802
25808
  position: absolute;
25803
- bottom: 40px;
25804
- right: 40px;
25809
+ bottom: 20px;
25810
+ right: 20px;
25805
25811
  background: rgba(0, 0, 0, 0.5);
25806
25812
  border: 1px solid white;
25807
25813
  color: white;
@@ -25818,6 +25824,10 @@ const PlayPauseButton = styled.button`
25818
25824
  &:hover {
25819
25825
  background: rgba(0, 0, 0, 0.7);
25820
25826
  }
25827
+ @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
25828
+ bottom: 20px;
25829
+ right: 20px;
25830
+ }
25821
25831
  `;
25822
25832
 
25823
25833
  /**