Day 29 - styled-components 筆記4 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 29

Modern Web

以 React 為主的那些前端事系列第 29 篇

Day 29 - styled-components 筆記4

13th鐵人賽

雪倫Q

團隊Web 實驗室

2021-10-14 18:24:34

825 瀏覽

分享至

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;
  }
`;