You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
trezor-wallet/src/config/variables.js

47 lines
1.0 KiB

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 = {
SMALL: '1.4',
BASE: '1.8',
};