add name BackstageFeaturedDocs to styles

Signed-off-by: nikolar <reyna.nikolayev@autodesk.com>
This commit is contained in:
nikolar
2023-10-30 19:10:57 -07:00
parent 96788761e2
commit 78c2cdf02d
@@ -55,24 +55,27 @@ export type FeaturedDocsProps = {
title?: React.ReactNode | string;
};
const useStyles = makeStyles<Theme>(theme => ({
docDescription: {
fontSize: theme.typography.body1.fontSize,
fontWeight: theme.typography.body1.fontWeight,
marginBottom: theme.spacing(2),
marginTop: theme.spacing(2),
},
docSubLink: {
fontSize: theme.typography.subtitle1.fontSize,
fontWeight: theme.typography.subtitle1.fontWeight,
lineHeight: theme.typography.subtitle1.lineHeight,
},
docsTitleLink: {
fontSize: theme.typography.h6.fontSize,
fontWeight: theme.typography.h6.fontWeight,
lineHeight: theme.typography.h6.lineHeight,
},
}));
const useStyles = makeStyles<Theme>(
theme => ({
docDescription: {
fontSize: theme.typography.body1.fontSize,
fontWeight: theme.typography.body1.fontWeight,
marginBottom: theme.spacing(2),
marginTop: theme.spacing(2),
},
docSubLink: {
fontSize: theme.typography.subtitle1.fontSize,
fontWeight: theme.typography.subtitle1.fontWeight,
lineHeight: theme.typography.subtitle1.lineHeight,
},
docsTitleLink: {
fontSize: theme.typography.h6.fontSize,
fontWeight: theme.typography.h6.fontWeight,
lineHeight: theme.typography.h6.lineHeight,
},
}),
{ name: 'BackstageFeaturedDocs' },
);
/**
* A component to display specific Featured Docs.