julioghisloti / my_grid

My personal grid

#MyGrid

My personal grid

Some code example

This is a very simple grid system. But works pretty well. For use this, you only need know this things:

• All element attribute: margin, position, padding... has a "_" (one underscore) like a prefix

    //Column
    _col
  
    //Align element left
    _left
  
    //Align element left
    _right
  
    //Align element center
    _center
  

• Element width size has two underscore "__"

    //Sizes
    
    //100%
    __100pc
  
    
    //90%
    __90pc
    
    
    //80%
    __80pc
    
    
    //70%
    __70pc
    
    
    //60%
    __60pc
    
    
    //50%
    __50pc
    
    
    //40%
    __40pc
    
    
    //30%
    __30pc
    
    
    //20%
    __20pc
  

• Basic margin and padding options

    //-- nomargin	
    _nm
  
    //-- no margin top
    _n-mt
  
    //-- no margin right
    _n-mr
  
    //-- no margin bottom
    _n-mb
  
    //-- no margin left
    _n-ml
    
    
    
    //-- no padding	
    _np
  
    //-- no padding top
    _n-pt
  
    //-- no padding right
    _n-pr
  
    //-- no padding bottom
    _n-pb
  
    //-- no padding left
    _n-pl
  

Until this moment we only have this options. But you can help me. You can create a new options, sizes and utilities. Go ahead!

<div class="_col _left __30pc"></div>

sorry for my amateur english :(