Add linting for CSS class names (kriasoft#1026)

arnigudj · Dec 19, 2016 · b8db8e1 · b8db8e1
1 parent 2a293f5
commit b8db8e1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 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}>