Skip to main content

+global-context

/* File: _common.sass */

+global-context('{page loaded}', 'html.loaded')


// ________________________________________

/* File: button.sass */

@import "common"

+component('button')
  +register
    +context('{page loaded}') // just the alias is enough here

  +default
    display: none
    background-color: grey

  +context('{page loaded}')
    display: block















button {
  display: none;
  background-color: grey;
}
html.loaded button {
  display: block;
}

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