react-jam-ui/components/Layout/default.json

React JAM UI components

{
    "$breakpoints": {
        "xs": {
            "breakpoint": "480px",
            "width": "460px"
        },
        "sm": {
            "breakpoint": "768px",
            "width": "750px"
        },
        "md": {
            "breakpoint": "992px",
            "width": "970px"
        },
        "xl": {
            "breakpoint": "1200px",
            "width": "1170px"
        },
        "xxl": {
            "breakpoint": "1430px",
            "width": "1250px"
        }
    },
    "$layout": {
        "color": "#000000",
        "bg": "#FFFFFF",
        "font-family": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'sans-serif'",
        "font-size": "1rem",
        "link": {
            "default": "#0f90fd",
            "hover": "#0f6dbc"
        },
        "p-gap": "20px"
    },
    "$sizes": {
        "default": {
            "height": "32px",
            "font-size": "14px"
        },
        "xs": {
            "height": "20px",
            "font-size": "12px"
        },
        "sm": {
            "height": "26px",
            "font-size": "14px"
        },
        "lg": {
            "height": "38px",
            "font-size": "16px"
        },
        "xl": {
            "height": "68px",
            "font-size": "18px"
        }
    }
}