Styles

Styles system has 2 parts, namely global & override

Overview

In this boilerplate we recommended for use this library

• MUI Style

• Styled Components

• JSS

Global Style

Global style functions to place all global CSS code usage throughout the application. You can put the code CSS in ./src/styles/global/index.js

import { css, createGlobalStyle } from 'styled-components';

const StyleGlobal = createGlobalStyle`${css`
  body {
    font-family: 'Montserrat', sans-serif;
  }
`}`;

export default StyleGlobal;

Override Style

Override style is used to combine several CSS framework in boilerplate, we recommend using it with Material-UI. You can follow guide integration local MUI theme or need more info check https://v4.mui.com/customization/components/#5-global-theme-variation