@nnc-digital/nnc-design-system 1.0.0-alpha25 → 1.0.0-alpha26
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/build/index.js +16 -21
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +16 -21
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.mjs.js
CHANGED
|
@@ -25789,7 +25789,6 @@ const VideoContainer = styled.div`
|
|
|
25789
25789
|
}
|
|
25790
25790
|
`;
|
|
25791
25791
|
|
|
25792
|
-
|
|
25793
25792
|
const VideoBackground = styled.video`
|
|
25794
25793
|
position: absolute;
|
|
25795
25794
|
top: 0;
|
|
@@ -25811,29 +25810,25 @@ const VideoBackground = styled.video`
|
|
|
25811
25810
|
|
|
25812
25811
|
const PlayPauseButton = styled.button`
|
|
25813
25812
|
position: absolute;
|
|
25814
|
-
|
|
25815
|
-
right: 20px;
|
|
25816
|
-
background: rgba(0, 0, 0, 0.5);
|
|
25817
|
-
border: 1px solid white;
|
|
25818
|
-
color: white;
|
|
25819
|
-
font-size: 32px;
|
|
25820
|
-
border-radius: 50%;
|
|
25821
|
-
width: 50px;
|
|
25822
|
-
height: 50px;
|
|
25823
|
-
cursor: pointer;
|
|
25824
|
-
display: flex;
|
|
25825
|
-
align-items: center;
|
|
25826
|
-
justify-content: center;
|
|
25827
|
-
z-index: 10;
|
|
25828
|
-
&:hover {
|
|
25829
|
-
background: rgba(0, 0, 0, 0.7);
|
|
25830
|
-
}
|
|
25831
|
-
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25832
|
-
bottom: 140px;
|
|
25833
|
-
}
|
|
25813
|
+
display: none;
|
|
25834
25814
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25835
25815
|
bottom: 20px;
|
|
25836
25816
|
right: 20px;
|
|
25817
|
+
display: flex;
|
|
25818
|
+
align-items: center;
|
|
25819
|
+
justify-content: center;
|
|
25820
|
+
z-index: 10;
|
|
25821
|
+
background: rgba(0, 0, 0, 0.5);
|
|
25822
|
+
border: 1px solid white;
|
|
25823
|
+
color: white;
|
|
25824
|
+
font-size: 32px;
|
|
25825
|
+
border-radius: 50%;
|
|
25826
|
+
width: 50px;
|
|
25827
|
+
height: 50px;
|
|
25828
|
+
cursor: pointer;
|
|
25829
|
+
&:hover {
|
|
25830
|
+
background: rgba(0, 0, 0, 0.7);
|
|
25831
|
+
}
|
|
25837
25832
|
}
|
|
25838
25833
|
`;
|
|
25839
25834
|
|