Skip to content

Commit

Permalink
Gem parity w/working files
Browse files Browse the repository at this point in the history
HOLY MOBILE FIRST RESPONSIVE DESIGN BATMAN!
Added a single-column variable to show site in single-column view, on by default, to encourage mobile-first design.
Added way for end users to tie into respond-to mixin. See https://gist.github.com/2493551
  • Loading branch information
Sam Richard committed Apr 25, 2012
1 parent 07ded7e commit fef4618
Show file tree
Hide file tree
Showing 3 changed files with 223 additions and 110 deletions.
14 changes: 7 additions & 7 deletions compass/stylesheets/aura/_functions.scss
Original file line number Diff line number Diff line change
Expand Up @@ -61,13 +61,13 @@
//////////////////////////////
@function responsive-ratio() {
$full: columns-width();
$breakpoints: $full;
$aura-breakpoints: $full;

@for $i from 1 through 3 {
$bsize: nth($breakpoints, $i) / $responsive-ratio;
$breakpoints: join($breakpoints, $bsize);
$bsize: nth($aura-breakpoints, $i) / $responsive-ratio;
$aura-breakpoints: join($aura-breakpoints, $bsize);
}
@return $breakpoints;
@return $aura-breakpoints;
}

//////////////////////////////
Expand All @@ -79,7 +79,7 @@
@return responsive-ratio();
}
$full: columns-width();
$breakpoints: $full;
$aura-breakpoints: $full;
$scale-relation: -1 !default;
@for $i from 1 through 3 {
$measure: $measure-width;
Expand All @@ -92,10 +92,10 @@
$gutter-width: gutter-width($gutter-col-grid);
$side-gutter-width: $gutter-width;

$breakpoints: join($breakpoints, columns-width() * $scale-ratio);
$aura-breakpoints: join($aura-breakpoints, columns-width() * $scale-ratio);

}
@return $breakpoints;
@return $aura-breakpoints;
}
//////////////////////////////
// Aura Grid Functions
Expand Down
Loading

0 comments on commit fef4618

Please sign in to comment.