+global-responsive

SASS

/* File: _common.sass */

// Register all common media queries here
+global-responsive('{>md}', '@media (min-width: 992px)')


// ________________________________________

/* File: button.sass */

@import "common"

+component('button')
  +register
    +responsive('{>md}') // just the alias is enough here

  +default
    display: none
    background-color: grey

  +responsive('{>md}')
    display: block

button {
  display: none;
  background-color: grey;
}
@media (min-width: 992px) {
  html button {
      display: block;
  }
}

The mixins and functions used in the code above: component, default, responsive, global-responsive, register.