Grid helper

gistfile1.css

$width: 4%;
.inpad {padding:0 $width/2;}
.inpad.four { width: 30.75 - $width !important; }
.inpad.five { width: 39.45 - $width !important; }
.inpad.six { width: 48 - $width !important; }
.inpad.seven { width: 56.75 - $width !important; }

li .inpad {padding:5px 5%;}

.inpad.panell {
background:#FFF;
@include shadow();
@include rounded(3px);
}

$big_pad : 50px;
$pad : 20px;
$small_pad: 10px;

.relative {position:relative;}
.marg-top { margin-top:$pad !important;}
.marg-top-half { margin-top:$small_pad !important;}
.marg-bot { margin-bottom:$pad !important;}
.marg-bot-half { margin-bottom:$small_pad !important;}
.pad-top-big { padding-top:$big_pad !important;}
.pad-top { padding-top:$pad !important;}
.pad-top-half { padding-top:$small_pad !important;}
.pad-bot-big { padding-bottom:$big_pad !important;}
.pad-bot { padding-bottom:$pad !important;}
.pad-bot-half { padding-bottom:$small_pad !important;}
.pad-left {padding-left:3.8% !important;}
.pad-right {padding-right:3.8% !important;}
.left {float:left;}
.right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.clear {clear:both;}
.hide-now {display:none !important;}
.hidden {visibility:hidden;}