styled-container-query:将容器查询[元素查询]与样式化组件一起使用

时间:2024-05-18 13:09:32
【文件属性】:

文件名称:styled-container-query:将容器查询[元素查询]与样式化组件一起使用

文件大小:127KB

文件格式:ZIP

更新时间:2024-05-18 13:09:32

react styled-components element-query container-query JavaScript

样式化的容器查询 将容器查询[元素查询]与 NPM-Package: 演示版 正在安装 npm install styled-container-query --save 用法 没有比这更容易的了。 您可以像使用和元素查询:container()一样使用它。 import styledContainerQuery from 'styled-container-query' ; const Child = styled . span `` const Component = styledContainerQuery . div ` background-color: green; &:container(min-width: 500px) { background-color: red; ${ Child } { color: white;


【文件预览】:
styled-container-query-master
----webpack.config.js(864B)
----src()
--------dom-elements.js(1KB)
--------utils()
--------QueryContainer.js(2KB)
--------matchQueries.js(981B)
--------index.js(2KB)
----.babelrc(126B)
----.npmignore(65B)
----examples()
--------public()
--------src()
--------.babelrc(106B)
--------.gitignore(6B)
----LICENSE(1KB)
----README.md(2KB)
----.gitignore(1KB)
----package-lock.json(406KB)
----package.json(2KB)

网友评论