Bulma CSS Framework for Django projects
Project description
# A Bulma Theme for Django Projects
A Django base theme based on Bulma (bulma.io). Bulma is a modern CSS framework based on Flexbox.
*** work in progress ***
## Installation
1. Install the python package django-bulma from pip
``pip install django-bulma``
Alternatively, you can install download or clone this repo and call ``pip install -e .``.
2. Add to INSTALLED_APPS in your ``settings.py``:
``'bulma',``
3. You can now extend the bulma theme:
```
{% extends 'bulma/base.html' %}
{% block title %}Bulma Site{% endblock %}
{% block content %}
bla...
{% endblock content %}
```
3. In your templates, load the ``bulma_tags`` library and use the ``|bulma`` filters:
## Example template
```django
{% load bulma_tags %}
{# Display a form #}
<form action="/url/to/submit/" method="post">
{% csrf_token %}
{% form|bulma %}
<div class="field">
<button type="submit" class="button is-primary">Login/button>
</div>
<input type="hidden" name="next" value="{{ next }}"/>
</form>
```
## Included templates
**django-bulma** comes with:
* a base template
* registration templates
* account templates
## Documentation
To be done
## Bugs and suggestions
If you have found a bug or if you have a request for additional functionality, please use the issue tracker on GitHub.
https://github.com/timonweb/django-bulma/issues
A Django base theme based on Bulma (bulma.io). Bulma is a modern CSS framework based on Flexbox.
*** work in progress ***
## Installation
1. Install the python package django-bulma from pip
``pip install django-bulma``
Alternatively, you can install download or clone this repo and call ``pip install -e .``.
2. Add to INSTALLED_APPS in your ``settings.py``:
``'bulma',``
3. You can now extend the bulma theme:
```
{% extends 'bulma/base.html' %}
{% block title %}Bulma Site{% endblock %}
{% block content %}
bla...
{% endblock content %}
```
3. In your templates, load the ``bulma_tags`` library and use the ``|bulma`` filters:
## Example template
```django
{% load bulma_tags %}
{# Display a form #}
<form action="/url/to/submit/" method="post">
{% csrf_token %}
{% form|bulma %}
<div class="field">
<button type="submit" class="button is-primary">Login/button>
</div>
<input type="hidden" name="next" value="{{ next }}"/>
</form>
```
## Included templates
**django-bulma** comes with:
* a base template
* registration templates
* account templates
## Documentation
To be done
## Bugs and suggestions
If you have found a bug or if you have a request for additional functionality, please use the issue tracker on GitHub.
https://github.com/timonweb/django-bulma/issues
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
django-bulma-0.0.3.tar.gz
(142.4 kB
view details)
File details
Details for the file django-bulma-0.0.3.tar.gz.
File metadata
- Download URL: django-bulma-0.0.3.tar.gz
- Upload date:
- Size: 142.4 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
c035c2a4823a7e9db7b63d0ca6b1a830b92d3e0983360a879b52ec22139b86f6
|
|
| MD5 |
5b685fa36d87bf0591d98e9d9fb83417
|
|
| BLAKE2b-256 |
24a8b5d52dcc713c54d8d168d34ac645338c30f763e51f9a99b9bc32c0611a35
|