# sphinx-design
[![Github-CI][github-ci]][github-link]
[![Coverage Status][codecov-badge]][codecov-link]
[![PyPI][pypi-badge]][pypi-link]
A sphinx extension for designing beautiful, view size responsive web components.
Created with inspiration from [Bootstrap](https://getbootstrap.com/) (v5), [Material Design](https://material.io) and [Material-UI](https://material-ui.com/) design frameworks.
## Usage
Simply pip install `sphinx-design` and add the extension to your `conf.py`:
```python
extensions = ["sphinx_design"]
```
## Supported browsers
- Chrome >= 60
- Firefox >= 60
- Firefox ESR
- iOS >= 12
- Safari >= 12
- Explorer >= 12
(Mirrors: <https://github.com/twbs/bootstrap/blob/v5.0.2/.browserslistrc>)
## Theme support
View the documentation in multiple themes:
- [alabaster](https://sphinx-design.readthedocs.io/en/alabaster-theme)
- [sphinx-book-theme](https://sphinx-design.readthedocs.io/en/sbt-theme)
- [pydata-sphinx-theme](https://sphinx-design.readthedocs.io/en/pydata-theme)
- [sphinx-rtd-theme](https://sphinx-design.readthedocs.io/en/rtd-theme)
- [furo](https://sphinx-design.readthedocs.io/en/furo-theme)
## Comparison to sphinx-panels
This package is an iteration on [sphinx-panels](https://github.com/executablebooks/sphinx-panels) and intends to replace it.
See [Migrating from sphinx-panels](./docs/get_started.md) for more information.
## Development
It is recommended to use [tox](https://tox.readthedocs.io/en/latest/) to run the tests and document builds.
Run `tox -va` to see all the available tox environments.
To run linting, formatting and SASS compilation, use [pre-commit](https://pre-commit.com/).
`pre-commit run --all css` will run the SASS compiler, for which you will need [node](https://nodejs.org) and [npm](https://www.npmjs.com/) installed,
or you can directly run `npm run css`.
## TODO
- note design goal; to be flexible, but limit the amount of directive nesting required.
This factors in to
- card header/footer syntax? (don't really want to have to use separate directives for these, hence `^^^`/`+++` syntax)
- auto-wrap `grid-item` and `tab-item`, if not already inside `grid` or `tab-set`?
grids items cannot contain headers; is this in anyway possible with docutils structure?
naming of directives/roles: standard prefix?
why are cards setup with "word-wrap: break-word;"?
handle latex
Use autoprefixer when compiling SASS (see <https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/#supported-browsers>)
horizontal card (grid row inside card, picture on left)
subtitle for card (see <https://material.io/components/cards#anatomy>)
[github-ci]: https://github.com/executablebooks/sphinx-design/workflows/continuous-integration/badge.svg?branch=main
[github-link]: https://github.com/executablebooks/sphinx-design
[codecov-badge]: https://codecov.io/gh/executablebooks/sphinx-design/branch/main/graph/badge.svg
[codecov-link]: https://codecov.io/gh/executablebooks/sphinx-design
[pypi-badge]: https://img.shields.io/pypi/v/sphinx-design.svg
[pypi-link]: https://pypi.org/project/sphinx-design
Raw data
{
"_id": null,
"home_page": null,
"name": "sphinx_design",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.9",
"maintainer_email": null,
"keywords": "sphinx, extension, material design, web components",
"author": null,
"author_email": "Chris Sewell <chrisj_sewell@hotmail.com>",
"download_url": "https://files.pythonhosted.org/packages/2b/69/b34e0cb5336f09c6866d53b4a19d76c227cdec1bbc7ac4de63ca7d58c9c7/sphinx_design-0.6.1.tar.gz",
"platform": null,
"description": "# sphinx-design\n\n[![Github-CI][github-ci]][github-link]\n[![Coverage Status][codecov-badge]][codecov-link]\n[![PyPI][pypi-badge]][pypi-link]\n\nA sphinx extension for designing beautiful, view size responsive web components.\n\nCreated with inspiration from [Bootstrap](https://getbootstrap.com/) (v5), [Material Design](https://material.io) and [Material-UI](https://material-ui.com/) design frameworks.\n\n## Usage\n\nSimply pip install `sphinx-design` and add the extension to your `conf.py`:\n\n```python\nextensions = [\"sphinx_design\"]\n```\n\n## Supported browsers\n\n- Chrome >= 60\n- Firefox >= 60\n- Firefox ESR\n- iOS >= 12\n- Safari >= 12\n- Explorer >= 12\n\n(Mirrors: <https://github.com/twbs/bootstrap/blob/v5.0.2/.browserslistrc>)\n\n## Theme support\n\nView the documentation in multiple themes:\n\n- [alabaster](https://sphinx-design.readthedocs.io/en/alabaster-theme)\n- [sphinx-book-theme](https://sphinx-design.readthedocs.io/en/sbt-theme)\n- [pydata-sphinx-theme](https://sphinx-design.readthedocs.io/en/pydata-theme)\n- [sphinx-rtd-theme](https://sphinx-design.readthedocs.io/en/rtd-theme)\n- [furo](https://sphinx-design.readthedocs.io/en/furo-theme)\n\n## Comparison to sphinx-panels\n\nThis package is an iteration on [sphinx-panels](https://github.com/executablebooks/sphinx-panels) and intends to replace it.\nSee [Migrating from sphinx-panels](./docs/get_started.md) for more information.\n\n## Development\n\nIt is recommended to use [tox](https://tox.readthedocs.io/en/latest/) to run the tests and document builds.\nRun `tox -va` to see all the available tox environments.\n\nTo run linting, formatting and SASS compilation, use [pre-commit](https://pre-commit.com/).\n`pre-commit run --all css` will run the SASS compiler, for which you will need [node](https://nodejs.org) and [npm](https://www.npmjs.com/) installed,\nor you can directly run `npm run css`.\n\n## TODO\n\n- note design goal; to be flexible, but limit the amount of directive nesting required.\n This factors in to\n - card header/footer syntax? (don't really want to have to use separate directives for these, hence `^^^`/`+++` syntax)\n - auto-wrap `grid-item` and `tab-item`, if not already inside `grid` or `tab-set`?\n\ngrids items cannot contain headers; is this in anyway possible with docutils structure?\n\nnaming of directives/roles: standard prefix?\n\nwhy are cards setup with \"word-wrap: break-word;\"?\n\nhandle latex\n\nUse autoprefixer when compiling SASS (see <https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/#supported-browsers>)\n\nhorizontal card (grid row inside card, picture on left)\n\nsubtitle for card (see <https://material.io/components/cards#anatomy>)\n\n\n[github-ci]: https://github.com/executablebooks/sphinx-design/workflows/continuous-integration/badge.svg?branch=main\n[github-link]: https://github.com/executablebooks/sphinx-design\n[codecov-badge]: https://codecov.io/gh/executablebooks/sphinx-design/branch/main/graph/badge.svg\n[codecov-link]: https://codecov.io/gh/executablebooks/sphinx-design\n[pypi-badge]: https://img.shields.io/pypi/v/sphinx-design.svg\n[pypi-link]: https://pypi.org/project/sphinx-design\n",
"bugtrack_url": null,
"license": null,
"summary": "A sphinx extension for designing beautiful, view size responsive web components.",
"version": "0.6.1",
"project_urls": {
"Documentation": "https://sphinx-design.readthedocs.io",
"Homepage": "https://github.com/executablebooks/sphinx-design"
},
"split_keywords": [
"sphinx",
" extension",
" material design",
" web components"
],
"urls": [
{
"comment_text": null,
"digests": {
"blake2b_256": "c64365c0acbd8cc6f50195a3a1fc195c404988b15c67090e73c7a41a9f57d6bd",
"md5": "cd12f4ead9abe92dcdc20aa122720cae",
"sha256": "b11f37db1a802a183d61b159d9a202314d4d2fe29c163437001324fe2f19549c"
},
"downloads": -1,
"filename": "sphinx_design-0.6.1-py3-none-any.whl",
"has_sig": false,
"md5_digest": "cd12f4ead9abe92dcdc20aa122720cae",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.9",
"size": 2215338,
"upload_time": "2024-08-02T13:48:42",
"upload_time_iso_8601": "2024-08-02T13:48:42.106155Z",
"url": "https://files.pythonhosted.org/packages/c6/43/65c0acbd8cc6f50195a3a1fc195c404988b15c67090e73c7a41a9f57d6bd/sphinx_design-0.6.1-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "2b69b34e0cb5336f09c6866d53b4a19d76c227cdec1bbc7ac4de63ca7d58c9c7",
"md5": "a9de747353ce75271639efb2fad2ac5c",
"sha256": "b44eea3719386d04d765c1a8257caca2b3e6f8421d7b3a5e742c0fd45f84e632"
},
"downloads": -1,
"filename": "sphinx_design-0.6.1.tar.gz",
"has_sig": false,
"md5_digest": "a9de747353ce75271639efb2fad2ac5c",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.9",
"size": 2193689,
"upload_time": "2024-08-02T13:48:44",
"upload_time_iso_8601": "2024-08-02T13:48:44.277940Z",
"url": "https://files.pythonhosted.org/packages/2b/69/b34e0cb5336f09c6866d53b4a19d76c227cdec1bbc7ac4de63ca7d58c9c7/sphinx_design-0.6.1.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-08-02 13:48:44",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "executablebooks",
"github_project": "sphinx-design",
"travis_ci": false,
"coveralls": false,
"github_actions": true,
"tox": true,
"lcname": "sphinx_design"
}
JSON
