1. Utilities

Widths Complete

Setting an element’s width

Width 25 orc-u-width-25

Width description

Width 50 orc-u-width-50

Width description

Width 75 orc-u-width-75

Width description

Width 100 orc-u-width-100

Width description

  • 
    
    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
    <div class="orc-u-width-25 fpo-block">
      Set width to 25%
    </div>
  • 
    
    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
    <div class="orc-u-width-50 fpo-block">
      Set width to 50%
    </div>
  • 
    
    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
    <div class="orc-u-width-75 fpo-block">
      Set width to 75%
    </div>
  • 
    
    <!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored-->
    <div class="orc-u-width-100 fpo-block">
      Set width to 100%
    </div>