Droplet


This project is not covered by Drupal’s security advisory policy.

This is a starter development theme using the Bootstrap 3 SASS source code. To use this theme you must first download and install the Drupal Bootstrap parent theme.

Includes:

  • bootstrap-sass
  • font-awesome
  • mediaCheck
  • Gulp-based build system

One-time Development Environment Setup

Install NodeJS and Node Package Manager globally.
Run the following command-line instructions inside theme root:

npm install -g gulp bower
npm install && bower install

Using and Editing

Custom styles should be in src/scss/_header.scss, src/scss/_content.scss and src/scss/_footer.scss. If you wish, you can simply combine these files into one file, I just like organized code.

To set custom variables such as colors, fonts, etc, you may use src/scss/_theme-variables.scss.

To add your own Javascript code you can edit src/js/theme.js, this file comes with a custom behavior that will change the default Bootstrap menu behavior to display submenus onhover rather than onclick, you can keep this if you like or remove it.
At the top of this file you can add more require lines to include your own libraries.

Example:

//= require ../vendor/mediaCheck/js/mediaCheck.js

Development changes can be automated with command-line instruction inside theme root:

gulp watch

Build optimized, minified, autoprefixed assets with command-line instruction inside theme root:

gulp

Other Gulp commands

  • gulp styles - Compiles the SCSS source code.
  • gulp scripts - Compiles the Javascript source code.
  • gulp lint - Checks your javscript code for errors or coding standards.

Customizing Bootstrap

To customize Bootstrap you may edit src/scss/_bootstrap-variables.scss.

To add or remove Bootstrap javascript component you may edit src/js/bootstrap.js. The default build includes all components.

TODO

  • Feature to optimize images.

Droplet项目的Drush安装命令:复制到剪贴板

注:个别模块仍需开启相关子模块。

项目分类:

周安装量: 
2
维护状态: 
积极维护中
开发状态: 
积极开发中

开发版本下载:

版本下载地址发布日期发布说明翻译下载
7.x-1.x-devtar.gz (51.84 KB) | zip (54.05 KB)2017年3月30日发布说明简 | 繁 | 更多