sphinx-design

一个用于设计美观、屏幕尺寸响应式 Web 组件的 Sphinx 扩展。

开始使用

无冲突 CSS

所有 CSS 类都带有前缀,以避免与其他框架冲突。

无需 JavaScript 即可工作

任何“必要”功能都不需要 JavaScript。

可配置

所有颜色都可以使用 CSS 变量进行配置。

支持非 HTML 输出格式

组件在非 HTML 格式下优雅降级。

栅格(Grids)

屏幕尺寸自适应栅格布局。

栅格(Grids)
卡片(Cards)

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

卡片(Cards)
下拉菜单(Dropdowns)

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

下拉菜单(Dropdowns)
选项卡(Tabs)

可同步的选项卡式内容集。

选项卡(Tabs)
徽章、按钮和图标(Badges, Buttons & Icons)

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

徽章、按钮和图标(Badges, Buttons & Icons)
CSS 样式(CSS Styling)

更改默认颜色和其他 CSS。

CSS 变量(CSS Variables)

灵感来自 Bootstrap (v5)、Material DesignMaterial-UI 设计框架。