How to use the typography.caption.fontSize function in typography

To help you get started, we’ve selected a few typography examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Autodesk / hig / packages / theme-material-ui / scripts / buildThemes.js View on Github external
color: "${theme["colorScheme.textColor"]}"
      },
      h5: {
        fontSize: "${theme["density.fontSizes.small"]}",
        fontWeight: "${theme["basics.fontWeights.medium"]}",
        lineHeight: "${theme["basics.lineHeights.mediumSmall"]}",
        color: "${theme["colorScheme.textColor"]}"
      },
      h6: {
        fontSize: "${theme["density.fontSizes.small"]}",
        fontWeight: "${theme["basics.fontWeights.medium"]}",
        lineHeight: "${theme["basics.lineHeights.mediumSmall"]}",
        color: "${theme["colorScheme.textColor"]}"
      },
      caption: {
        fontSize: "${theme["typography.caption.fontSize"]}",
        lineHeight: "${theme["typography.caption.lineHeight"]}",
        color: "${theme["typography.caption.color"]}",
        textAlign: "left"
      }
    },
    palette: {
      background: {
        default: "${themeBackground}",
        paper: "${paperBackground}"
      },
      primary: {
        main: "${theme["colorScheme.accentColor"]}"
      },
      secondary: {
        main: "${theme["colorScheme.accentColor"]}"
      }