Sha256: c3f42d783280ad241317265148ab426ce38825524a31ba64a77d1d0c316d5a83

Contents?: true

Size: 876 Bytes

Versions: 5

Compression:

Stored size: 876 Bytes

Contents

$medium-screen: 1000px;

$custom-neat-grid: (
  columns: 12,
  gutter: 50px,
  media: $medium-screen,
);

$specific-neat-grid: (
  columns: 12,
  gutter: 80px,
  media: "only screen and (min-width: 1000px) and (max-width: 1100px)",
);


$print-neat-grid: (
  columns: 10,
  gutter: 20px,
  media: print,
);

.grid-column--media-3-to-6 {
  @include grid-column(3);

  &::before {
    content: "#{map-get($neat-grid, media)}";
  }

  @include grid-media($custom-neat-grid) {
    @include grid-column(6);

    &::before {
      content: "#{map-get($neat-grid, media)}";
    }
  }

  @include grid-media($specific-neat-grid) {
    @include grid-column(6);

    &::before {
      content: "#{map-get($neat-grid, media)}";
    }
  }

  @include grid-media($print-neat-grid) {
    @include grid-column(6);

    &::before {
      content: "#{map-get($neat-grid, media)}";
    }
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
neat-2.1.0 contrib/patterns/_grid-media.scss
neat-2.0.0 contrib/patterns/_grid-media.scss
neat-2.0.0.beta.2 contrib/patterns/_grid-media.scss
neat-2.0.0.beta.1 contrib/patterns/_grid-media.scss
neat-2.0.0.alpha.1 contrib/patterns/_grid-media.scss