variables.js

export default {
    contentHeaderHeight: 65,
    componentSizeSmall: 28,
    componentSizeNormal: 40,
    inputComponentSizeNormal: 42,
    componentSizeLarge: 52,
    componentBorderRadius: 8,
    componentBorderRadiusSmall: 4,
    componentBorderRadiusNormal: 8,
    componentBorderRadiusCard: 12,
    avatarSizeLarge: 80,
    avatarSizeNormal: 40,
    avatarSizeSmall: 28,
    avatarSizeSubscript: 20,
    avatarSizeSmallSubscript: 14,
    fontSizeSingleEmoji: 30,
    fontSizeSingleEmojiHeight: 35,
    fontSizeSmall: 11,
    fontSizeExtraSmall: 9,
    fontSizeLabel: 13,
    fontSizeNormal: 15,
    fontSizeLarge: 17,
    fontSizeHero: 36,
    fontSizeh1: 19,
    fontSizeXXLarge: 28,
    fontSizeXXXLarge: 32,
    fontSizeNormalHeight: 20,
    lineHeightHero: 40,
    iconSizeXXXSmall: 4,
    iconSizeXXSmall: 8,
    iconSizeExtraSmall: 12,
    iconSizeSmall: 16,
    iconSizeNormal: 20,
    iconSizeLarge: 24,
    iconSizeXLarge: 28,
    iconSizeExtraLarge: 40,
    emojiSize: 20,
    iouAmountTextSize: 40,
    mobileResponsiveWidthBreakpoint: 800,
    tabletResponsiveWidthBreakpoint: 1024,
    safeInsertPercentage: 0.7,
    sideBarWidth: 375,
    pdfPageMaxWidth: 992,
    tooltipzIndex: 10050,
    gutterWidth: 16,
    popoverMenuShadow: '0px 4px 12px 0px rgba(0, 0, 0, 0.06)',
};