Variable fonts`Const`

fonts: {
    extraLarge: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontStyle: string;
        fontWeight: string;
        letterSpacing: string;
        lineHeight: string;
        textWrap: string;
    };
    extraSmall: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontStyle: string;
        fontWeight: string;
        letterSpacing: string;
        lineHeight: string;
    };
    large: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontStyle: string;
        fontWeight: string;
        letterSpacing: string;
        lineHeight: string;
        textWrap: string;
    };
    maximum: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontStyle: string;
        fontWeight: string;
        letterSpacing: string;
        lineHeight: string;
        textWrap: string;
    };
    medium: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontStyle: string;
        fontWeight: string;
        letterSpacing: string;
        lineHeight: string;
        textWrap: string;
    };
    small: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontStyle: string;
        fontWeight: string;
        letterSpacing: string;
        lineHeight: string;
    };
} = ...

Campaign typography styles with various responsive sizes.

Type declaration

extraLarge: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontStyle: string;
    fontWeight: string;
    letterSpacing: string;
    lineHeight: string;
    textWrap: string;
}
Extra large size campaign typography.
Returns
Extra large size campaign typography with responsive behavior.
Example
```
import * as Styles from '@universityofmaryland/web-styles-library';
Styles.typography.campaign.fonts.extraLarge
```
Example
```
class="umd-campaign-extralarge"
```
Since
1.1.0
extraSmall: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontStyle: string;
    fontWeight: string;
    letterSpacing: string;
    lineHeight: string;
}
Extra small size campaign typography.
Returns
Extra small size campaign typography.
Example
```
import * as Styles from '@universityofmaryland/web-styles-library';
Styles.typography.campaign.fonts.extraSmall
```
Example
```
class="umd-campaign-extrasmall"
```
Since
1.1.0
large: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontStyle: string;
    fontWeight: string;
    letterSpacing: string;
    lineHeight: string;
    textWrap: string;
}
Large size campaign typography.
Returns
Large size campaign typography with responsive behavior.
Example
```
import * as Styles from '@universityofmaryland/web-styles-library';
Styles.typography.campaign.fonts.large
```
Example
```
class="umd-campaign-large"
```
Since
1.1.0
maximum: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontStyle: string;
    fontWeight: string;
    letterSpacing: string;
    lineHeight: string;
    textWrap: string;
}
Maximum size campaign typography.
Returns
Maximum size campaign typography with responsive behavior.
Example
```
import * as Styles from '@universityofmaryland/web-styles-library';
Styles.typography.campaign.fonts.maximum
```
Example
```
class="umd-campaign-maximum"
```
Since
1.1.0
medium: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontStyle: string;
    fontWeight: string;
    letterSpacing: string;
    lineHeight: string;
    textWrap: string;
}
Medium size campaign typography.
Returns
Medium size campaign typography with responsive behavior.
Example
```
import * as Styles from '@universityofmaryland/web-styles-library';
Styles.typography.campaign.fonts.medium
```
Example
```
class="umd-campaign-medium"
```
Since
1.1.0
small: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontStyle: string;
    fontWeight: string;
    letterSpacing: string;
    lineHeight: string;
}
Small size campaign typography.
Returns
Small size campaign typography with responsive behavior.
Example
```
import * as Styles from '@universityofmaryland/web-styles-library';
Styles.typography.campaign.fonts.small
```
Example
```
class="umd-campaign-small"
```
Since
1.1.0

Returns

An object containing all campaign typography variants as JssObjects.

Example

import * as Styles from '@universityofmaryland/web-styles-library';
Styles.typography.campaign.fonts.maximum
Styles.typography.campaign.fonts.large

Since

1.1.0

Variable fontsConst

Type declaration

extraLarge: { className: string; fontFamily: string; fontSize: string; fontStyle: string; fontWeight: string; letterSpacing: string; lineHeight: string; textWrap: string;}

Returns

Example

Example

Since

extraSmall: { className: string; fontFamily: string; fontSize: string; fontStyle: string; fontWeight: string; letterSpacing: string; lineHeight: string;}

Returns

Example

Example

Since

large: { className: string; fontFamily: string; fontSize: string; fontStyle: string; fontWeight: string; letterSpacing: string; lineHeight: string; textWrap: string;}

Returns

Example

Example

Since

maximum: { className: string; fontFamily: string; fontSize: string; fontStyle: string; fontWeight: string; letterSpacing: string; lineHeight: string; textWrap: string;}

Returns

Example

Example

Since

medium: { className: string; fontFamily: string; fontSize: string; fontStyle: string; fontWeight: string; letterSpacing: string; lineHeight: string; textWrap: string;}

Returns

Example

Example

Since

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

Returns

Example

Example

Since

Returns

Example

Since

Settings

Variable fonts`Const`

extraLarge: {
className: string;
fontFamily: string;
fontSize: string;
fontStyle: string;
fontWeight: string;
letterSpacing: string;
lineHeight: string;
textWrap: string;
}

extraSmall: {
className: string;
fontFamily: string;
fontSize: string;
fontStyle: string;
fontWeight: string;
letterSpacing: string;
lineHeight: string;
}

large: {
className: string;
fontFamily: string;
fontSize: string;
fontStyle: string;
fontWeight: string;
letterSpacing: string;
lineHeight: string;
textWrap: string;
}

maximum: {
className: string;
fontFamily: string;
fontSize: string;
fontStyle: string;
fontWeight: string;
letterSpacing: string;
lineHeight: string;
textWrap: string;
}

medium: {
className: string;
fontFamily: string;
fontSize: string;
fontStyle: string;
fontWeight: string;
letterSpacing: string;
lineHeight: string;
textWrap: string;
}

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