Opacity

Pack name: seed-opacity

Opacity utility pack for Seed

Contents

Install

npm install seed-opacity --save

Dependencies


Usage

seed-opacity provides a range of opacitys ranging from 0-100%.

Class Opacity
u-op-0 0
u-op-1 0.1
u-op-2 0.2
u-op-3 0.3
u-op-4 0.4
u-op-5 0.5
u-op-6 0.6
u-op-7 0.7
u-op-8 0.8
u-op-9 0.9
u-op-10 1

Example

I'm pretty visible
I'm sorta visible
I'm like… barely visible
<div class="u-op-8">I'm pretty visible</div>
<div class="u-op-5">I'm sorta visible</div>
<div class="u-op-1">I'm like… barely visible</div>