Skip to main content


/* File: _common.sass */

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

// ________________________________________

/* File: button.sass */

@import "common"

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

display: none
background-color: grey

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.