scottkellum

About This Proposal

This is a very rough proposal for a radical Susy 2.0 API overhaul.

The basic goals are:

1. Flexible: Allow all the main layout approaches.

• float / isolation
• columns (symmetrical & asymmetrical) / fractions / explicit widths
• gutters inside or outside - before, after, or split

scottkellum

Sass

%half { width: 50%; }
%full { width: 100%; }

#foo {
  @extend %full;

  @media screen (min-width: 600px) {
 @extend %half;

scottkellum

// Original gist https://gist.github.com/280797

$prefixes: -webkit- -moz- -ms- -o- !default

=prefix($property, $value, $prefixes)
  @each $prefix in $prefixes
    #{$prefix}#{$property}: $value
  #{$property}: $value

=prefix-value($property, $value, $prefixes)