roobie
Version:
A collection of CSS classes to keep you writing business logic in your HTML. Easily build maintainable web & mobile applications with 100s of pre-built CSS classes at your fingertips.
57 lines (54 loc) • 1.76 kB
Markdown
# Container
Containers are the basic building block. Styled using width and padding. Fluid has no padding.
## Classes
```html
<div class="diva">Auto</div>
<div class="div10">10%</div>
<div class="div20">20%</div>
<div class="div25">25%</div>
<div class="div33">33%</div>
<div class="div40">40%</div>
<div class="div50">50%</div>
<div class="div60">60%</div>
<div class="div66">66%</div>
<div class="div75">75%</div>
<div class="div80">80%</div>
<div class="div90">90%</div>
<div class="div100">100%</div>
<div class="div">Fluid 100%</div>
```
## Usage
<div class="div col aln-start txtc col-spacer">
<div class="diva bdr1">Auto</div>
<div class="div10 bdr1">10%</div>
<div class="div20 bdr1">20%</div>
<div class="div25 bdr1">25%</div>
<div class="div33 bdr1">33%</div>
<div class="div40 bdr1">40%</div>
<div class="div50 bdr1">50%</div>
<div class="div60 bdr1">60%</div>
<div class="div66 bdr1">66%</div>
<div class="div75 bdr1">75%</div>
<div class="div80 bdr1">80%</div>
<div class="div90 bdr1">90%</div>
<div class="div100 bdr1">100%</div>
<div class="div bdr1">Fluid 100%</div>
</div>
```html
<div class="div col aln-start txtc col-spacer">
<div class="diva bdr1">Auto</div>
<div class="div10 bdr1">10%</div>
<div class="div20 bdr1">20%</div>
<div class="div25 bdr1">25%</div>
<div class="div33 bdr1">33%</div>
<div class="div40 bdr1">40%</div>
<div class="div50 bdr1">50%</div>
<div class="div60 bdr1">60%</div>
<div class="div66 bdr1">66%</div>
<div class="div75 bdr1">75%</div>
<div class="div80 bdr1">80%</div>
<div class="div90 bdr1">90%</div>
<div class="div100 bdr1">100%</div>
<div class="div bdr1">Fluid 100%</div>
</div>
```