Skip to content

Instantly share code, notes, and snippets.

@sheriffderek

sheriffderek/preprocessor-syntax-examples

Last active July 22, 2019 17:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save sheriffderek/bbc81e7d6bb94953076a9419364171ae to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save sheriffderek/bbc81e7d6bb94953076a9419364171ae to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. sheriffderek revised this gist Jul 22, 2019. 1 changed file with 11 additions and 0 deletions.
    11 changes: 11 additions & 0 deletions preprocessor-syntax-examples
    View file
    Original file line number Diff line number Diff line change
    @@ -39,6 +39,17 @@ body {



    @defmixin myMixin() {
    background: #256dbd;
    color: #f5f5f5;
    }

    body {
    @mixin myMixin();
    }



    my-mixin() {
    background: #256dbd
    color: #f5f5f5
  2. sheriffderek created this gist Jul 22, 2019.
    49 changes: 49 additions & 0 deletions preprocessor-syntax-examples
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,49 @@
    :root {
    --my-mixin: {
    background: #256dbd;
    color: #f5f5f5;
    }
    }
    body {
    @apply --my-mixin;
    }



    my-mixin()
    background: #256dbd
    color: #f5f5f5

    body
    my-mixin()



    @mixin my-mixin {
    background: #256dbd;
    color: #f5f5f5;
    }
    body {
    @include my-mixin;
    }



    .my-mixin {
    background: #256dbd;
    color: #f5f5f5;
    }
    body {
    .my-mixin();
    }



    my-mixin() {
    background: #256dbd
    color: #f5f5f5
    }

    body {
    my-mixin()
    }