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.
start
pip install django-kss-styleguide
Settings
in yout settings.py
Add the app,
INSTALLED_APPS += (
"compressor",
"django_kss",
)
urls.py settings
Routing, add the following two lines in your project’s urls.py
import:
add the url patterns:
html
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
/*
Buttons
Styleguide 1
*/
/*
Your standard form button.
.btn-danger - danger
.btn-warning - warning
.btn-info - info
Example:
<button class="liftedBtn $modifier_class" >按鈕</button>
Styleguide 1.1
*/
.liftedBtn{
@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;
&:hover{
bottom: $strong-border-width;
border-bottom-width: $strong-border-width;
}
}
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
Built Distribution
Close
Hashes for django-kss-styleguide-0.5.1.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 7a7d68fd07facb844215ce45ad809b2f460d5e5941409e90af45e4af2663805c |
|
MD5 | 4ad53c0329b21c3606470b360ddd54e7 |
|
BLAKE2b-256 | 0ce16eea1cb2163ebb3049e1e744faf5d30a769e7dd3856cc1628d2f5cadaccd |
Close
Hashes for django-kss-styleguide-0.5.1.macosx-10.10-intel.exe
Algorithm | Hash digest | |
---|---|---|
SHA256 | 7ed43497005bb375a9dbd980e1234185fef8318c03f1d61e14c9ba842d6004fc |
|
MD5 | 99d85380791da72d44f654c73e25eb09 |
|
BLAKE2b-256 | 52a1bcc0e40a443872f961d8c8318144725e6862fb375d81a21bb020ba7f7f97 |