Skip to content

Instantly share code, notes, and snippets.

@frontendbeast

frontendbeast/SassMeister-input.scss

Created June 4, 2015 15:08
Show Gist options
  • Save frontendbeast/d7a8a370bd4d757c8b7f to your computer and use it in GitHub Desktop.
Save frontendbeast/d7a8a370bd4d757c8b7f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. frontendbeast created this gist Jun 4, 2015.
    21 changes: 21 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,21 @@
    // ----
    // libsass (v3.2.4)
    // ----

    $namespace: c-nav;

    .#{$namespace} {
    position: relative;

    &:before {
    content: 'Menu';
    display: inline-block;
    padding: 1rem;

    .#{$namespace}:focus &,
    .#{$namespace}:hover & {
    background-color: grey;
    }

    }
    }
    14 changes: 14 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    .c-nav {
    position: relative;
    }

    .c-nav:before {
    content: 'Menu';
    display: inline-block;
    padding: 1rem;
    }

    .c-nav:focus .c-nav:before,
    .c-nav:hover .c-nav:before {
    background-color: grey;
    }