@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.
- package/build/index.js +5 -3
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +5 -3
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.mjs.js
CHANGED
|
@@ -25811,7 +25811,7 @@ const VideoBackground = styled.video`
|
|
|
25811
25811
|
|
|
25812
25812
|
const PlayPauseButton = styled.button`
|
|
25813
25813
|
position: absolute;
|
|
25814
|
-
|
|
25814
|
+
bottom: 20px;
|
|
25815
25815
|
right: 20px;
|
|
25816
25816
|
background: rgba(0, 0, 0, 0.5);
|
|
25817
25817
|
border: 1px solid white;
|
|
@@ -25825,12 +25825,14 @@ const PlayPauseButton = styled.button`
|
|
|
25825
25825
|
align-items: center;
|
|
25826
25826
|
justify-content: center;
|
|
25827
25827
|
z-index: 10;
|
|
25828
|
-
|
|
25829
25828
|
&:hover {
|
|
25830
25829
|
background: rgba(0, 0, 0, 0.7);
|
|
25831
25830
|
}
|
|
25831
|
+
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25832
|
+
bottom: 140px;
|
|
25833
|
+
}
|
|
25832
25834
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25833
|
-
|
|
25835
|
+
bottom: 20px;
|
|
25834
25836
|
right: 20px;
|
|
25835
25837
|
}
|
|
25836
25838
|
`;
|