ff-stream-web

commit b8db8e1b45b35878864c8fc882296991ffd3ee2c
parent 2a293f506a1e4a8bc381b6a790a0b47b4d1bab57
Author: Atif Afzal <atif5801@gmail.com>
Date:   Mon, 19 Dec 2016 19:50:18 +0530

Add linting for CSS class names (#1026)


Diffstat:
M
package.json
 | 
9
++++++++-
M
src/components/Footer/Footer.css
 | 
5
-----
M
src/routes/home/Home.js
 | 
2
+-

3 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/package.json b/package.json
@@ -61,6 +61,7 @@
     "eslint": "^3.10.2",
     "eslint-config-airbnb": "^13.0.0",
     "eslint-loader": "^1.6.1",
+    "eslint-plugin-css-modules": "^1.0.9",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^2.2.3",
     "eslint-plugin-react": "^6.7.1",
@@ -128,7 +129,13 @@
   },
   "eslintConfig": {
     "parser": "babel-eslint",
-    "extends": "airbnb",
+    "extends": [
+      "airbnb",
+      "plugin:css-modules/recommended"
+    ],
+    "plugins": [
+      "css-modules"
+    ],
     "globals": {
       "__DEV__": true
     },
diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
@@ -25,11 +25,6 @@
   color: rgba(255, 255, 255, 0.5);
 }
 
-.textMuted {
-  composes: text;
-  color: rgba(255, 255, 255, 0.3);
-}
-
 .spacer {
   color: rgba(255, 255, 255, 0.3);
 }
diff --git a/src/routes/home/Home.js b/src/routes/home/Home.js
@@ -24,7 +24,7 @@ class Home extends React.Component {
     return (
       <div className={s.root}>
         <div className={s.container}>
-          <h1 className={s.title}>React.js News</h1>
+          <h1>React.js News</h1>
           <ul className={s.news}>
             {this.props.news.map((item, index) => (
               <li key={index} className={s.newsItem}>