Develop

Gruntfile.js

@@ -1,6 +1,9 @@
 /*	Grunt Task configuration */
 module.exports = function(grunt) {
 
+	const Fiber = require('fibers');
+	const sass = require('node-sass');
+
 	/* Using jit-grunt for automatically loading all required plugins */
 	require('jit-grunt')(grunt);
 
@@ -13,6 +16,8 @@ module.exports = function(grunt) {
 		// Compile Sass to CSS and produce SoureMaps;
 		sass: {
 			options: {
+				implementation: sass,
+				fiber: Fiber,
 				sourceMap: false,
 				outputStyle: 'uncompressed'
 			},

contact.html

@@ -115,12 +115,12 @@ <h2>Contact form</h2>
 							<div class="form-fields">
 								<div class="form-field has-value" data-castlecss-field="">
 									<label for="gender" class="label">Gender</label>
-									<label class="input-control input-radio">Male
-										<input type="radio" name="radio1" checked="checked">
+									<label class="input-control input-radio" for="radio_male">Male
+										<input type="radio" name="radios" id="radio_male" checked="checked">
 										<span class="input-indicator"></span>
 									</label>
-									<label class="input-control input-radio">Female
-										<input type="radio" name="radio1">
+									<label class="input-control input-radio" for="radio_female">Female
+										<input type="radio" name="radios" id="radio_female">
 										<span class="input-indicator"></span>
 									</label>
 								</div>
@@ -162,8 +162,8 @@ <h2>Contact form</h2>
 
 							<div class="form-fields">
 								<div class="form-field has-value" data-castlecss-field="">
-									<label class="input-control input-checkbox">I want to receive the newsletter
-										<input type="checkbox">
+									<label class="input-control input-checkbox" for="agree">I want to receive the newsletter
+										<input type="checkbox" id="agree">
 										<span class="input-indicator"></span>
 									</label>
 								</div>