神奇的可玩性,但简单的样式。全部在一个文件中。
magick.css是一个极简主义的,(主要)无类CSS框架,设计得易于使用和理解。它包含在一个文件中,每一个选择都有注释。目标是实现优雅,但神奇的嬉戏外观,同时最大化可读性和传达信息的能力;有点像巫师的笔记。
该框架在所有设备和屏幕尺寸上保持其美观和功能,并完全不需要JavaScript。它受到LaTeX,旧学校TTRPG规则书,CSS框架如concrete.css和Tufte CSS以及"可用性作为设计"的残酷主义的启发。
你可以在我的网站上找到一个使用magick.css的实例!
点击网站上的语言图标切换为中文
magick.css是用normalize.css构建的。虽然没有它看起来也有90%的正确,但建议使用normalize.css。
检查magick.css是否适合你的项目的最简单方法是从CDN添加它。只需将这两行添加到你的html <head>
:
<link rel="stylesheet" href="https://unpkg.com/normalize.css">
<link rel="stylesheet" href="https://unpkg.com/magick.css">
你也可以直接从这个仓库下载magick.css
文件,并像你通常那样将它包含到你的html <head>
中:
<link rel="stylesheet" href="path/to/magick.css">
你也可以像这样将magick.css
添加到你的JS项目中:
npm install normalize.css magick.css
然后在你的代码中导入它们:
import 'normalize.css'
import 'magick.css'