Use npm for Basscss CSS framework

app/assets/stylesheets/application.css.scss

@@ -7,7 +7,11 @@
 @import 'normalize.css/normalize';
 @import 'hint.css/hint';
 
-@import 'basscss/basscss';
+@import 'basscss-sass/basscss';
+@import 'basscss/margin';
+@import 'basscss/padding';
+@import 'basscss/responsive-margin';
+@import 'basscss/responsive-padding';
 
 @import 'components/all';
 

app/assets/stylesheets/components/_form.scss

@@ -26,6 +26,18 @@ textarea {
   &.phone {
     font-family: $monospace-font-family;
   }
+
+  &:focus,
+  &.is-focused {
+    border-color: $field-focus-color;
+    box-shadow: 0 0 0 2px rgba($field-focus-color, .5);
+    outline: none;
+  }
+
+  &:invalid,
+  &.is-error {
+    border-color: $border-color;
+  }
 }
 
 .radio-extra {

app/assets/stylesheets/components/_typography.scss

@@ -5,6 +5,8 @@ body { -webkit-font-smoothing: antialiased; }
 .sans-serif { font-family: $sans-serif-font-family; }
 .serif { font-family: $serif-font-family; }
 
+.text-decoration-none { text-decoration: none; }
+
 .lower { text-transform: lowercase; }
 
 .ls-0 { letter-spacing: 0; }
@@ -14,6 +16,18 @@ body { -webkit-font-smoothing: antialiased; }
 .fs-12p { font-size: 12px; }
 .fs-20p { font-size: 20px; }
 
+.caps {
+  letter-spacing: $caps-letter-spacing;
+  text-transform: uppercase;
+}
+
+.line-height-1 { line-height: $line-height-1; }
+.line-height-2 { line-height: $line-height-2; }
+.line-height-3 { line-height: $line-height-3; }
+.line-height-4 { line-height: $line-height-4; }
+
+.underline { text-decoration: underline; }
+
 // given how similar & coupled these are, single line preferred
 // scss-lint:disable SingleLinePerSelector
 h1, .h1 { font-size: $h1; }

package.json

@@ -7,6 +7,7 @@
     "npm": "~3.8.x"
   },
   "dependencies": {
+    "basscss-sass": "^3.0.0",
     "classlist.js": "^1.1.20150312",
     "field-kit": "^2.1.0",
     "focus-trap": "^2.3.0",
@@ -20,6 +21,7 @@
     "babelify": "^7.3.0",
     "browserify": "^13.0.0",
     "browserify-incremental": "^3.1.1",
+    "chai": "^3.5.0",
     "dirty-chai": "^1.2.2",
     "eslint": "^3.19.0",
     "eslint-config-airbnb": "^14.1.0",