1 line
1.5 KiB
Plaintext
1 line
1.5 KiB
Plaintext
{"version":3,"sources":["webpack://_N_E/components/video/VideoJS/VideoJS.module.scss","webpack://_N_E/components/video/VideoPoster/VideoPoster.module.scss","webpack://_N_E/components/video/OwncastPlayer/OwncastPlayer.module.scss","webpack://_N_E/styles/mixins.scss"],"names":[],"mappings":"AAEA,uBACE,UAAA,CCHF,2BACE,qBAAA,CACA,YAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CCHF,gCACE,YAAA,CACA,UAAA,CACA,oBAAA,CACA,WAAA,CCOE,yCDXJ,gCAOI,iBAAA,CACA,YAAA,CAAA,CAGF,0HAEE,UAAA,CACA,aAAA,CACA,UAAA","file":"static/css/917eb744faed4b20.css","sourcesContent":["@import '../../../styles/mixins.scss';\n\n.player {\n width: 100%;\n}\n",".poster {\n background-color: black;\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n","@import '../../../styles/mixins.scss';\n\n.container {\n display: grid;\n width: 100%;\n justify-items: center;\n height: 78vh;\n\n @include screen(tablet) {\n aspect-ratio: 16 / 9;\n height: unset;\n }\n\n .player,\n .poster {\n width: 100%;\n grid-column: 1;\n grid-row: 1;\n }\n}\n","@mixin flexCenter {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@mixin screen ($breakpoint) { \n @if $breakpoint == desktop { \n @media only screen and (min-width: 768px) {\n @content;\n }\n }\n @if $breakpoint == tablet {\n @media only screen and (max-width: 768px) {\n @content;\n }\n }\n @if $breakpoint == mobile {\n @media only screen and (max-width: 481px) {\n @content;\n }\n }\n}\n"],"sourceRoot":""} |