styled-media-helper:使用样式化的组件帮助管理媒体查询

时间:2024-05-22 07:41:55
【文件属性】:

文件名称:styled-media-helper:使用样式化的组件帮助管理媒体查询

文件大小:89KB

文件格式:ZIP

更新时间:2024-05-22 07:41:55

css styled-components breakpoint media css-in-js

:nail_polish: 样式化媒体帮手 这个模块使使用编写媒体查询变得容易。 受 media-breakpoint-... mixins的启发。 安装 $ npm install styled-media-helper 用法 import styled from 'styled-components' ; import mediaHelper from 'styled-media-helper' ; const media = mediaHelper ( { sm : 320 , md : 768 , lg : 1240 } ) ; export default styled . div ` width: 100px; height: 100px; background-color: blue; ${ media . up ( 'lg' ) } { width: 150


【文件预览】:
styled-media-helper-master
----.eslintrc.json(24B)
----.gitignore(45B)
----.babelrc(215B)
----package.json(1KB)
----package-lock.json(348KB)
----src()
--------index.js(2KB)
--------errors.js(325B)
----tap-snapshots()
--------test-index.js-TAP.test.js(3KB)
----.travis.yml(196B)
----LICENSE(1KB)
----CHANGELOG.md(2KB)
----.huskyrc(49B)
----.github()
--------pull_request_template.md(28B)
----.yaspellerrc(179B)
----README.md(2KB)
----.eslintignore(41B)
----.lintstagedrc(50B)
----test()
--------index.js(2KB)

网友评论