Skip to main content

Convert a request.path ('/a/b/c/d/') into CSS class names

Project description

Author:

Keryn Knight

Version:
0.2.2

Release

Status

stable (0.2.2)

travis_stable

master

travis_master

What it does

A small Django package for rendering a request’s URL as a series of CSS class names, such that one can target sections or individual parts of a site using CSS only.

It can also look for path specific CSS files, and output those for you.

Generating class names

For example, say all your blog posts are under /blog/, then you might do:

{% load path2css %}
<body class="{% path2css request.path %}">...</body>

Subsequently, going to /blog/, /blog/post/, /blog/post/comments/ etc will all have the blog CSS class added to the body, which you could then use:

body.blog {...}
body.blog-post {...}
body.blog-post-comments {...}

Note that blog-post-comments, being the deepest namespace reached, would also have the blog and blog-post classes added.

Request specific CSS files

If you have a URL like /blog/post/4/, using the {% css4path %} tag allows you to load hierarchy specific CSS files:

{% load path2css %}
<head>
{% css4path request.path %}

might output the following:

<link href="/static/css/blog.css" rel="stylesheet" type="text/css" />
<link href="/static/css/blog-post-4.css" rel="stylesheet" type="text/css" />

…if those files exist in one of your static directories. In the above example, I’ve not created a blog-post.css file, so the template tag knows not to load it for output, because it would be a 404. It should only ever include files that do exist.

This allows you to compartmentalise your CSS files into separate parts, like we used to do in the old days when websites were often hand-crafted and different sections had a different look and feel, or whatever, before the inevitable rise of CMS made things a little more homogenized.

Installation

It the stable release is on PyPI:

pip install django-path2css==0.2.2

The templatetags

In case you’re already using the class names that would be generated, {% path2css %} takes a prefix=x and/or suffix=y parameter, so that you can re-namespace things without clobbering your existing styles:

{% path2css '/blog/post/' prefix='path-' %}
{% path2css '/blog/post/' suffix='-area' %}
{% path2css '/blog/post/' prefix='pre_' suffix='_post' %}

The {% css4path %} takes the same prefix/suffix parameters, and also takes an optional directory, whose default value is css

The context processor

There’s also a context processor which may be used by adding path2css.context_processor to your existing list. It does the same thing as {% path2css %} with no prefix/suffix arguents.

Supported Django versions

The tests are run against Django 1.8 through 1.10, and Python 2.7, 3.3, 3.4 and 3.5.

Roadmap

If I ever have a need for it, a JavaScript equivalent that can consume window.location.path or whatever … and potentially bridges to things like angular, I guess?

The license

It’s the FreeBSD. There’s should be a LICENSE file in the root of the repository, and in any archives.


Copyright (c) 2016, Keryn Knight All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

  1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.

  2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.


Change history for django-path2css

0.2.2

  • Fix long description.

0.2.1

  • Exposed the split_on kwarg to the {% path2css %} and {% css4path %} template tags, allowing for splitting based on patterns other than /.

0.2.0

  • Added support for searching staticfiles directories for CSS files matching path components, see {% css4path %} for usage.

0.1.1

  • First release - tests for the template tag & context processor passing on all of the tox matrix.

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-path2css-0.2.2.tar.gz (11.9 kB view hashes)

Uploaded Source

Built Distribution

django_path2css-0.2.2-py2.py3-none-any.whl (13.6 kB view hashes)

Uploaded Python 2 Python 3

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