consola.css
A CSS micro-framework for a console like style

Typography

Headings

All styles of HTML headings, <h1> through <h6>, are also available as classes .h1 through .h6

<span class="h1">.h1</span>
<span class="h2">.h2</span>
<span class="h3">.h3</span>
<span class="h4">.h4</span>
<span class="h5">.h5</span>
<span class="h6">.h6</span>

Inline text elements

Marked text

Some <mark>marked</mark> text

Deleted text

Some <del>deleted</del> text

Strikethrough text

Some <s>strikethrough</s> text

Underlined text

Some <u>underlined</u> text

Small text

Some <small>small</small> text

Bold

Some <strong>bold</strong> text

Italics

Some <em>italicized</em> text

Alignment classes

<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

Transformation classes

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">Capitalized text.</p>

Lists

Ordered

<ol>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ol>

Unorderd

<ul>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Citrus
        <ul>
            <li>Limes</li>
            <li>Oranges</li>
            <li>Grapefruit</li>
        </ul>
    </li>
</ul>

Unorderd Dash

<ul class="list-dash">
    <li>Apples</li>
    <li>Bananas</li>
    <li>Citrus
        <ul>
            <li>Limes</li>
            <li>Oranges</li>
            <li>Grapefruit</li>
        </ul>
    </li>
</ul>

Unstyled

<ul class="list-unstyled">
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>