如何继承情感js？

Posted 2023-03-15

【中文标题】如何继承情感js？

【英文标题】：How do you inherit from emotion js?

【发布时间】：2021-12-28 04:46:19

【问题描述】：

const Button = styled.button`
  color: palevioletred;
  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;
`;

const TomatoButton = styled(Button)`
  color: tomato;
  border-color: tomato;
`;

当从 styled-component 继承时，上面的代码可以工作

export const containerBooks=css(
    display: 'grid',
    gridTemplateColumns: 'repeat(2, minmax(300px, 1fr))',
    gridGap: '100px',
    padding: '50px',
    width: '70%',
    paddingTop: '50px'
);

尝试从情感中继承 containerBooks 时应该如何编码？

【问题讨论】：

请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

【参考方案1】：

观看此链接上的视频，它会解释它

https://egghead.io/lessons/react-inherit-styles-using-css-composition-with-react-emotion-s-css-import