Skip to content

Instantly share code, notes, and snippets.

@jackbrown

jackbrown/SassMeister-input.scss

Last active August 29, 2015 14:23
Download ZIP

Revisions

  1. Jack Brown revised this gist Jun 22, 2015. 2 changed files with 31 additions and 22 deletions.
    41 changes: 23 additions & 18 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -2,26 +2,31 @@
    // libsass (v3.2.5)
    // ----

    div.test {
    // current
    .feed {
    &__item--has-video &__item-image a {
    color: blue;
    }

    &__item--gallery &__item-image a {
    color:red;
    // current
    .feed {

    a {
    &:before {
    color:green;
    }
    }

    // suggested
    .feed_two {
    &__item--has-video .feed__item-image a {
    color: blue;
    }

    &__item--gallery .feed__item-image a{
    color:red;
    }
    &__item--has-video &__item-image a {
    color: blue;
    }

    &__item--gallery &__item-image a {
    color:red;
    }
    }

    // suggested
    .feed_two {
    &__item--has-video .feed__item-image a {
    color: blue;
    }

    &__item--gallery .feed__item-image a{
    color:red;
    }
    }
    12 changes: 8 additions & 4 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,15 +1,19 @@
    div.test .feed__item--has-video div.test .feed__item-image a {
    .feed a:before {
    color: green;
    }

    .feed__item--has-video .feed__item-image a {
    color: blue;
    }

    div.test .feed__item--gallery div.test .feed__item-image a {
    .feed__item--gallery .feed__item-image a {
    color: red;
    }

    div.test .feed_two__item--has-video .feed__item-image a {
    .feed_two__item--has-video .feed__item-image a {
    color: blue;
    }

    div.test .feed_two__item--gallery .feed__item-image a {
    .feed_two__item--gallery .feed__item-image a {
    color: red;
    }
  2. Jack Brown revised this gist Jun 22, 2015. 2 changed files with 9 additions and 9 deletions.
    10 changes: 5 additions & 5 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -5,22 +5,22 @@
    div.test {
    // current
    .feed {
    &__item--has-video &__item-image {
    &__item--has-video &__item-image a {
    color: blue;
    }

    &__item--gallery &__item-image {
    &__item--gallery &__item-image a {
    color:red;
    }
    }

    // versus
    // suggested
    .feed_two {
    &__item--has-video .feed__item-image {
    &__item--has-video .feed__item-image a {
    color: blue;
    }

    &__item--gallery .feed__item-image {
    &__item--gallery .feed__item-image a{
    color:red;
    }
    }
    8 changes: 4 additions & 4 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,15 +1,15 @@
    div.test .feed__item--has-video div.test .feed__item-image {
    div.test .feed__item--has-video div.test .feed__item-image a {
    color: blue;
    }

    div.test .feed__item--gallery div.test .feed__item-image {
    div.test .feed__item--gallery div.test .feed__item-image a {
    color: red;
    }

    div.test .feed_two__item--has-video .feed__item-image {
    div.test .feed_two__item--has-video .feed__item-image a {
    color: blue;
    }

    div.test .feed_two__item--gallery .feed__item-image {
    div.test .feed_two__item--gallery .feed__item-image a {
    color: red;
    }
  3. Jack Brown created this gist Jun 22, 2015.
    27 changes: 27 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,27 @@
    // ----
    // libsass (v3.2.5)
    // ----

    div.test {
    // current
    .feed {
    &__item--has-video &__item-image {
    color: blue;
    }

    &__item--gallery &__item-image {
    color:red;
    }
    }

    // versus
    .feed_two {
    &__item--has-video .feed__item-image {
    color: blue;
    }

    &__item--gallery .feed__item-image {
    color:red;
    }
    }
    }
    15 changes: 15 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    div.test .feed__item--has-video div.test .feed__item-image {
    color: blue;
    }

    div.test .feed__item--gallery div.test .feed__item-image {
    color: red;
    }

    div.test .feed_two__item--has-video .feed__item-image {
    color: blue;
    }

    div.test .feed_two__item--gallery .feed__item-image {
    color: red;
    }