How to use @bbc/psammead-styles - 10 common examples

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 / simorgh / src / app / components / OnwardJourneys / index.jsx View on Github external
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-bulleted-list / src / index.jsx View on Github external
  ${({ service }) => getSansRegular(service)}
  list-style-type: none;
github bbc / psammead / packages / components / psammead-consent-banner / src / index.jsx View on Github external
${({ service }) => getSansRegular(service)}
  background-color: ${C_CONSENT_BACKGROUND};
github bbc / psammead / packages / components / psammead-section-label / src / index.jsx View on Github external
  ${({ service }) => getSansRegular(service)}
  display: inline-block;
github bbc / psammead / packages / components / psammead-timestamp / src / index.jsx View on Github external
  ${({ service }) => getSansRegular(service)}
  ${props => props.padding && PADDING}

@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