Skip to content

Instantly share code, notes, and snippets.

@briansw

briansw/posts.scss

Last active August 29, 2015 14:22
Show Gist options
  • Save briansw/e13612c02b52d15fdf7d to your computer and use it in GitHub Desktop.
Save briansw/e13612c02b52d15fdf7d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. briansw revised this gist Jun 11, 2015. 1 changed file with 12 additions and 28 deletions.
    40 changes: 12 additions & 28 deletions posts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,35 +1,19 @@
    .posts-wrapper {
    @mixin gridparent($columns) {
    @extend %#{$columns};
    @include whitespacefix;
    @include c6;
    @include nogutters;

    .sidebar {
    @include inlineblock;
    @include c2;
    @include regular;
    }

    .posts {
    @include whitespacefix;
    @include c4;
    @include nogutters;

    .post {
    @include inlineblock;
    @include c2;
    @include regular;
    }
    }
    }

    @mixin griditem($columns, $font_size) {
    @extend %#{$columns};
    @extend %#{$font_size};
    @include inlineblock;
    }

    .posts-wrapper {
    @include parentgrid(c6);

    .sidebar { @include griditem(c2, regular); }

    .posts {
    @include parentgrid(c4);
    .post { @include griditem(c2, regular); }
    .posts {
    @include gridparent(c4);

    .post {
    @include griditem(c2, regular);
    }
    }
  2. briansw revised this gist Jun 9, 2015. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions posts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,8 @@
    .posts-wrapper {
    @include whitespacefix;
    @include c6;
    @include nogutters;

    .sidebar {
    @include inlineblock;
    @include c2;
  3. briansw revised this gist Jun 9, 2015. 1 changed file with 15 additions and 6 deletions.
    21 changes: 15 additions & 6 deletions posts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,13 +1,22 @@
    .posts {
    @include whitespacefix;
    @include c6;
    @include nogutters;

    .post {
    .posts-wrapper {
    .sidebar {
    @include inlineblock;
    @include c2;
    @include regular;
    }

    .posts {
    @include whitespacefix;
    @include c4;
    @include nogutters;

    .post {
    @include inlineblock;
    @include c2;
    @include regular;
    }
    }

    }

    .posts-wrapper {
  4. briansw revised this gist Jun 9, 2015. 1 changed file with 5 additions and 2 deletions.
    7 changes: 5 additions & 2 deletions posts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -12,8 +12,11 @@

    .posts-wrapper {
    @include parentgrid(c6);

    .sidebar { @include griditem(c2, regular); }
    .posts { @include parentgrid(c4); }
    .post { @include griditem(c2, regular); }

    .posts {
    @include parentgrid(c4);
    .post { @include griditem(c2, regular); }
    }
    }
  5. briansw revised this gist Jun 9, 2015. 1 changed file with 4 additions and 2 deletions.
    6 changes: 4 additions & 2 deletions posts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -10,8 +10,10 @@
    }
    }

    .posts {
    .posts-wrapper {
    @include parentgrid(c6);

    .sidebar { @include griditem(c2, regular); }
    .posts { @include parentgrid(c4); }
    .post { @include griditem(c2, regular); }

    }
  6. briansw revised this gist Jun 9, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion posts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -11,7 +11,7 @@
    }

    .posts {
    @include parentgrid;
    @include parentgrid(c6);

    .post { @include griditem(c2, regular); }
    }
  7. briansw created this gist Jun 9, 2015.
    17 changes: 17 additions & 0 deletions posts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    .posts {
    @include whitespacefix;
    @include c6;
    @include nogutters;

    .post {
    @include inlineblock;
    @include c2;
    @include regular;
    }
    }

    .posts {
    @include parentgrid;

    .post { @include griditem(c2, regular); }
    }