Sha256: 948218609623a1cc94940e560fa35bc70c7a23a47566a54eddb7d5efbdfd02c5

Contents?: true

Size: 972 Bytes

Versions: 8

Compression:

Stored size: 972 Bytes

Contents

// ---------------------------------------------------------------------------
// Imports

@import "../../../sass/ezy/grid";
@import "../../../sass/ezy/media";

$column-width: 4em;
$gutter-width: 2em;
$total-columns: 12;

// Widths for use in media queries
$width-small:   context-width( 4 );
$width-medium:  context-width( 8 );
$width-large:   context-width( $total-columns );

// Defining media query breakpoints
$breakpoint-small:  set-breakpoint( $max: 20em );
$breakpoint-medium: set-breakpoint( $min: 20.1em );
$breakpoint-large:  set-breakpoint( $min: 30em, $legacy-support: true ); // Support for legacy browsers

.page {
  @include master( $total-columns ); // Sets max-width
  font-size: 14px;
  @include at-breakpoint( $breakpoint-medium ) {
    font-size: 16px;
  }
  @include at-breakpoint( $breakpoint-large ) {
    font-size: 18px;
  }
}

.grid {
  @include container( $total-columns );
}

.column {
  @include span-columns( 4, $context: $total-columns );
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
ezy-0.2.0 test/scss/grid/elastic.scss
ezy-0.1.1 test/scss/grid/elastic.scss
ezy-0.2.0.alpha test/scss/grid/elastic.scss
ezy-0.1.0 test/scss/grid/elastic.scss
ezy-0.0.8 test/scss/grid/elastic.scss
ezy-0.0.7 test/scss/grid/elastic.scss
ezy-0.0.6 test/scss/grid/elastic.scss
ezy-0.0.5 test/scss/grid/elastic.scss