@nnc-digital/nnc-design-system 1.0.0-alpha22 → 1.0.0-alpha24
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 +14 -9
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +14 -9
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -25791,13 +25791,15 @@ const VideoContainer = styled__default.default.div`
|
|
|
25791
25791
|
top: 0;
|
|
25792
25792
|
left: 0;
|
|
25793
25793
|
width: 100%;
|
|
25794
|
-
|
|
25795
|
-
|
|
25796
|
-
height: 540px;
|
|
25794
|
+
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25795
|
+
height: 575px;
|
|
25797
25796
|
}
|
|
25798
|
-
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25797
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) and (max-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25799
25798
|
height: 420px;
|
|
25800
25799
|
}
|
|
25800
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25801
|
+
height: 540px; /* Height for large and above screens */
|
|
25802
|
+
}
|
|
25801
25803
|
`;
|
|
25802
25804
|
|
|
25803
25805
|
|
|
@@ -25809,17 +25811,20 @@ const VideoBackground = styled__default.default.video`
|
|
|
25809
25811
|
height: 575px;
|
|
25810
25812
|
object-fit: cover;
|
|
25811
25813
|
z-index: -1;
|
|
25812
|
-
@media screen and (
|
|
25813
|
-
height:
|
|
25814
|
+
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25815
|
+
height: 575px;
|
|
25814
25816
|
}
|
|
25815
|
-
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25817
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) and (max-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25816
25818
|
height: 420px;
|
|
25817
25819
|
}
|
|
25820
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25821
|
+
height: 540px; /* Height for large and above screens */
|
|
25822
|
+
}
|
|
25818
25823
|
`;
|
|
25819
25824
|
|
|
25820
25825
|
const PlayPauseButton = styled__default.default.button`
|
|
25821
25826
|
position: absolute;
|
|
25822
|
-
|
|
25827
|
+
top: 20px;
|
|
25823
25828
|
right: 20px;
|
|
25824
25829
|
background: rgba(0, 0, 0, 0.5);
|
|
25825
25830
|
border: 1px solid white;
|
|
@@ -25838,7 +25843,7 @@ const PlayPauseButton = styled__default.default.button`
|
|
|
25838
25843
|
background: rgba(0, 0, 0, 0.7);
|
|
25839
25844
|
}
|
|
25840
25845
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25841
|
-
|
|
25846
|
+
top: 20px;
|
|
25842
25847
|
right: 20px;
|
|
25843
25848
|
}
|
|
25844
25849
|
`;
|