sphinx-design

_images/logo_square.svg

A sphinx extension for designing beautiful, screen-size responsive web-components.

Get Started

Conflict free CSS

All CSS classes are prefixed, to avoid conflicts with other frameworks.

Works without JavaScript

JavaScript is not required for any “essential” functionality.

Configurable

All colors can be configured using CSS variables.

Supports non-HTML output formats

Components degrade gracefully for non-HTML formats.

Grids

Screen size adaptable grid layouts.

Cards

Flexible and extensible content containers.

Dropdowns

Hide content in expandable containers.

Tabs

Synchronisable, tabbed content sets.

Badges, Buttons & Icons

Roles and directives for badges and other components.

CSS Styling

Change the default colors and other CSS.


Created with inspiration from Bootstrap (v5), Material Design and Material-UI design frameworks.