Posted By

madr on 02/09/11

Tagged

css
textmate

Versions (?)

Last Edited at 02/09/11 10:00pm

Statistics

Viewed 643 times

Favorited by 0 user(s)

Related snippets

oocss grid, as SASS mixins

/ Published in: Other

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

@mixin unit ($margin: 0, $padding: 0, $right: 0) {
  @if $right == 0 {
    float: left;
  } @else {
    float: right;
  }
  margin: $margin;
  padding: $padding;
}
 
    @mixin last-unit {
      margin-right: -2px;
      // oocss source, a bit more roburst:
      // display: table-cell;
      // float: none;
      // width: auto;
      // *display: block;
      // *zoom:1;
      // _position:relative;
      // _left:-3px;
      // _margin-right:-3px;
    }
 
    @mixin size1of1 {
      float: none;
      width: 50%;
    }
 
    @mixin size1of2 {
      width: 50%;
    }
 
    @mixin size1of3 {
      width: 33.3333%;
    }
 
    @mixin size2of3 {
      width: 66.6666%;
    }
 
    @mixin size1of4 {
      width: 25%;
    }
 
    @mixin size3of4 {
      width: 75%;
    }
 
    @mixin size1of5 {
      width: 20%;
    }
 
    @mixin size2of5 {
      width: 40%;
    }
 
    @mixin size3of5 {
      width: 60%;
    }
 
    @mixin size4of5 {
      width: 80%;
    }