js-flex-embed/demo/demo.min.css

jQuery Plugin for responsive intrinsic ratio embeds

*,.c-button{box-sizing:border-box}.c-button,.c-header,.c-test{position:relative}.c-button,a{text-decoration:none}.c-button,img{vertical-align:middle}*{margin:0;padding:0}html{font-family:Roboto,sans-serif;height:100%;min-height:100%;overflow-x:hidden;overflow-y:scroll}a{color:#ff5252}img{border:0;max-width:100%;width:100%;height:auto}.c-test{counter-reset:test-describe;margin:auto;z-index:1}.c-test__describe:before{content:counter(test-describe);counter-increment:test-describe}.c-test__it:before{content:counter(test-describe) "." counter(test-it);counter-increment:test-it}.c-test__title{font-size:2em;padding:20px;margin:20px 0;background:#eee;color:#999}.c-test__describe,.c-test__it{background:#f2f2f2;border-left:5px solid #666;color:#666;font-weight:500;margin:20px 0;padding:.75em 20px}.c-test__describe:before,.c-test__it:before{color:#999;display:inline-block;margin-right:10px;min-width:30px;text-transform:uppercase}.c-test .o-flex-embed{background:#424242}iframe{border:0}.c-test__run--fade .is-loading,.c-test__run--fade iframe,.c-test__run--fade img{opacity:.5;transition:opacity .4s;background:url(loader.gif) center no-repeat #f7f7f7}.c-test__run--fade iframe.is-loaded,.c-test__run--fade img.is-loaded{opacity:1}.xrayhtml .xraytitle code,code[class*=language-],pre[class*=language-]{font-weight:400;font-family:'Roboto Mono',monospace}code[class*=language-],pre[class*=language-]{text-shadow:none}.l-wrapper{max-width:752px;padding:0 12px;margin:0 auto}.c-header{margin-bottom:3em}.c-title__js{color:rgba(0,0,0,.54)}.c-header__description{color:rgba(0,0,0,.54);font-size:16px;font-weight:500;line-height:25px}h1{font-family:'Roboto Condensed',sans-serif;font-weight:700}.c-test__describe{counter-reset:test-it;font-size:1.5em;margin:0}.c-test__it{font-size:1em;font-weight:400;border-color:#e4e4e4}.xrayhtml .source-panel pre{font-size:.875em}.c-footer__btns{margin:1em 0 2em}.c-button{background:#4e4e4e;background-image:linear-gradient(transparent,transparent 50%,rgba(0,0,0,.08));border-color:#4e4e4e;border-style:solid;border-width:1px;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font:inherit;margin:0;padding:.38198em .73424em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-button:focus,.c-button:hover{background:#ff5252;border-color:#ff5252;outline:0}.c-button--cta{position:absolute;top:3px;right:0;font-weight:500;text-transform:uppercase}.c-github-corner{position:absolute;right:0;top:0;display:block;z-index:10}.c-github-corner__svg{color:#fff;fill:#111}.c-github-corner:focus .c-github-corner__octo-arm,.c-github-corner:hover .c-github-corner__octo-arm{animation:octocat-wave .56s}.c-github-corner:focus .c-github-corner__svg,.c-github-corner:hover .c-github-corner__svg{fill:#ff5252}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-20deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:46em){.c-button--cta{display:none}}@media (min-width:46.25em){.c-github-corner{position:fixed}}