STCSS v1.5 Beta

Creates your CSS instantly and indents it according to your DOM.

HTML

<div id='container'>
    <header>
		<div id='logo'>STCSS</div>
		<div id='logo'>STCSS</div> 
		<nav id='main-nav'>
            <ul>
                <li class='active'>Home</li>
                <li class='passive'>About</li>
                <li class='passive'>Contact</li>
            </ul>
        </nav>
    </header>
	<section id='content'>
		<aside id='sidebar'>
			<nav id='sec-nav'>
				<ul>
					<li class='active'>Home</li>
					<li class='passive'>About</li>
					<li class='passive'>Contact</li>
				</ul>
			</nav>
		</aside>
		<article class='article-live'>
			<h3>Header</h3>
			<p>This is the content of the article.</p>
		</article>
		<article class='article-live'>
			<h3>Header</h3>
			<p>This is the content of the article.</p>
		</article>
	</section>
	<footer>
		<p>STCSS 2013</p>
	</footer>
</div>

CSS

STCSS

Header

This is the content of the article.

Header

This is the content of the article.