trezor-wallet/src/config/variables.js

export const FONT_SIZE = {
    SMALLEST: '10px',
    SMALLER: '12px',
    SMALL: '14px',
    BASE: '16px',
    BIGGER: '32px',
    BIGGEST: '36px',
};

export const FONT_WEIGHT = {
    SMALLEST: '300',
    SMALL: '400',
    BASE: '500',
    BIGGER: '600',
};

export const FONT_FAMILY = {
    DEFAULT: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif',
    MONOSPACE: '"Roboto Mono", Menlo, Monaco, Consolas, "Courier New", monospace',
    MONOSPACE_NUMBERS: '"Roboto Zero", "Roboto Mono", Menlo, Monaco, Consolas, "Courier New", monospace',
};

export const ICON_SIZE = {
    BASE: '20px',
};

export const BORDER_WIDTH = {
    SELECTED: '3px',
};

export const LEFT_NAVIGATION_ROW = {
    PADDING: '16px 24px',
};

const TRANSITION_TIME = {
    BASE: '0.3s',
};

export const TRANSITION = {
    HOVER: `background-color ${TRANSITION_TIME.BASE} ease-in-out, color ${TRANSITION_TIME.BASE} ease-in-out, border-color ${TRANSITION_TIME.BASE} ease-in-out`,
};

export const LINE_HEIGHT = {
    BASE: '1.8',
};