short-sass
Version:
Just another SASS library, simplify the way you use SASS.
39 lines • 1.45 kB
HTML
<html>
<head>
<link rel="stylesheet" href="test.css"/>
<script type="text/javascript" src="http://localhost:1849/livereload.js"></script>
</head>
<body>
<div class="container gradient">
<ul class="flex-grid" column="4">
<li class="column">A</li>
<li class="column">B<br>C</li>
<li class="column">A</li>
<li class="column">B<br>C</li>
<li class="column">A</li>
<li class="column">B<br>C</li>
</ul>
<hr/>
<ul class="flex-grid2">
<li class="column" column="4">C</li>
<li class="column" column="4">D<br>E<br>F</li>
<li class="column" column="4">C</li>
<li class="column" column="4">D<br>E</li>
<li class="column" column="4">C</li>
<li class="column" column="4">D<br>E</li>
<li class="column" column="4">C</li>
<li class="column" column="4">D<br>E</li>
<li class="column" column="4">C</li>
<li class="column" column="4">D<br>E</li>
<li class="column" column="4">C</li>
<li class="column" column="4">D<br>E</li>
<li class="column" column="4">C</li>
<li class="column" column="4">D<br>E</li>
</ul>
<div class="flex-test">
<div class="column left">X</div>
<div class="column right">Y</div>
</div>
</div>
</body>
</html>