Day 29 - styled-components 笔记4

Q_Q ..

也可以放 BREAKPOINTS~ XD

export const BREAKPOINTS = {
  sm: 320,
  md: 576,
  lg: 1024
};


export const StyledHomeSection = styled.section`
  background-color: yellow;
  .title {
    color: green;
    @media (min-width: ${BREAKPOINTS.md}px) {
      color: red;
    }
  }
  .subtitle {
    color: blue;
  }
`;