Overlays | Inertia Docs

We believe in efficient ways to grow a business by being smart.


              <div class="overlay overlay-primary overlay-60">...</div>

              <div class="overlay overlay-white overlay-70">...</div>

              <div class="overlay overlay-dark overlay-50">...</div>

              <div class="overlay overlay-light overlay-60">...</div>

              <div class="overlay overlay-purple overlay-50">...</div>

              <div class="overlay overlay-info overlay-50">...</div>

We believe in efficient ways to grow a business by being smart.


              <div class="overlay overlay-primary overlay-10">...</div>

              <div class="overlay overlay-primary overlay-20">...</div>

              <div class="overlay overlay-primary overlay-25">...</div>

              <div class="overlay overlay-primary overlay-30">...</div>

              <div class="overlay overlay-primary overlay-40">...</div>

              <div class="overlay overlay-primary overlay-50">...</div>

              <div class="overlay overlay-primary overlay-60">...</div>

              <div class="overlay overlay-primary overlay-70">...</div>

              <div class="overlay overlay-primary overlay-75">...</div>

              <div class="overlay overlay-primary overlay-80">...</div>

              <div class="overlay overlay-primary overlay-90">...</div>

              <div class="overlay overlay-primary overlay-100">...</div>

We believe in efficient ways to grow a business by being smart.


              <div class="overlay overlay-gradient-dark-bottom">...</div>

              <div class="overlay overlay-gradient-white-to-dark">...</div>

Overlay `.overlay`

Overlay opacity `.overlay-(0 - 100)`

Overlay gradient

Overlay .overlay

Overlay opacity .overlay-(0 - 100)

Overlay gradient

Overlay `.overlay`

Overlay opacity `.overlay-(0 - 100)`