dynamic-bind-html/demo/demo.min.css

A replacement for ng-bind-html that compiles angular code, too.

*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}.row{margin:2rem 0}.header-row{margin-top:2rem}body{font-family:"Open Sans";font-weight:400;margin:1rem}h1,h2,h3,h4{position:relative;margin:1rem 0 1em 0}p{margin:1rem 0}pre,code,.code-button{font-family:"Source Code Pro";font-weight:400}hr{height:0;margin:2rem 0;border-top:1px solid #282b2e;opacity:0.5}.code-example{margin:1rem 0}.code-example .hljs{padding:1rem}.code-demo{margin:1rem 0;padding:1rem;border:1px solid #282b2e}.code-demo :first-child{margin-top:0}.code-demo :last-child{margin-bottom:0}.note{margin-bottom:1rem;font-size:90%;opacity:0.7;font-style:italic}.button-row{margin:-.5rem 0 1rem 0}.button{display:inline-block;max-width:100%;margin:.5rem .5rem 0 0;padding:1rem;background:#282b2e;color:#e0e2e4;cursor:pointer;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover{opacity:0.8}.button:active{opacity:0.7}.code-button .hljs{padding:0}.code-button pre{margin:0;white-space:pre-wrap}@media (min-width: 90rem){.container{width:60vw;margin:0 auto}.button-row .button{max-width:calc(50% - .5rem - 4px)}}@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 800px), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 800px){body{font-weight:300}}@-webkit-keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out}@media (max-width: 500px){.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}.github-corner .octo-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out}}