css-modules

mod.css

.title {
  // ...
}

.body {
  // ...
}

mod.html

<h1 class="{{ fooBar.css.title }}">{{ fooBar.title }}</h1>
<div class="{{ fooBar.css.body }}">{{ fooBar.body }}</div>

mod.js

import CSS from './mod.css!';
import TMPL from './mod.html!';

@State({ template:Url: TMPL })
class FooBarController {
  css = CSS;
  title = "Hello Wolrd!"
  body = "Some body text."
}