youtube-together
Version:
Embed youtube-together sessions in any iframe to allow watching youtube videos together with friends located anywhere
1 lines • 1.98 kB
Source Map (JSON)
{"version":3,"sources":["video.scss"],"names":[],"mappings":"AAAA,WACE,eAAgB,CAChB,iBAAkB,CACnB,OAGC,iBAAkB,CAClB,qBAAsB,CACtB,QAAS,CACV,cAGC,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CAGZ,uCAAgD,CACjD,OAGC,cAAe,CACf,iBAAkB,CACnB,SAIC,iBAAkB,CAClB,oBAAqB,CACtB,sBAIC,iBAAkB,CAClB,WAAY,CACZ,wBAAyB,CACzB,aAAc,CACd,iBAAkB,CAClB,aAAc,CACd,iBAAkB,CAGlB,iBAAkB,CAClB,SAAU,CACV,WAAY,CACZ,QAAS,CACT,iBAAkB,CAGlB,SAAU,CACV,sBAAwB,CACzB,4BAIC,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,QAAS,CACT,gBAAiB,CAGjB,4BAAA,CAAA,qBAAsD,CACvD,4BAIC,kBAAmB,CACnB,SAAU","file":"main.dd274679.chunk.css","sourcesContent":[".videoWrap {\n margin-top: 3rem;\n text-align: center;\n}\n\n.video {\n position: relative;\n padding-bottom: 56.25%; /* 16:9 */\n height: 0;\n}\n\n.video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.74);\n -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.74);\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.74);\n}\n\n.views {\n text-align: end;\n margin-right: 2rem;\n}\n\n/* Tooltip container */\n.tooltip {\n position: relative;\n display: inline-block;\n}\n\n/* Tooltip text */\n.tooltip .tooltiptext {\n visibility: hidden;\n width: 120px;\n background-color: #4c566a;\n color: #d8dee9;\n text-align: center;\n padding: 5px 0;\n border-radius: 6px;\n\n /* Position the tooltip text */\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n margin-left: -60px;\n\n /* Fade in tooltip */\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n/* Tooltip arrow */\n.tooltip .tooltiptext::after {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #555 transparent transparent transparent;\n}\n\n/* Show the tooltip text when you mouse over the tooltip container */\n.tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n"]}