Productivity
A delicate CSS framework for humans.
Aqua, a megami of "wisdom" in Konosuba.
在页面的<head>
标签里添加以下行即可
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/gh/alphardex/aqua.css/dist/aqua.min.css"
/>
npm i @alphardex/aqua.css
aqua.css 是一个纯 CSS 框架,没有任何 JS
如果想使用本框架,直接引入 CSS 文件即可
诸如 React、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来
并且该框架提供了许多极其实用的工具类,可以直接用在 HTML 上,这样既省去了给 CSS 命名的功夫,又防止了 CSS 文件的膨胀
阅读本项目源码你会发现许多 CSS 变量,它们往往决定了组件的色彩,如果你想“换肤”,只需用不同的颜色变量覆盖即可
由于没有 JS 的掺和,因此想定制本项目的组件是一件非常容易的事情,只需定制你自己的 CSS 即可
本项目用到了很多有趣且实用的 CSS 技巧,非常适合学习
👤 alphardex
Give a ⭐️ if this project helped you!
This README was generated with ❤️ by readme-md-generator