@bcgov-nr/nr-fsa-theme v1.2.0

NR-FSA-Theme

Description

This is a common repo for maintaining the FSA design system code. The design system is built on top of the Carbon Design System. Link to Figma FSA Design System

Landing page styling can be found in Landing Page

Installation and Usage

Prerequisite

Your project need to have Sass configured to load .scss files

Installation

• NPM
  • use npm i @bcgov-nr/nr-fsa-theme
• Yarn
  • use yarn add @bcgov-nr/nr-fsa-theme

Usage (React)

• Create a custom.scss file in ./src
• Add import './custom.scss'; to your App.tsx file
• Configure your custom.scss file to your taste with this example
• Add a global css prefix bx to your project
  • in ./src/index.tsx:
    • import { ClassPrefix } from '@carbon/react';
  • wrap your <App /> with ClassPrefix:

    • <ClassPrefix prefix="bx">
        <App />
      </ClassPrefix>