Skip to main content

Flask-Pure - a Flask extension for Pure.css

Project description

Flask-Pure is an extension to Flask that helps integrate Pure.css to your Flask application.

Quick Start

  1. Installation

pip install Flask-Pure
  1. Configuration

from flask import Flask, render_template
from flask_pure import Pure

app = Flask(__name__)
app.config['PURECSS_RESPONSIVE_GRIDS'] = True
app.config['PURECSS_USE_CDN'] = True
app.config['PURECSS_USE_MINIFIED'] = True
Pure(app)

@app.route('/')
def hello():
    return render_template('hello.html')

if __name__ == '__main__':
    app.run(debug=True)
  1. In templates/hello.html:

{% extends "pure/layout.html" %}
{% block title %}Hello world from flask-pure{% endblock %}

{% block nav %}
<div class="pure-menu pure-menu-horizontal">
  <!-- ... -->
</div>
{% endblock %}

{% block content %}
  <h1>Hello world</h1>
{% endblock %}
  1. Profit!

How It Works

Once registered, this extension provides a template variable called pure, it has a property named css that will be rendered as HTML <link> tag to the Pure.css stylesheets either from free CDN or be served from a bundled blueprint, also called pure.

A {{ pure.css }} inside <head> tag is all you need.

A bare bone HTML5 template is also available as pure/layout.html. Please check out the example in code repository and documentation for details.

License

BSD New, see LICENSE for details.

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

Flask-Pure-0.5.tar.gz (21.8 kB view details)

Uploaded Source

Built Distribution

Flask_Pure-0.5-py3-none-any.whl (21.9 kB view details)

Uploaded Python 3

File details

Details for the file Flask-Pure-0.5.tar.gz.

File metadata

  • Download URL: Flask-Pure-0.5.tar.gz
  • Upload date:
  • Size: 21.8 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No

File hashes

Hashes for Flask-Pure-0.5.tar.gz
Algorithm Hash digest
SHA256 98fe1c268e6f2d3850652fe28ba61616a42a22bd91b73e71a1a017d153cab8b4
MD5 6e2cb259b920713d2a36c68e83641f0d
BLAKE2b-256 5e367976688e0dcfa24b57461a791fa9b59db50b4c5a69994f640c883a3727a5

See more details on using hashes here.

File details

Details for the file Flask_Pure-0.5-py3-none-any.whl.

File metadata

File hashes

Hashes for Flask_Pure-0.5-py3-none-any.whl
Algorithm Hash digest
SHA256 b84f3dd529d67aa81e5d8c089233748e6c6c812349fcad728ca9da13f428b6dd
MD5 c22858904c0373827698fe3e21234a83
BLAKE2b-256 7a19e6c88f57aea8362924c7d153364e69cb5e855e0fcb3a39c6134c86f9398c

See more details on using hashes here.

Supported by

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