Variable fonts`Const`

fonts: {
    eyebrow: {
        className: string;
        color: "#000000";
        fontSize: string;
        fontWeight: number;
        letterSpacing: string;
        lineHeight: number;
        textTransform: string;
    };
    labelMedium: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    labelSmall: {
        className: string;
        fontFamily: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
    };
    medium: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    small: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string;
        letterSpacing: string;
        lineHeight: string;
    };
} = ...

Ready-to-use typography styles as JSS objects with class names.

Type declaration

eyebrow: {
    className: string;
    color: "#000000";
    fontSize: string;
    fontWeight: number;
    letterSpacing: string;
    lineHeight: number;
    textTransform: string;
}
labelMedium: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
labelSmall: {
    className: string;
    fontFamily: string;
    fontSize: string;
    letterSpacing: string;
    lineHeight: string;
}
medium: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
small: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    letterSpacing: string;
    lineHeight: string;
}

Example

import * as Styles from '@universityofmaryland/web-styles-library';
// Use as a complete JSS object including className
Styles.typography.elements.fonts.eyebrow

Since

1.1.0

Variable fontsConst

Type declaration

eyebrow: { className: string; color: "#000000"; fontSize: string; fontWeight: number; letterSpacing: string; lineHeight: number; textTransform: string;}

labelMedium: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

labelSmall: { className: string; fontFamily: string; fontSize: string; letterSpacing: string; lineHeight: string;}

medium: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

small: { className: string; fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string;}

Example

Since

Settings

Variable fonts`Const`

eyebrow: {
className: string;
color: "#000000";
fontSize: string;
fontWeight: number;
letterSpacing: string;
lineHeight: number;
textTransform: string;
}

labelSmall: {
className: string;
fontFamily: string;
fontSize: string;
letterSpacing: string;
lineHeight: string;
}

small: {
className: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
letterSpacing: string;
lineHeight: string;
}