[Dev] Adding CSS Grid for App Factory

[Chanaka Jayasena]

I have added a simple 12 column grid to App Factory to help split and
layout any new pages been added.

Ex1 :

[image: Inline image 3]
<div class="af_container">
    <div class="af_row">
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
      <div class="col-1">.col-1</div>
    </div>
</div>

Ex2:

[image: Inline image 4]

<div class="af_container">
    <div class="af_row">
      <div class="col-2">.col-2</div>
      <div class="col-3">.col-3</div>
      <div class="col-7">.col-7</div>
    </div>
</div>

thanks,
Chanaka
-- 
Chanaka Jayasena
Senior Software Engineer; WSO2, Inc.;  http://wso2.com/
email: chan...@wso2.com; cell: +94 77 785 5565
blog: http://chanaka3d.blogspot.com

<<ex1.png>>

<<ex2.png>>

_______________________________________________
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev