【文件属性】:
文件名称:wasser:Mixins具有流畅CSS属性
文件大小:288KB
文件格式:ZIP
更新时间:2021-05-11 10:11:05
css font mixins responsive fluid-css-properties
瓦瑟
流体CSS属性
创建响应Swift且像素完美的网站。
用例
当您拥有台式机和网站的移动设计时,这是最合适的。 Wasser将允许您在这两个视口上实现完美的设计像素。 在这两者之间,您可以毫不费力地进行线性缩放设计。 如果您只设计了台式机版本,则可以免费获得移动版本。
CSS-in-JS,SASS或LESS?
下面记录了CSS-in-JS版本。 如果您希望使用SASS或LESS,请参考以下文档:
CSS-in-JS版本较新,并且需要CSS变量(无IE11)。 SASS和LESS版本都可以与较旧的浏览器一起使用。
安装及使用
npm i wasser
import React from 'react'
import { render } from 'react-dom'
import { Global , css } from '@emotion/core'
import style
【文件预览】:
wasser-master
----illustration.svg(6KB)
----illustration.sketch(85KB)
----wasser.less(2KB)
----illustration.png(171KB)
----demo()
--------css-in-js()
--------sass()
----test()
--------utility()
--------sass-less.test.js(10KB)
--------css-in-js.test.js(5KB)
----README.md(3KB)
----index.d.ts(451B)
----_wasser.scss(2KB)
----logo.png(15KB)
----docs()
--------draggable.sketch(6KB)
--------index.html(530B)
--------less.md(1KB)
--------basic()
--------index.css(70B)
--------docs.css(1002B)
--------less()
--------page()
--------draggable.svg(2KB)
--------css-in-js()
--------performance()
--------sass.md(2KB)
----.gitignore(72B)
----index.js(2KB)
----CHANGELOG.md(1KB)
----package.json(2KB)