View all @bbc/gel-foundations analysis

How to use the @bbc/gel-foundations/breakpoints.MEDIA_QUERY_TYPOGRAPHY.SMART_PHONE_ONLY 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.

bbc / psammead / packages / components / psammead-section-label / src / index.jsx View on Github

const top = script => `
  // place at middle of text line height
  top: ${halfLineHeightRem(script.doublePica.groupA)}rem;

  ${MEDIA_QUERY_TYPOGRAPHY.SMART_PHONE_ONLY} {
    top: ${halfLineHeightRem(script.doublePica.groupB)}rem;
  }

  ${MEDIA_QUERY_TYPOGRAPHY.LAPTOP_AND_LARGER} {
    top: ${halfLineHeightRem(script.doublePica.groupD)}rem;
  }
`;