How to use the @bbc/gel-foundations/typography.getGreatPrimer 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 / OnwardJourneys / index.jsx View on Github external
const OnwardJourneysWrapper = styled.div`
    padding-top: calc(4 * ${GEL_SPACING_DBL});
    padding-bottom: calc(2 * ${GEL_SPACING_DBL});
    background-color: ${C_LUNAR};
  `;
  const HeadingWrapper = styled.div`
    padding: 0 ${GEL_SPACING_DBL} 0 ${GEL_SPACING_DBL};
    min-width: 20%;
  `;
  const TabsList = styled.div`
    padding: ${GEL_SPACING_DBL};
  `;
  const Tab = styled.button`
    border: none;
    ${getGreatPrimer(script)};
    ${getSansBold(service)};
    color: ${C_EBON};
    background-color: ${C_LUNAR};
    padding: ${GEL_SPACING} ${GEL_SPACING_DBL};
    &:first-child {
      background-color: ${C_EBON};
      color: ${C_WHITE};
    }
  `;
  const Carousel = styled.div`
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
  `;
  const Arrows = styled.div`
github bbc / psammead / packages / components / psammead-consent-banner / src / index.jsx View on Github external
    ${({ script }) => script && getGreatPrimer(script)};
    color: ${C_CONSENT_ACTION};