How to use the @bbc/psammead-styles/font-styles.getSansBold 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.

github bbc / psammead / packages / components / psammead-section-label / src / titles.jsx View on Github external
  ${({ service }) => getSansBold(service)};
  ${({ script }) => script && getLongPrimer(script)};
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`
    position: absolute;

@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.

Apache-2.0
Latest version published 2 years ago

Package Health Score

54 / 100
Full package analysis