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.
55 lines (52 loc) • 1.62 kB
Markdown
# Height
The default height for all containers is auto.
## Classes
```html
<div class="hta">Auto</div>
<div class="ht10">10%</div>
<div class="ht20">20%</div>
<div class="ht25">25%</div>
<div class="ht33">33%</div>
<div class="ht40">40%</div>
<div class="ht50">50%</div>
<div class="ht60">60%</div>
<div class="ht66">66%</div>
<div class="ht75">75%</div>
<div class="ht80">80%</div>
<div class="ht90">90%</div>
<div class="ht100">100%</div>
<div class="ht">100%</div>
```
## Usage
<div class="div row aln-start row-spacer" style="height: 350px !important">
<div class="hta bdr1">Auto</div>
<div class="ht10 bdr1">10%</div>
<div class="ht20 bdr1">20%</div>
<div class="ht25 bdr1">25%</div>
<div class="ht33 bdr1">33%</div>
<div class="ht40 bdr1">40%</div>
<div class="ht50 bdr1">50%</div>
<div class="ht60 bdr1">60%</div>
<div class="ht66 bdr1">66%</div>
<div class="ht75 bdr1">75%</div>
<div class="ht80 bdr1">80%</div>
<div class="ht90 bdr1">90%</div>
<div class="ht bdr1">100%</div>
</div>
```html
<div class="div row aln-start row-spacer" style="height: 350px !important">
<div class="hta bdr1">Auto</div>
<div class="ht10 bdr1">10%</div>
<div class="ht20 bdr1">20%</div>
<div class="ht25 bdr1">25%</div>
<div class="ht33 bdr1">33%</div>
<div class="ht40 bdr1">40%</div>
<div class="ht50 bdr1">50%</div>
<div class="ht60 bdr1">60%</div>
<div class="ht66 bdr1">66%</div>
<div class="ht75 bdr1">75%</div>
<div class="ht80 bdr1">80%</div>
<div class="ht90 bdr1">90%</div>
<div class="ht bdr1">100%</div>
</div>
```