How to use the @bbc/psammead-styles/font-styles.getSerifMedium function in @bbc/psammead-styles
To help you get started, we’ve selected a few @bbc/psammead-styles 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.
bbc / simorgh / src / app / components / OnwardJourneys / index.jsx View on Github 
list-style-type: none;
margin: 0 ${GEL_SPACING_DBL};
padding: 0;
`;
const Card = styled.li`
background-color: ${C_WHITE};
display: inline-block;
width: calc(20% - 4 * ${GEL_SPACING});
margin: 0 ${GEL_SPACING} ${GEL_SPACING_DBL} ${GEL_SPACING};
`;
const CardLink = styled.a`
text-decoration: none;
`;
const CardHeadline = styled.h4`
color: ${C_EBON};
${getSerifMedium(service)}
${getPica(script)}
`;
const TopicLink = styled(InlineLink)`
${getPica(script)};
${getSansRegular(service)}
color: ${C_EBON};
margin: ${GEL_SPACING_DBL}
`;
const OnwardJourneysHeading = styled.h2`
${getDoublePica(script)};
${getSansRegular(service)};
color: ${C_EBON};
margin: 0 ${GEL_SPACING_DBL};
`;
return ( ${({ service }) => getSerifMedium(service)}
color: ${C_EBON}; ${({ service }) => service && getSerifMedium(service)}
${({ script }) => script && getPica(script)} ${({ service }) => getSerifMedium(service)}
color: ${C_SHADOW}; ${({ service }) => getSerifMedium(service)}
color: ${C_SHADOW}; ${({ service }) => service && getSerifMedium(service)};
color: ${C_EBON}; ${({ service }) => getSerifMedium(service)}
color: ${C_EBON}; ${({ service }) => getSerifMedium(service)}
color: ${C_EBON}; ${({ service }) => getSerifMedium(service)} ${({ service }) => getSerifMedium(service)}
text-decoration: none;@bbc/psammead-styles
A collection of string constants for use in CSS, containing non-GEL styling details that are bespoke to specific BBC services and products.
