sphinx-design

_images/logo_square.svg

用于设计美观、屏幕尺寸自适应的网页组件的 Sphinx 插件。

Get Started

无冲突的 CSS

所有 CSS 类都添加了前缀，以避免与其他框架发生冲突。

无需 JavaScript 即可运行

任何‘核心’功能都不需要 JavaScript。

可配置的

所有颜色都可以通过 CSS 变量进行配置。

支持非 HTML 输出格式

组件在非 HTML 格式中能够优雅降级。

Grids

适应屏幕尺寸的网格布局。

网格
Cards

灵活且可扩展的内容容器。

卡片
Dropdowns

将内容隐藏在可展开的容器中。

下拉菜单
Tabs

可同步的标签式内容集。

选项卡
Badges, Buttons & Icons

用于 badges 和其他组件的角色和指令。

徽章、按钮与图标
CSS Styling

更改默认颜色和其他 CSS 样式。

CSS 变量

创作灵感来源于 Bootstrap（v5）、Material Design 和 Material-UI 设计框架。