Styles
We recommend creating a folder for your styles, but this is optional. You can have style files anywhere.
Terminal.app
mkdir styles
CSS
To use a style file you must import it inside your JS files where it is needed.
templates/main.js
import "../styles/style.css";
SCSS/SASS
- Yarn
- NPM
If you need SCSS/SASS you must install an extra dependency:
Terminal.app
yarn add --dev sass
If you need SCSS/SASS you must install an extra dependency:
npm i --save-dev sass
Now you can import the those files as usual
templates/main.js
import "../styles/style.scss";
import "../styles/style.sass";
LESS
No need for extra dependencies. Just import those files.
templates/main.js
import "../styles/style.less";
Stylus
No need for extra dependencies. Just import those files.
templates/main.js
import "../styles/style.styl";
Tailwind CSS
For Tailwind support refer to our starter template: react-typescript-tailwind.