- A **CSS Module** is a CSS file where all class names and animation names are scoped locally by default. All URLs (`url(...)`) and `@imports` are in module request format (`./xxx` and `../xxx` means relative, `xxx` and `xxx/yyy` means in modules folder, i.e. in `node_modules`).
+ A **CSS Module** is a CSS file where all class names and animation names are scoped locally by default. All URLs (`url(...)`) and `@imports` are in module request format (`./xxx` and `../xxx` means relative, `xxx` and `xxx/yyy` means in modules folder, i.e. in `node_modules`, `.yarn`, etc.).

- element.innerHTML = '<div class="' + styles.className + '">';
+ element.innerHTML = `<div class="${styles.className}">`;

- let styles = {};
+ const styles = {};

- .backdrop {
- }
+ .backdrop {
+  /* ... */
+ }

- import {Component} from 'component';
+ import { Component } from 'component';