alphardex/aqua.css: An elegant CSS Framework.
2020-05-03 16:50:55 Author: github.com(查看原文) 阅读量:713 收藏

Version Documentation Twitter: alphardex007

A delicate CSS framework for humans.

🏠 文档

范例

Dashboard

地址:猛戳这里

看到这么精美的 Dashboard 是不是心动了?快来尝试一下吧!

安装

通过 cdn 引用

在页面的<head>标签里添加以下行即可

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.jsdelivr.net/gh/alphardex/aqua.css/dist/aqua.min.css"
/>

通过 npm 安装

npm i @alphardex/aqua.css -S

特点

易用

aqua.css 是一个纯 CSS 框架,没有任何 JS

如果想使用本框架,直接引入 CSS 文件即可

诸如 React、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来

有人可能会问为什么没有布局相关的组件,我只能回答:flexgrid它们不香吗?

易定制

阅读本项目源码你会发现许多 CSS 变量,它们往往决定了组件的色彩,如果你想“换肤”,只需用不同的颜色变量覆盖即可

由于没有 JS 的掺和,因此想定制本项目的组件是一件非常容易的事情,只需定制你自己的 CSS 即可

有学习价值

本项目用到了很多有趣且实用的 CSS 技巧,非常适合学习

Author

👤 alphardex

Show your support

Give a ⭐️ if this project helped you!


This README was generated with ❤️ by readme-md-generator


文章来源: https://github.com/alphardex/aqua.css
如有侵权请联系:admin#unsafe.sh