@nnc-digital/nnc-design-system 1.0.0-alpha26 → 1.0.0-alpha28
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 +4 -8
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +4 -8
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -25788,36 +25788,32 @@ const Search = styled__default.default.div`
|
|
|
25788
25788
|
|
|
25789
25789
|
const VideoContainer = styled__default.default.div`
|
|
25790
25790
|
position: absolute;
|
|
25791
|
-
top: 0;
|
|
25792
|
-
left: 0;
|
|
25793
25791
|
width: 100%;
|
|
25794
25792
|
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25795
|
-
height:
|
|
25793
|
+
height: 590px;
|
|
25796
25794
|
}
|
|
25797
25795
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) and (max-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25798
25796
|
height: 420px;
|
|
25799
25797
|
}
|
|
25800
25798
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25801
|
-
height:
|
|
25799
|
+
height: 530px;
|
|
25802
25800
|
}
|
|
25803
25801
|
`;
|
|
25804
25802
|
|
|
25805
25803
|
const VideoBackground = styled__default.default.video`
|
|
25806
25804
|
position: absolute;
|
|
25807
|
-
top: 0;
|
|
25808
|
-
left: 0;
|
|
25809
25805
|
width: 100%;
|
|
25810
25806
|
height: 575px;
|
|
25811
25807
|
object-fit: cover;
|
|
25812
25808
|
z-index: -1;
|
|
25813
25809
|
@media screen and (max-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
|
|
25814
|
-
height:
|
|
25810
|
+
height: 590px;
|
|
25815
25811
|
}
|
|
25816
25812
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) and (max-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25817
25813
|
height: 420px;
|
|
25818
25814
|
}
|
|
25819
25815
|
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25820
|
-
height: 540px;
|
|
25816
|
+
height: 540px;
|
|
25821
25817
|
}
|
|
25822
25818
|
`;
|
|
25823
25819
|
|