/*! grid */
.whole {
float: left;
width: 100%;
min-height: 1em;
*height: 1em; }
.half { &:extend(.whole); width: 50%; }
.third { &:extend(.whole); width: (100%/3); }
.twothirds { &:extend(.whole); width: (2*(100%/3)); }
.quarter { &:extend(.whole); width: 25%; }
.threequarters { &:extend(.whole); width: 75%; }
.fifth { &:extend(.whole); width: 20%; }
.twofifths { &:extend(.whole); width: 40%; }
.threefifths { &:extend(.whole); width: 60%; }
.fourfifths { &:extend(.whole); width: 80%; }
.seventh { &:extend(.whole); width: (100%/7); }
.twosevenths { &:extend(.whole); width: (2*(100%/7)); }
.threesevenths { &:extend(.whole); width: (3*(100%/7)); }
.foursevenths { &:extend(.whole); width: (4*(100%/7)); }
.fivesevenths { &:extend(.whole); width: (5*(100%/7)); }
.sixsevenths { &:extend(.whole); width: (6*(100%/7)); }
.grid(@base) {}