From b3ce236547c85bbd394b09963e0ef9b6ae7a0aeb Mon Sep 17 00:00:00 2001
From: Morgan <mbrooks214@gmail.com>
Date: Tue, 6 Oct 2015 20:50:12 -0400
Subject: [PATCH 1/2] Added CSS classes to allow styling

---
 .eslintrc               | 227 ++++------------------------------------
 src/components/Modal.js |   7 +-
 2 files changed, 26 insertions(+), 208 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 3ab2380b6..59a35e125 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,208 +1,25 @@
 {
-  "parser": "babel-eslint",
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "plugins": [
-    "react"
-  ],
-  "ecmaFeatures": {
-    "arrowFunctions": true,
-    "blockBindings": true,
-    "defaultParams": true,
-    "destructuring": true,
-    "objectLiteralShorthandMethods": true,
-    "objectLiteralShorthandProperties": true,
-    "spread": true,
-    "jsx": true
-  },
-  "rules": {
-    "comma-dangle": 2,
-    "no-console": 1,
-    "no-constant-condition": 2,
-    "no-debugger": 2,
-    "no-dupe-args": 2,
-    "no-dupe-keys": 2,
-    "no-duplicate-case": 2,
-    "no-empty-character-class": 2,
-    "no-empty": 2,
-    "no-ex-assign": 2,
-    "no-extra-boolean-cast": 2,
-    "no-extra-parens": 0,
-    "no-extra-semi": 2,
-    "no-inner-declarations": 0,
-    "no-invalid-regexp": 2,
-    "no-irregular-whitespace": 2,
-    "no-negated-in-lhs": 0,
-    "no-obj-calls": 0,
-    "no-regex-spaces": 2,
-    "no-reserved-keys": 0,
-    "no-sparse-arrays": 2,
-    "no-unexpected-multiline": 2,
-    "no-unreachable": 2,
-    "use-isnan": 2,
-    "valid-jsdoc": 0,
-    "valid-typeof": 0,
-
-    "accessor-pairs": 0,
-    "block-scoped-var": 0,
-    "consistent-return": 2,
-    "curly": 0,
-    "default-case": 2,
-    "dot-notation": 0,
-    "dot-location": [2, "property"],
-    "eqeqeq": [2, "smart"],
-    "guard-for-in": 2,
-    "no-alert": 2,
-    "no-caller": 2,
-    "no-div-regex": 2,
-    "no-else-return": 0,
-    "no-empty-label": 0,
-    "no-eq-null": 2,
-    "no-eval": 2,
-    "no-extend-native": 2,
-    "no-extra-bind": 0,
-    "no-fallthrough": 2,
-    "no-floating-decimal": 2,
-    "no-implied-eval": 2,
-    "no-iterator": 2,
-    "no-labels": 2,
-    "no-lone-blocks": 2,
-    "no-loop-func": 2,
-    "no-multi-spaces": 2,
-    "no-multi-str": 2,
-    "no-native-reassign": 2,
-    "no-new-func": 2,
-    "no-new-wrappers": 2,
-    "no-new": 2,
-    "no-octal-escape": 2,
-    "no-octal": 2,
-    "no-param-reassign": 2,
-    "no-process-env": 2,
-    "no-proto": 2,
-    "no-redeclare": 2,
-    "no-return-assign": 2,
-    "no-script-url": 2,
-    "no-self-compare": 2,
-    "no-sequences": 2,
-    "no-throw-literal": 2,
-    "no-unused-expressions": 2,
-    "no-void": 2,
-    "no-warning-comments": 0,
-    "no-with": 2,
-    "radix": 2,
-    "vars-on-top": 2,
-    "wrap-iife": 2,
-    "yoda": 2,
-    "no-catch-shadow": 0,
-    "no-delete-var": 2,
-    "no-label-var": 2,
-    "no-shadow-restricted-names": 2,
-    "no-shadow": 0,
-    "no-undef-init": 2,
-    "no-undef": 0,
-    "no-undefined": 2,
-    "no-unused-vars": 2,
-    "no-use-before-define": 0,
-
-    "handle-callback-err": 0,
-    "no-mixed-requires": 2,
-    "no-new-require": 2,
-    "no-path-concat": 0,
-    "no-process-exit": 0,
-    "no-restricted-modules": 0,
-    "no-sync": 0,
-
-    "array-bracket-spacing": [2, "never"],
-    "brace-style": 2,
-    "camelcase": 0,
-    "comma-spacing": 2,
-    "comma-style": 2,
-    "computed-property-spacing": 2,
-    "consistent-this": 0,
-    "eol-last": 0,
-    "func-names": 0,
-    "func-style": 0,
-    "indent": [2, 2, {"SwitchCase": 1}],
-    "key-spacing": [2, {"beforeColon": false, "afterColon": true}],
-    "lines-around-comment": [2, {"beforeBlockComment": true, "beforeLineComment": false}],
-    "linebreak-style": 2,
-    "max-nested-callbacks": [2, 3],
-    "new-cap": 0,
-    "new-parens": 2,
-    "newline-after-var": [2, "always"],
-    "no-array-constructor": 2,
-    "no-continue": 2,
-    "no-inline-comments": 0,
-    "no-lonely-if": 2,
-    "no-mixed-spaces-and-tabs": 2,
-    "no-multiple-empty-lines": 2,
-    "no-nested-ternary": 2,
-    "no-new-object": 2,
-    "no-spaced-func": 2,
-    "no-ternary": 0,
-    "no-trailing-spaces": 2,
-    "no-underscore-dangle": 0,
-    "no-unneeded-ternary": 2,
-    "object-curly-spacing": [2, "always"],
-    "one-var": [2, "never"],
-    "operator-assignment": [2, "always"],
-    "operator-linebreak": [2, "after"],
-    "padded-blocks": [2, "never"],
-    "quote-props": 0,
-    "quotes": [2, "single", "avoid-escape"],
-    "semi-spacing": [2, {"before": false, "after": true}],
-    "semi": [2, "always"],
-    "sort-vars": 2,
-    "space-after-keywords": 2,
-    "space-before-blocks": 2,
-    "space-before-function-paren": 2,
-    "space-in-parens": [2, "never"],
-    "space-infix-ops": 2,
-    "space-return-throw-case": 2,
-    "space-unary-ops": 2,
-    "spaced-comment": 0,
-    "wrap-regex": 2,
-
-    "constructor-super": 2,
-    "generator-star-spacing": [2, {"before": false, "after": true}],
-    "no-this-before-super": 2,
-    "no-var": 2,
-    "object-shorthand": [2, "always"],
-    "prefer-const": 2,
-
-    "jsx-quotes": [2, "prefer-single"],
-
-    "strict": [2, "never"],
-    "react/display-name": [2, {"acceptTranspilerName": true}],
-    "react/jsx-boolean-value": [2, "always-multiline"],
-    "react/jsx-no-undef": 2,
-    "react/jsx-sort-prop-types": [2, {"ignoreCase": true}],
-    "react/jsx-sort-props": 2,
-    "react/jsx-uses-react": [2, {"pragma": true}],
-    "react/jsx-uses-vars": 2,
-    "react/no-did-mount-set-state": 0,
-    "react/no-did-update-set-state": 2,
-    "react/no-multi-comp": 2,
-    "react/no-unknown-property": 2,
-    "react/prop-types": [2, { "ignore": ["style", "children"] }],
-    "react/react-in-jsx-scope": 2,
-    "react/require-extension": [2, { "extensions": [".js", ".jsx"] }],
-    "react/self-closing-comp": 2,
-    "react/sort-comp": [2, {
-      order: [
-        'lifecycle',
-        'everything-else',
-        'rendering',
-      ],
-      groups: {
-        rendering: [
-          '/^render.+$/',
-          'render'
+    "rules": {
+        "indent": [
+            2,
+            "tab"
+        ],
+        "quotes": [
+            2,
+            "single"
+        ],
+        "linebreak-style": [
+            2,
+            "windows"
+        ],
+        "semi": [
+            2,
+            "always"
         ]
-      }
-    }],
-    "react/wrap-multilines": 2
-  }
+    },
+    "env": {
+        "es6": true,
+        "browser": true
+    },
+    "extends": "eslint:recommended"
 }
\ No newline at end of file
diff --git a/src/components/Modal.js b/src/components/Modal.js
index 6d5ca1588..1109465bc 100644
--- a/src/components/Modal.js
+++ b/src/components/Modal.js
@@ -20,10 +20,11 @@ const Modal = React.createClass({
   render () {
     if (this.props.isOpen)
       return (
-        <div style={styles.scrim}>
-          <div onClick={this.props.onRequestClose} style={[styles.scrim, styles.overlay]}></div>
-          <div style={[styles.container, this.props.isSmall && styles.small, this.props.style]}>
+        <div className='mx-modal' style={styles.scrim}>
+          <div className='mx-modal-scrim' onClick={this.props.onRequestClose} style={[styles.scrim, styles.overlay]}></div>
+          <div className='mx-modal-content' style={[styles.container, this.props.isSmall && styles.small, this.props.style]}>
             <Icon
+              className='mx-modal-close'
               onClick={this.props.onRequestClose}
               size='32'
               style={styles.close}

From a53eff0346242caf959ad33b0296f2c68a062cd3 Mon Sep 17 00:00:00 2001
From: Morgan <mbrooks214@gmail.com>
Date: Fri, 9 Oct 2015 09:00:58 -0400
Subject: [PATCH 2/2] reverting .eslintrc

---
 .eslintrc | 227 ++++++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 205 insertions(+), 22 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 59a35e125..3ab2380b6 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,25 +1,208 @@
 {
-    "rules": {
-        "indent": [
-            2,
-            "tab"
-        ],
-        "quotes": [
-            2,
-            "single"
-        ],
-        "linebreak-style": [
-            2,
-            "windows"
-        ],
-        "semi": [
-            2,
-            "always"
+  "parser": "babel-eslint",
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "plugins": [
+    "react"
+  ],
+  "ecmaFeatures": {
+    "arrowFunctions": true,
+    "blockBindings": true,
+    "defaultParams": true,
+    "destructuring": true,
+    "objectLiteralShorthandMethods": true,
+    "objectLiteralShorthandProperties": true,
+    "spread": true,
+    "jsx": true
+  },
+  "rules": {
+    "comma-dangle": 2,
+    "no-console": 1,
+    "no-constant-condition": 2,
+    "no-debugger": 2,
+    "no-dupe-args": 2,
+    "no-dupe-keys": 2,
+    "no-duplicate-case": 2,
+    "no-empty-character-class": 2,
+    "no-empty": 2,
+    "no-ex-assign": 2,
+    "no-extra-boolean-cast": 2,
+    "no-extra-parens": 0,
+    "no-extra-semi": 2,
+    "no-inner-declarations": 0,
+    "no-invalid-regexp": 2,
+    "no-irregular-whitespace": 2,
+    "no-negated-in-lhs": 0,
+    "no-obj-calls": 0,
+    "no-regex-spaces": 2,
+    "no-reserved-keys": 0,
+    "no-sparse-arrays": 2,
+    "no-unexpected-multiline": 2,
+    "no-unreachable": 2,
+    "use-isnan": 2,
+    "valid-jsdoc": 0,
+    "valid-typeof": 0,
+
+    "accessor-pairs": 0,
+    "block-scoped-var": 0,
+    "consistent-return": 2,
+    "curly": 0,
+    "default-case": 2,
+    "dot-notation": 0,
+    "dot-location": [2, "property"],
+    "eqeqeq": [2, "smart"],
+    "guard-for-in": 2,
+    "no-alert": 2,
+    "no-caller": 2,
+    "no-div-regex": 2,
+    "no-else-return": 0,
+    "no-empty-label": 0,
+    "no-eq-null": 2,
+    "no-eval": 2,
+    "no-extend-native": 2,
+    "no-extra-bind": 0,
+    "no-fallthrough": 2,
+    "no-floating-decimal": 2,
+    "no-implied-eval": 2,
+    "no-iterator": 2,
+    "no-labels": 2,
+    "no-lone-blocks": 2,
+    "no-loop-func": 2,
+    "no-multi-spaces": 2,
+    "no-multi-str": 2,
+    "no-native-reassign": 2,
+    "no-new-func": 2,
+    "no-new-wrappers": 2,
+    "no-new": 2,
+    "no-octal-escape": 2,
+    "no-octal": 2,
+    "no-param-reassign": 2,
+    "no-process-env": 2,
+    "no-proto": 2,
+    "no-redeclare": 2,
+    "no-return-assign": 2,
+    "no-script-url": 2,
+    "no-self-compare": 2,
+    "no-sequences": 2,
+    "no-throw-literal": 2,
+    "no-unused-expressions": 2,
+    "no-void": 2,
+    "no-warning-comments": 0,
+    "no-with": 2,
+    "radix": 2,
+    "vars-on-top": 2,
+    "wrap-iife": 2,
+    "yoda": 2,
+    "no-catch-shadow": 0,
+    "no-delete-var": 2,
+    "no-label-var": 2,
+    "no-shadow-restricted-names": 2,
+    "no-shadow": 0,
+    "no-undef-init": 2,
+    "no-undef": 0,
+    "no-undefined": 2,
+    "no-unused-vars": 2,
+    "no-use-before-define": 0,
+
+    "handle-callback-err": 0,
+    "no-mixed-requires": 2,
+    "no-new-require": 2,
+    "no-path-concat": 0,
+    "no-process-exit": 0,
+    "no-restricted-modules": 0,
+    "no-sync": 0,
+
+    "array-bracket-spacing": [2, "never"],
+    "brace-style": 2,
+    "camelcase": 0,
+    "comma-spacing": 2,
+    "comma-style": 2,
+    "computed-property-spacing": 2,
+    "consistent-this": 0,
+    "eol-last": 0,
+    "func-names": 0,
+    "func-style": 0,
+    "indent": [2, 2, {"SwitchCase": 1}],
+    "key-spacing": [2, {"beforeColon": false, "afterColon": true}],
+    "lines-around-comment": [2, {"beforeBlockComment": true, "beforeLineComment": false}],
+    "linebreak-style": 2,
+    "max-nested-callbacks": [2, 3],
+    "new-cap": 0,
+    "new-parens": 2,
+    "newline-after-var": [2, "always"],
+    "no-array-constructor": 2,
+    "no-continue": 2,
+    "no-inline-comments": 0,
+    "no-lonely-if": 2,
+    "no-mixed-spaces-and-tabs": 2,
+    "no-multiple-empty-lines": 2,
+    "no-nested-ternary": 2,
+    "no-new-object": 2,
+    "no-spaced-func": 2,
+    "no-ternary": 0,
+    "no-trailing-spaces": 2,
+    "no-underscore-dangle": 0,
+    "no-unneeded-ternary": 2,
+    "object-curly-spacing": [2, "always"],
+    "one-var": [2, "never"],
+    "operator-assignment": [2, "always"],
+    "operator-linebreak": [2, "after"],
+    "padded-blocks": [2, "never"],
+    "quote-props": 0,
+    "quotes": [2, "single", "avoid-escape"],
+    "semi-spacing": [2, {"before": false, "after": true}],
+    "semi": [2, "always"],
+    "sort-vars": 2,
+    "space-after-keywords": 2,
+    "space-before-blocks": 2,
+    "space-before-function-paren": 2,
+    "space-in-parens": [2, "never"],
+    "space-infix-ops": 2,
+    "space-return-throw-case": 2,
+    "space-unary-ops": 2,
+    "spaced-comment": 0,
+    "wrap-regex": 2,
+
+    "constructor-super": 2,
+    "generator-star-spacing": [2, {"before": false, "after": true}],
+    "no-this-before-super": 2,
+    "no-var": 2,
+    "object-shorthand": [2, "always"],
+    "prefer-const": 2,
+
+    "jsx-quotes": [2, "prefer-single"],
+
+    "strict": [2, "never"],
+    "react/display-name": [2, {"acceptTranspilerName": true}],
+    "react/jsx-boolean-value": [2, "always-multiline"],
+    "react/jsx-no-undef": 2,
+    "react/jsx-sort-prop-types": [2, {"ignoreCase": true}],
+    "react/jsx-sort-props": 2,
+    "react/jsx-uses-react": [2, {"pragma": true}],
+    "react/jsx-uses-vars": 2,
+    "react/no-did-mount-set-state": 0,
+    "react/no-did-update-set-state": 2,
+    "react/no-multi-comp": 2,
+    "react/no-unknown-property": 2,
+    "react/prop-types": [2, { "ignore": ["style", "children"] }],
+    "react/react-in-jsx-scope": 2,
+    "react/require-extension": [2, { "extensions": [".js", ".jsx"] }],
+    "react/self-closing-comp": 2,
+    "react/sort-comp": [2, {
+      order: [
+        'lifecycle',
+        'everything-else',
+        'rendering',
+      ],
+      groups: {
+        rendering: [
+          '/^render.+$/',
+          'render'
         ]
-    },
-    "env": {
-        "es6": true,
-        "browser": true
-    },
-    "extends": "eslint:recommended"
+      }
+    }],
+    "react/wrap-multilines": 2
+  }
 }
\ No newline at end of file