Fix frontned issues (#565)

This PR takes care of all the styling issues happening due to the bad configuration of postcss.

.gitignore

@@ -5,3 +5,7 @@ public/static/*.map
 public/static/emojis.json
 webpack-stats/*.json
 .env.production
+public/static/*.css
+public/static/*.html
+public/static/*.js
+public/static/*.LICENSE.txt

package.json

@@ -145,7 +145,7 @@
     "postcss-custom-media": "8.0.0",
     "postcss-custom-properties": "12.1.7",
     "postcss-import": "14.1.0",
-    "postcss-loader": "7.0.0",
+    "postcss-loader": "7.0.1",
     "postcss-pxtorem": "6.0.0",
     "postcss-reporter": "7.0.5",
     "postcss-url": "10.1.3",

src/styles/jso.js

@@ -1,5 +1,5 @@
 // JavaScript Style Objects (jso)
-import { after, css, media } from './jss'
+import { css, media, after } from './jss'
 
 // TODO: Note web vs native properties
 // TODO: Should web only props live in cso?
@@ -305,9 +305,6 @@ export const monoRegular = {
   fontStyle: 'normal',
   fontWeight: 400,
 }
-export const italic = {
-  fontStyle: 'italic',
-}
 
 // TODO: Turn into base level text components (web)
 export const sansRegularCSS = css(sansRegular)
@@ -413,7 +410,6 @@ export const hitarea = {
   content: '""',
   backgroundColor: 'rgba(0, 0, 0, 0)',
 }
-export const pointerEvents = { pointerEvents: 'all' }
 
 // usually apply to :after of a container element
 export const clearFix = css(
@@ -435,9 +431,3 @@ export const resetInput = css(
     outline: 'none',
   },
 )
-
-export const buttonHighlightStyle = {}
-export const alignLeft = {}
-export const alignCenter = {}
-export const transitionHeight = {}
-

webpack.prod.config.js

@@ -97,8 +97,8 @@ module.exports = env => ({
           loader: 'postcss-loader',
           options: {
             postcssOptions:{
-              plugins: loader => [
-                postcssImport({ result: { messages: { dependency: loader } } }),
+              plugins: [
+                postcssImport(),
                 postcssUrl(),
                 postcssCustomProperties(),
                 postcssApply(),
@@ -110,7 +110,8 @@ module.exports = env => ({
                 postcssReporter(),
               ]
             }
-          }}]
+          }
+        }]
       },
       {
         test: /\.html$/,

yarn.lock

@@ -6952,10 +6952,10 @@ [email protected]:
     read-cache "^1.0.0"
     resolve "^1.1.7"
 
-[email protected].0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-7.0.0.tgz#367d10eb1c5f1d93700e6b399683a6dc7c3af396"
-  integrity sha512-IDyttebFzTSY6DI24KuHUcBjbAev1i+RyICoPEWcAstZsj03r533uMXtDn506l6/wlsRYiS5XBdx7TpccCsyUg==
+[email protected].1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-7.0.1.tgz#4c883cc0a1b2bfe2074377b7a74c1cd805684395"
+  integrity sha512-VRviFEyYlLjctSM93gAZtcJJ/iSkPZ79zWbN/1fSH+NisBByEiVLqpdVDrPLVSi8DX0oJo12kL/GppTBdKVXiQ==
   dependencies:
     cosmiconfig "^7.0.0"
     klona "^2.0.5"