Update to Radix 7.x-3.1
07. December 2015
Radix 7.x-3.1 uses Gulp and no longer requires Compass gems. The update has to be done manually.
Step 1: Update Radix
- Download Radix 7.x-3.1.
- Clear your site cache.
drush cc all
Step 2: Remove unused files
Delete the following files from your subtheme:
- config.rb
- Gemfile
- Gemfile.lock
- Guarfile
Step 3: Copy required files.
Copy the following files from the default kit to your subtheme.
radix/kits/default/bower.json
to/path/to/nameofyoursubtheme/bower.json
radix/kits/default/config.json
to/path/to/nameofyoursubtheme/config.json
radix/kits/default/package.json
to/path/to/nameofyoursubtheme/package.json
radix/kits/default/gulpfile.js
to/path/to/nameofyoursubtheme/gulpfile.js
Step 4: Update values.
Update the following values in bower.json, config.json and package.json:
{{Name}}
: name of your subtheme.{{Description}}
: description of your subtheme.{{machine_name}}
: the machine name of your subtheme.
Step 5: Fix SCSS files and directories
- Move
/path/to/nameofyoursubtheme/assets/sass
to/path/to/nameofyoursubtheme/scss
. - Delete
/path/to/nameofyoursubtheme/scss/screen.scss
- Copy
radix/kits/default/scss/default.style.scss
to/path/to/nameofyoursubtheme/scss/nameofyoursubtheme.style.scss
- Copy
radix/kits/default/scss/radix
to/path/to/nameofyoursubtheme/scss/radix
- Rename
/path/to/nameofyoursubtheme/scss/global
to/path/to/nameofyoursubtheme/scss/base
- Rename
/path/to/nameofyoursubtheme/scss/partials
to/path/to/nameofyoursubtheme/scss/components
- Rename
/path/to/nameofyoursubtheme/scss/base/_helper.scss
to/path/to/nameofyoursubtheme/scss/base/_helpers.scss
- Rename
/path/to/nameofyoursubtheme/scss/base/_mixin.scss
to/path/to/nameofyoursubtheme/scss/base/_mixins.scss
- Rename
/path/to/nameofyoursubtheme/scss/base/_variable.scss
to/path/to/nameofyoursubtheme/scss/base/_variables.scss
Step 6: Fix JS files and directories
- Move
/path/to/nameofyoursubtheme/assets/javascripts
to/path/to/nameofyoursubtheme/js
- Rename
/path/to/nameofyoursubtheme/js/script.js
to/path/to/nameofyoursubtheme/js/nameofyoursubtheme.script.js
Step 7: Update info file
Edit nameofyoursubtheme.info and update the following lines:
stylesheets[all][] = assets/stylesheets/screen.css
tostylesheets[all][] = assets/css/nameofyoursubtheme.style.css
scripts[] = assets/javascripts/script.js
toscripts[] = assets/js/nameofyoursubtheme.script.js
Step 7: Install bower and npm modules.
Run npm run setup
Step 8: Run gulp
Run gulp
to start watching for changes.