1. Utilities

Colors Complete

Available colors in Orchid

Background black orc-u-background-black

Colors description

Text color brand purple orc-u-color-brand-purple

Colors description

Text color error orc-u-color-success

Colors description

Text color tier sterling orc-u-color-tier-sterling

Colors description

Text color tier gold orc-u-color-tier-gold

Colors description

Text color tier platinum orc-u-color-tier-platinum

Colors description

  • 

    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
<div class="orc-u-background-black fpo-block">
  Background black
</div>
    

  • 

    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
<div class="orc-u-color-brand-purple fpo-block">
  Color brand purple
</div>
    

  • 

    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
<div class="orc-u-color-success fpo-block">
  Color success
</div>
    

  • 

    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
<div class="orc-u-color-tier-sterling fpo-block">
  Color tier sterling
</div>
    

  • 

    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
<div class="orc-u-color-tier-gold fpo-block">
  Color tier gold
</div>
    

  • 

    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
<div class="orc-u-color-tier-platinum fpo-block">
  Color tier platinum
</div>