Allow modifying any element by state and avoid CSS leaking

Ionic, scope CSS by state

// JS
$rootScope.$on('$stateChangeSuccess', (event, toState, toParams, fromState, fromParams) => {
    // Add a timeout for ionic transitions
    // For 500ms we will have both module classes
    // so both modules will have the right css
    // when transitionned we remove the previous module class
    clearTimeout(stateChangeTimeout);
    stateChangeTimeout = setTimeout(() => {
        $document.find('html').removeClass(`${_.kebabCase(fromState.class || fromState.name)}`);
    }, 500);
    $document.find('html').addClass(`${_.kebabCase(toState.class || toState.name)}`);
});

// CSS (SASS for nesting)
html.app-name-of-your-state {
  // nested style
}