Styling
WebApps utilize CSS Modules to style it's content. More information about CSS Modules.
Example
css
// 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);
}
js
// App.js
import styles from "./App.scss";
...
return (
<div className={styles.container}>
<p className={styles.text}>Hello</p>
</div>
);
If necessary, you can include the unmodified style file with the nomodules option. Keep in mind that this might interfere with other elements on the page.
js
import './myStyles.scss?nomodules';
Discover Envision, our powerful CSS framework that provides a versatile collection of customizable components.
Did you find the content on this page useful?