Return to Snippet

Revision: 40910
at February 9, 2011 22:00 by madr


Initial Code
@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%;
    }

Initial URL

                                

Initial Description

                                

Initial Title
oocss grid, as SASS mixins

Initial Tags
css, textmate

Initial Language
Other