How to use the @bbc/gel-foundations/typography.getPica function in @bbc/gel-foundations

To help you get started, we’ve selected a few @bbc/gel-foundations 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.

github bbc / psammead / packages / components / psammead-story-promo / src / index.jsx View on Github external
${({ script, promoHasImage }) =>
      !promoHasImage && script && getPica(script)}
  }
github bbc / psammead / packages / components / psammead-useful-links / src / index.jsx View on Github external
  ${({ script }) => script && getPica(script)};
  ${({ service }) => service && getSerifMedium(service)};
github bbc / psammead / packages / components / psammead-bulletin / src / index.jsx View on Github external
  ${({ script }) => script && getPica(script)};
  color: ${C_WHITE};
github bbc / simorgh / src / app / components / OnwardJourneys / index.jsx View on Github external
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 (
    
      
        More from the BBC
github bbc / psammead / packages / components / psammead-script-link / src / index.jsx View on Github external
  ${({ script }) => script && getPica(script)}
  ${({ service }) => service && getSansRegular(service)}
github bbc / psammead / packages / components / psammead-brand / src / SkipLink / index.jsx View on Github external
  ${({ script }) => script && getPica(script)};
  ${({ service }) => service && getSansRegular(service)};
github bbc / psammead / packages / components / psammead-navigation / src / DropdownNavigation / index.jsx View on Github external
  ${({ script }) => script && getPica(script)};
  ${({ service }) => service && getSansRegular(service)}
github bbc / psammead / packages / components / psammead-brand / src / index.jsx View on Github external
  ${({ script }) => script && getPica(script)};
  ${({ service }) => service && getSansRegular(service)}