README.md

@deriv/shared

Responsible for the shared utilities and styles for all packages.

In this document

• Usage
  • Base styles
    • Resources loader
    • Browser css reset
    • Google fonts
  • Utility functions

Usage

Base styles

Resources loader

For Fonts, Constants, Mixins, Themes, Devices:

1. Run npm i sass-resources-loader --save-dev
2. Add the following in your webpack css loader

{
    loader: 'sass-resources-loader',
    options: {
        resources: require('@deriv/shared/src/styles/index.ts'),
    }
}

Browser css reset

@import @deriv / shared/utils/styles/reset.scss;

Google fonts

@import @deriv / shared/utils/styles/google-fonts.scss;

Utility functions

import { toMoment } '@deriv/shared'