@nnc-digital/nnc-design-system 1.0.0-alpha23 → 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 +17 -10
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +17 -10
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.mjs.js
CHANGED
|
@@ -25778,12 +25778,14 @@ const VideoContainer = styled.div`
|
|
|
25778
25778
|
top: 0;
|
|
25779
25779
|
left: 0;
|
|
25780
25780
|
width: 100%;
|
|
25781
|
-
|
|
25782
|
-
|
|
25783
|
-
height: 540px;
|
|
25781
|
+
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25782
|
+
height: 575px;
|
|
25784
25783
|
}
|
|
25785
|
-
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25786
|
-
height:
|
|
25784
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) and (max-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25785
|
+
height: 420px;
|
|
25786
|
+
}
|
|
25787
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25788
|
+
height: 540px; /* Height for large and above screens */
|
|
25787
25789
|
}
|
|
25788
25790
|
`;
|
|
25789
25791
|
|
|
@@ -25796,11 +25798,14 @@ const VideoBackground = styled.video`
|
|
|
25796
25798
|
height: 575px;
|
|
25797
25799
|
object-fit: cover;
|
|
25798
25800
|
z-index: -1;
|
|
25799
|
-
@media screen and (
|
|
25800
|
-
height:
|
|
25801
|
+
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25802
|
+
height: 575px;
|
|
25801
25803
|
}
|
|
25802
|
-
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25803
|
-
height:
|
|
25804
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) and (max-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25805
|
+
height: 420px;
|
|
25806
|
+
}
|
|
25807
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25808
|
+
height: 540px; /* Height for large and above screens */
|
|
25804
25809
|
}
|
|
25805
25810
|
`;
|
|
25806
25811
|
|
|
@@ -25820,10 +25825,12 @@ const PlayPauseButton = styled.button`
|
|
|
25820
25825
|
align-items: center;
|
|
25821
25826
|
justify-content: center;
|
|
25822
25827
|
z-index: 10;
|
|
25823
|
-
|
|
25824
25828
|
&:hover {
|
|
25825
25829
|
background: rgba(0, 0, 0, 0.7);
|
|
25826
25830
|
}
|
|
25831
|
+
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25832
|
+
bottom: 140px;
|
|
25833
|
+
}
|
|
25827
25834
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25828
25835
|
bottom: 20px;
|
|
25829
25836
|
right: 20px;
|