roobie/docs/utilities/opacity.md

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.

# Opacity

## Classes
```html
<div class="opa">Auto</div>
<div class="op10">10%</div>
<div class="op20">20%</div>
<div class="op25">25%</div>
<div class="op33">33%</div>
<div class="op40">40%</div>
<div class="op50">50%</div>
<div class="op60">60%</div>
<div class="op66">66%</div>
<div class="op75">75%</div>
<div class="op80">80%</div>
<div class="op90">90%</div>
<div class="op100">100%</div>
<div class="op">100%</div>
```

## Usage
<div class="div row aln-start row-spacer">
    <div class="opa bdr1 pad3 br">Auto</div>
    <div class="op10 bdr1 pad3 br">10%</div>
    <div class="op20 bdr1 pad3 br">20%</div>
    <div class="op25 bdr1 pad3 br">25%</div>
    <div class="op33 bdr1 pad3 br">33%</div>
    <div class="op40 bdr1 pad3 br">40%</div>
    <div class="op50 bdr1 pad3 br">50%</div>
    <div class="op60 bdr1 pad3 br">60%</div>
    <div class="op66 bdr1 pad3 br">66%</div>
    <div class="op75 bdr1 pad3 br">75%</div>
    <div class="op80 bdr1 pad3 br">80%</div>
    <div class="op90 bdr1 pad3 br">90%</div>
    <div class="op bdr1 pad3 br">100%</div>
</div>

```opml
<div class="div row aln-start row-spacer">
    <div class="opa bdr1 pad3 br">Auto</div>
    <div class="op10 bdr1 pad3 br">10%</div>
    <div class="op20 bdr1 pad3 br">20%</div>
    <div class="op25 bdr1 pad3 br">25%</div>
    <div class="op33 bdr1 pad3 br">33%</div>
    <div class="op40 bdr1 pad3 br">40%</div>
    <div class="op50 bdr1 pad3 br">50%</div>
    <div class="op60 bdr1 pad3 br">60%</div>
    <div class="op66 bdr1 pad3 br">66%</div>
    <div class="op75 bdr1 pad3 br">75%</div>
    <div class="op80 bdr1 pad3 br">80%</div>
    <div class="op90 bdr1 pad3 br">90%</div>
    <div class="op bdr1 pad3 br">100%</div>
</div>
```