Skip to main content

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

Project details


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)

Uploaded Source

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

Hashes for django-bulma-0.0.3.tar.gz
Algorithm Hash digest
SHA256 c035c2a4823a7e9db7b63d0ca6b1a830b92d3e0983360a879b52ec22139b86f6
MD5 5b685fa36d87bf0591d98e9d9fb83417
BLAKE2b-256 24a8b5d52dcc713c54d8d168d34ac645338c30f763e51f9a99b9bc32c0611a35

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page