<style type="text/x-scss">
  $font-stack:    Helvetica, sans-serif;
  $primary-color: #333;

  body {
    font: 100% $font-stack;
    color: $primary-color;
  }
</style>

<style lang="scss">
  $font-stack:    Helvetica, sans-serif;
  $primary-color: #333;

  body {
    font: 100% $font-stack;
    color: $primary-color;
  }
</style>

<style lang="scss">
.someElement {
    @include bp-medium {
      display: flex;
    }
    
    @include bp-large {
      margin-top: 10px;
      margin-bottom: 10px;
    }
}
</style>
