Sha256: 763df20c6e01ffdcc40ba0eba52007811047da5d0987b5c539a04dddf10261c9
Contents?: true
Size: 1.34 KB
Versions: 20
Compression:
Stored size: 1.34 KB
Contents
/////////////////
// Semantic.gs // for SCSS: http://sass-lang.com/
/////////////////
// Defaults which you can freely override
$column-width: 60px;
$gutter-width: 20px;
$columns: 12;
// Utility variable — you should never need to modify this
$_gridsystem-width: ($column-width*$columns) + ($gutter-width*$columns);
// Set $total-width to 100% for a fluid layout
$total-width: $_gridsystem-width;
@mixin grid-clearfix() {
*zoom:1;
&:before,
&:after {
content:"";
display:table;
}
&:after {
clear:both;
}
}
//////////
// GRID //
//////////
body {
width: 100%;
@include grid-clearfix();
}
@mixin grid-row($columns:$columns) {
display: inline-block;
width: $total-width*(($gutter-width + $_gridsystem-width)/$_gridsystem-width);
margin: 0 $total-width*((($gutter-width*.5)/$_gridsystem-width)*-1);
@include grid-clearfix();
}
@mixin grid-column($x,$columns:$columns) {
display: inline;
float: left;
width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / $_gridsystem-width);
margin: 0 $total-width*(($gutter-width*.5)/$_gridsystem-width);
}
@mixin grid-offset($offset:1) {
margin-left: ($gutter-width+$column-width)*$offset + $total-width*(($gutter-width*.5)/$_gridsystem-width);
}
// The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/
Version data entries
20 entries across 20 versions & 1 rubygems