Just an example to show people when they talk about the differences in pre-processor syntax

preprocessor-syntax-examples

: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();
}



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

body {
  @mixin myMixin();
}



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

body {
  my-mixin()
}