django-kss 0.5.5

开始

pip install django-kss-styleguide

设置

在yout settings.py中

添加应用程序，

INSTALLED_APPS+=("compressor","django_kss",)

相关设置

在settings.py中

因为SCSS非常常见，我们通过djagno压缩机支持它 添加有关django压缩机的设置。

COMPRESS_PRECOMPILERS=(('text/x-scss','django_libsass.SassCompiler'),)STATICFILES_FINDERS=('django.contrib.staticfiles.finders.FileSystemFinder','django.contrib.staticfiles.finders.AppDirectoriesFinder','compressor.finders.CompressorFinder',)#  Django Compressor for development. so it can put image to correct placeCOMPRESS_ENABLED=TrueCOMPRESS_REBUILD_TIMEOUT=0STATIC_ROOT='/tmp/root'

在你的应用程序中。

在应用程序中添加名为styleguide.py的文件名。

styleguide={'source_dir':'static/css','verbose_name':'Sample APP2',#Optional'target_files':'static/css/form.scss'# optional}

source_dir：您在哪里编写kss注释和css文件

详细名称：您的应用程序名称

目标文件：如果使用scss，请放入要编译的scss文件

importdjango_kss.urls

url(r'^$',include(django_kss.urls)),

/*
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:all0.2s;bottom:0;&:hover{bottom:$strong-border-width;border-bottom-width:$strong-border-width;}}

还有一件事

基本模板已经集成了livereload。

要利用Livereload，

sudo pip install livereload

并在存储库根目录中键入“livereload.”。

您可以看到所有Braowser将反映您的变化