How to use the @bbc/gel-foundations/typography.getDoublePica 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 / simorgh / src / app / components / MostRead / Item / index.jsx View on Github external
  ${({ script }) => script && getDoublePica(script)};
  ${({ service }) => getSerifMedium(service)}
github bbc / psammead / packages / components / psammead-section-label / src / index.jsx View on Github external
  ${({ script }) => script && getDoublePica(script)};
  color: ${C_EBON};
github bbc / psammead / packages / components / psammead-section-label / src / titles.jsx View on Github external
  ${({ script }) => script && getDoublePica(script)};
  ${({ service }) => getSansRegular(service)}
github bbc / simorgh / src / app / components / OnwardJourneys / index.jsx View on Github external
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
      
      
        
          
            Scroll carousel left
github bbc / psammead / packages / components / psammead-most-read / src / Item / index.jsx View on Github external
  ${({ script }) => script && getDoublePica(script)};
  ${({ service }) => getSerifMedium(service)}