{"version":3,"file":"video/style-index.css","mappings":";;;AAAA;AACA;EACC;EACA;EACA;EACA;EACA;AACD;AAAC;EACC;AAEF;AATA;EAoBC;AARD;AASC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;AASE;EACC;AAPH;AAUE;EACC;EACA;EACA;EACA;EACA;EACA;KAAA;AARH;AAYC;EACC;EACA;EACA;EACA;EACA;EAEA;AAXF;AAYE;EACC;EACA;EACA;EACA;AAVH;AAaE;EACC;EACA;EACA;EACA;EACA;AAXH;AAgBG;EACC;AAdJ;AAgBG;EACC;IACC;IACA;IACA;EAdH;AACF;AAgBG;EACC;EAAA;AAdJ;AAgBE;EACC;EACA;EACA;AAdH;AAeG;EACC;AAbJ;AAcI;EACC;AAZL;AAeG;EACC;EACA;AAbJ;AAiBE;EACC;AAfH;AAiBE;EACC;AAfH;AAgBG;EACC;AAdJ;AA9CC;EA+DC;AAdF;AAeE;EACC;AAbH;AAnGA;EAoHC;AAdD;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AAeC;EACC;EACA;AAbF;AA1IA;EA0JC;AAbD;AAcC;EACC;EACA;EACA;EACA;AAZF;AAnJA;EAkKC;AAZD;AAaC;EACC;AAXF;AAeA;EACC;IACC;EAZA;EAcD;IACC;EAZA;AACF,C","sources":["webpack://jvb/./src/video/style.scss"],"sourcesContent":["/** style.scss **/\r\n.video-cover {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tmin-height: 75vh;\r\n\toverflow: hidden;\r\n\tdisplay: flex;\r\n\t.wrap {\r\n\t\tbackground-color: rgb(var(--contrast-200));\r\n\t\t//&::before {\r\n\t\t//\tposition: absolute;\r\n\t\t//\ttop: 0;\r\n\t\t//\tbottom: 0;\r\n\t\t//\tleft: 0;\r\n\t\t//\tright: 0;\r\n\t\t//\tbackground-color: rgb(var(--base));\r\n\t\t//\tmix-blend-mode: lighten;\r\n\t\t//\tcontent: '';\r\n\t\t//\tz-index: 1;\r\n\t\t//}\r\n\t}\r\n\t/* Video background */\r\n\t.video-container {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmin-width: 100%;\r\n\t\tmin-height: 100%;\r\n\t\tz-index: 0;\r\n\t\tdisplay: flex;\r\n\t\tbackground-color: rgb(var(--action-50));\r\n\r\n\t\t&.fade {\r\n\t\t\tanimation: fadeIn 1s ease-in;\r\n\t\t}\r\n\r\n\t\tvideo {\r\n\t\t\tpointer-events: none;\r\n\t\t\topacity: .85;\r\n\t\t\tmix-blend-mode: multiply;\r\n\t\t\tfilter: grayscale(100%) contrast(1);\r\n\t\t\tflex: 1 0 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n\r\n\t.inner-wrap {\r\n\t\tposition: relative;\r\n\t\tz-index: 2;\r\n\t\twidth: 100%;\r\n\t\tpadding: 2rem;\r\n\t\tcolor: var(--action-contrast);\r\n\r\n\t\t/* Better text readability */\r\n\t\th1, h2, h3, h4, h5, h6 {\r\n\t\t\tword-spacing: 100vw;\r\n\t\t\tcolor: var(--action-contrast);\r\n\t\t\ttext-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);\r\n\t\t\tmargin: 2rem 0 0;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 2px;\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: var(--action-contrast);\r\n\t\t\ttext-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\r\n\t\t}\r\n\r\n\t\t.media-text {\r\n\t\t}\r\n\t\t\t.media-text figure {\r\n\t\t\t\tmax-width: 50%;\r\n\t\t\t}\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\t.media-text {\r\n\t\t\t\t\t--align: flex-start;\r\n\t\t\t\t\tgap: 3rem;\r\n\t\t\t\t\tmax-width: var(--content);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.media-text > div {\r\n\t\t\t\twidth: fit-content;\r\n\t\t\t}\r\n\t\t.buttons a {\r\n\t\t\tfont-weight: var(--fw-h-bold);\r\n\t\t\tcolor: var(--action-contrast);\r\n\t\t\tborder-color: var(--action-contrast);\r\n\t\t\t&:visited {\r\n\t\t\t\tcolor: var(--action-contrast);\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--action-contrast);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: rgb(var(--action-0));\r\n\t\t\t\tcolor: var(--action-contrast);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.outline a {\r\n\t\t\tbackground-color: rgba(var(--base), rgba(var(--base),var(--op-3)));\r\n\t\t}\r\n\t\t.buttons {\r\n\t\t\tmargin: 3rem 0;\r\n\t\t\tli {\r\n\t\t\t\tbackground-color: rgba(var(--action-0), var(--op-4));\r\n\t\t\t}\r\n\t\t}\r\n\t\t/* Button styles */\r\n\t\t.wp-block-button__link {\r\n\t\t\ttext-shadow: none;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Alignment classes */\r\n\t&.align-top-left {\r\n\t\talign-items: flex-start;\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\t&.align-top-center {\r\n\t\talign-items: flex-start;\r\n\t\tjustify-content: center;\r\n\t}\r\n\t&.align-top-right {\r\n\t\talign-items: flex-start;\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\t&.align-center-left {\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\t&.align-center {\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\t&.align-center-right {\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\t&.align-bottom-left {\r\n\t\talign-items: flex-end;\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\t&.align-bottom-center {\r\n\t\talign-items: flex-end;\r\n\t\tjustify-content: center;\r\n\t}\r\n\t&.align-bottom-right {\r\n\t\talign-items: flex-end;\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t/* Full-width alignment */\r\n\t&.alignfull {\r\n\t\twidth: 100vw;\r\n\t\tmax-width: none;\r\n\t\tmargin-left: calc(50% - 50vw);\r\n\t\tmargin-right: calc(50% - 50vw);\r\n\t}\r\n\r\n\t/* Wide alignment */\r\n\t&.alignwide {\r\n\t\tmax-width: 1200px;\r\n\t}\r\n}\r\n\r\n@keyframes fadeIn {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t}\r\n\tto {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n"],"names":[],"sourceRoot":""}
|
