fix(css): upgrade edx-bootstrap to 1.0.0 (#201)

edx-bootstrap 1.0.0 upgrades bootstrap to 4.0.0.

Remove variables from paragon-reset.scss that no longer exist in 4.0.0.

Only import bootstrap reboot in CssJail.scss at the top-level so that it does
not overwrite with component-specific styling.

package.json

@@ -28,7 +28,7 @@
     "travis-deploy-once": "travis-deploy-once"
   },
   "dependencies": {
-    "@edx/edx-bootstrap": "^0.4.2",
+    "@edx/edx-bootstrap": "^1.0.0",
     "babel-polyfill": "^6.26.0",
     "classnames": "^2.2.5",
     "email-prop-type": "^1.1.5",

src/CssJail/CssJail.scss

@@ -1,15 +1 @@
-.css-jail {
-    @import "~bootstrap/scss/_reboot";
-
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    box-sizing: border-box;
-    line-height: 1.15;
-
-    font-size: $font-size-base;
-    font-weight: $font-weight-base;
-    line-height: $line-height-base;
-    margin: 0;
-    color: $body-color;
-    background-color: $body-bg;
-}
+@import "~bootstrap/scss/_reboot";

src/utils/paragon-reset.scss

@@ -49,21 +49,18 @@ $input-btn-padding-y-sm: $input-btn-padding-y-sm / $base-rem-size;
 $input-btn-padding-x-lg: $input-btn-padding-x-lg / $base-rem-size;
 $input-btn-padding-y-lg: $input-btn-padding-y-lg / $base-rem-size;
 $form-text-margin-top: $form-text-margin-top / $base-rem-size;
-$form-check-margin-bottom: $form-check-margin-bottom / $base-rem-size;
 $form-check-input-gutter: $form-check-input-gutter / $base-rem-size;
 $form-check-input-margin-y: $form-check-input-margin-y / $base-rem-size;
 $form-check-input-margin-x: $form-check-input-margin-x / $base-rem-size;
 $form-check-inline-margin-x: $form-check-inline-margin-x / $base-rem-size;
 $custom-control-gutter: $custom-control-gutter / $base-rem-size;
 $custom-control-spacer-x: $custom-control-spacer-x / $base-rem-size;
-$custom-control-spacer-y: $custom-control-spacer-y / $base-rem-size;
 $custom-control-indicator-size: $custom-control-indicator-size / $base-rem-size;
 $custom-control-indicator-box-shadow: $custom-control-indicator-box-shadow / $base-rem-size;
 $custom-select-padding-x: $custom-select-padding-x / $base-rem-size;
 $custom-select-padding-y: $custom-select-padding-y / $base-rem-size;
 $custom-select-indicator-padding: $custom-select-indicator-padding / $base-rem-size;
 $custom-file-height: $custom-file-height / $base-rem-size;
-$custom-file-width: $custom-file-width / $base-rem-size;
 $custom-file-focus-box-shadow: $custom-file-focus-box-shadow / $base-rem-size;
 $custom-file-padding-x: $custom-file-padding-x / $base-rem-size;
 $custom-file-padding-y: $custom-file-padding-y / $base-rem-size;
@@ -100,5 +97,5 @@ $thumbnail-padding: $thumbnail-padding / $base-rem-size;
 $breadcrumb-padding-y: $breadcrumb-padding-y / $base-rem-size;
 $breadcrumb-padding-x: $breadcrumb-padding-x / $base-rem-size;
 $breadcrumb-item-padding: $breadcrumb-item-padding / $base-rem-size;
-$code-padding-x: $code-padding-x / $base-rem-size;
-$code-padding-y: $code-padding-y / $base-rem-size;
+$kbd-padding-x: $kbd-padding-x / $base-rem-size;
+$kbd-padding-y: $kbd-padding-y / $base-rem-size;