Variable fonts`Const`

fonts: {
    extraLarge: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
        textWrap: string;
    };
    large: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
    };
    larger: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
        textWrap: string;
    };
    largest: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
        textWrap: string;
    };
    medium: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    min: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    small: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    smaller: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
} = ...

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

Type declaration

extraLarge: {
    className: string;
    fontFamily: string;
    fontSize: string;
    lineHeight: string;
    textWrap: string;
}
large: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    lineHeight: string;
}
larger: {
    className: string;
    fontFamily: string;
    fontSize: string;
    lineHeight: string;
    textWrap: string;
}
largest: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    lineHeight: string;
    textWrap: string;
}
medium: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
min: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
small: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
smaller: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

Example

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

Since

1.1.0

Variable fontsConst

Type declaration

extraLarge: { className: string; fontFamily: string; fontSize: string; lineHeight: string; textWrap: string;}

large: { className: string; fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string;}

larger: { className: string; fontFamily: string; fontSize: string; lineHeight: string; textWrap: string;}

largest: { className: string; fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string; textWrap: string;}

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

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

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

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

Example

Since

Settings

Variable fonts`Const`

extraLarge: {
className: string;
fontFamily: string;
fontSize: string;
lineHeight: string;
textWrap: string;
}

large: {
className: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
}

larger: {
className: string;
fontFamily: string;
fontSize: string;
lineHeight: string;
textWrap: string;
}

largest: {
className: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
textWrap: string;
}