Skip to main content

A simple Django app to make styleguide

Project description

Help you launch your style guide site with django in KSS syntax. you can integrate the style giude in your site easily. I use it every day. feel free to give me any suggestion.



pip install django-kss-styleguide


in yout

Add the app,

) settings

Routing, add the following two lines in your project’s


add the url patterns:


for F2E or designer

put your more complete html in templates/prototype/

you can view it automatically in the site

Writing The KSS in your scss/less/css file


Styleguide 1

Your standard form button.

.btn-danger   -  danger
.btn-warning  -  warning
.btn-info     -  info

        <button class="liftedBtn $modifier_class" >按鈕</button>

Styleguide 1.1

        @extend .btn;
        position: relative;
        border-width: 0;
        letter-spacing: 1px;
        border-bottom-color: rgba(30,30,30,0.3);
        border-bottom-width: 0;
        transition: all 0.2s;
        bottom: 0;
                bottom: $strong-border-width;
                border-bottom-width: $strong-border-width;

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for django-kss-styleguide, version 0.5.1
Filename, size File type Python version Upload date Hashes
Filename, size django-kss-styleguide-0.5.1.macosx-10.10-intel.exe (153.5 kB) File type Windows Installer Python version any Upload date Hashes View
Filename, size django-kss-styleguide-0.5.1.tar.gz (45.6 kB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page