ornajs
Version:
OrnaJS is a tool for creation Atomic CSS. Framework and parser. Orna lightweight, clear and easy. It works with jQuery.
34 lines (27 loc) • 1.59 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Orna SPA</title>
<script src="jquery.min.js"></script>
<script src="orna.min.js"></script>
</head>
<body class="m_0 bgc_gray d_none_side.text d_block_side.1">
<div class="shadow_0_0_10px_0_black textincenter b_thin_solid_gray bgc_black h_100px_this,div w_10%_div textincenter_div line-height_100px inlineblock_div bgc_white_div bgc_white_thisdiv_out bgc_salmon_thisdiv_over ease_div">
<div class=" h_300px_side#content h_300px_side#content_click d_none_side.text_click d_block_side.1_click bgc_skyblue_click">1</div>
<div class=" h_500px_side#content_click d_none_side.text_click d_block_side.2_click bgc_skyblue_click">2</div>
<div class=" h_400px_side#content_click d_none_side.text_click d_block_side.3_click bgc_skyblue_click">3</div>
<div class=" h_200px_side#content_click d_none_side.text_click d_block_side.4_click bgc_skyblue_click">4</div>
<div class=" h_800px_side#content_click d_none_side.text_click d_block_side.5_click bgc_skyblue_click">5</div>
<div class=" h_600px_side#content_click d_none_side.text_click d_block_side.6_click bgc_skyblue_click">6</div>
</div>
<div class="bgc_white w_70% shadow_0_0_10px_0_black b_thin_solid_gray center" id="content">
<h1 class="textincenter text 1">1</h1>
<h1 class="textincenter text 2">2</h1>
<h1 class="textincenter text 3">3</h1>
<h1 class="textincenter text 4">4</h1>
<h1 class="textincenter text 5">5</h1>
<h1 class="textincenter text 6">6</h1>
</div>
</body>
</html>