feat(css-modules): initial version of css modules (#2676)

Author: ovflowd

.stylelintrc.json

@@ -1,14 +1,14 @@
 {
-  "extends": [
-    "stylelint-config-recommended-scss"
-  ],
-  "plugins": [
-    "stylelint-order",
-    "stylelint-selector-bem-pattern"
-  ],
+  "extends": ["stylelint-config-recommended-scss"],
+  "plugins": ["stylelint-order", "stylelint-selector-bem-pattern"],
   "rules": {
     "order/properties-alphabetical-order": true,
     "no-descending-specificity": null,
-    "scss/at-import-partial-extension": "always"
+    "scss/at-extend-no-missing-placeholder": null,
+    "scss/at-import-partial-extension": "always",
+    "selector-pseudo-class-no-unknown": [
+      true,
+      { "ignorePseudoClasses": ["global"] }
+    ]
   }
 }

firebase.json

@@ -45,11 +45,6 @@
       "destination": "/about/releases/",
       "type": "301"
     },
-    {
-      "source": "/trademark/",
-      "destination": "/about/trademark/",
-      "type": "301"
-    },
     {
       "source": "/privacy/",
       "destination": "/about/privacy/",
@@ -59,6 +54,16 @@
       "source": "/security/",
       "destination": "/about/security/",
       "type": "301"
+    },
+    {
+      "source": "/trademark/",
+      "destination": "https://trademark-policy.openjsf.org/",
+      "type": "301"
+    },
+    {
+      "source": "/about/trademark/",
+      "destination": "https://trademark-policy.openjsf.org/",
+      "type": "301"
     }
   ]
 }

gatsby-config.js

@@ -21,15 +21,25 @@ const gatsbyConfig = {
     'gatsby-plugin-catch-links',
     '@skagami/gatsby-plugin-dark-mode',
     'gatsby-transformer-yaml',
-    `gatsby-remark-images`,
+    'gatsby-remark-images',
+    'gatsby-plugin-sharp',
     {
       resolve: 'gatsby-plugin-canonical-urls',
       options: {
         siteUrl: config.siteUrl,
       },
     },
-    'gatsby-plugin-sharp',
-    'gatsby-plugin-sass',
+    {
+      resolve: 'gatsby-plugin-sass',
+      options: {
+        cssLoaderOptions: {
+          modules: {
+            namedExport: false,
+            exportLocalsConvention: 'camelCaseOnly',
+          },
+        },
+      },
+    },
     {
       resolve: 'gatsby-source-filesystem',
       options: {
@@ -92,7 +102,6 @@ const gatsbyConfig = {
       options: {
         extensions: ['.mdx', '.md'],
         defaultLayouts: {
-          sites: require.resolve(`./src/components/Layout/centered.tsx`),
           default: require.resolve(`./src/components/Layout/index.tsx`),
         },
         gatsbyRemarkPlugins: [

gatsby-node.js

@@ -72,7 +72,9 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
 
   const docTemplate = path.resolve('./src/templates/learn.tsx');
   const blogTemplate = path.resolve('./src/templates/blog.tsx');
-  const blogCategoryTemplate = path.resolve('./src/templates/blogCategory.tsx');
+  const blogCategoryTemplate = path.resolve(
+    './src/templates/blog-category.tsx'
+  );
 
   const [learnResult, pagesResult] = await Promise.all([
     graphql(createLearnQuery),