WebApps 2

Styling

WebApps utilize CSS Modules to style it's content. More information about CSS Modules.

Example

// App.scss
.container {
  color: var(--env-block-background-color);
  border: 1px solid var(--env-block-border-color);
}

.text {
  font-family: var(--env-font-family);
  color: var(--env-block-font-color);
}
// App.js
import styles from "./App.scss";

...

return (
   <div className={styles.container}>
      <p className={styles.text}>Hello</p>
   </div>
);