<!--<span ng-init="highCodeInit()">-->
    <h2>Some Css</h2>
<pre>
    <code class="language-css">
    .asd {
    font-size: 20px:
    }
    </code>
</pre>




    <h2>Media Queries</h2>
<pre class="line-numbers">
    <code class="language-css" id="test">
@media all and (max-width: 960px) {
	.class {
	  	position : relative;
	}
}

/* OR */

@media all and (min-width: 360px) and (max-width: 480px) {
	.class {
	  	position : relative;
  	}
}

/* BREAK POINTS */

@media screen and (max-width:320px) {}
@media screen and (min-width:321px) and (max-width:639px) {}
@media screen and (min-width:640px) and (max-width:959px) {}
@media screen and (min-width:960px) and (max-width:1279px) {}
@media screen and (min-width:1280px) and (max-width:1599px) {}
@media screen and (min-width:1600px) {}
@media screen and (min-width:1920px) {}
@media print {}
    </code>

<iframe height='265' scrolling='no' title='SVG Flask Bubble Fire Animation' src='//codepen.io/dotcodes/embed/preview/GOPRGo/?height=265&theme-id=0&default-tab=js,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/dotcodes/pen/GOPRGo/'>SVG Flask Bubble Fire Animation</a> by Philip D. (<a href='https://codepen.io/dotcodes'>@dotcodes</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
</pre>

<!--</span>-->

<script src="assets/js/prism.js"></script>

<!--<script src="ass">-->

<!--//    var block = document.getElementById('test');-->
<!--//    Prism.highlightElement(block);-->
<!--</script>-->