README.md

@deriv/shared

Responsible for the shared utilities and styles for all packages.

In this document

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

Commands

Setup:

lerna bootstrap

Serve:

npm run serve

Build :

npm run build

Test:

npm run test

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.js'),
    }
}

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'