CSS lint (#332)

package.json

@@ -10,7 +10,7 @@
     "test-size": "bundlewatch --config bundlewatch.config.json",
     "lint": "yarn run lint-css --formatter github && yarn run lint-js",
     "lint-js": "eslint --max-warnings 0 --config ./.eslintrc.json \"src/**/*.ts*\"",
-    "lint-css": "stylelint --max-warnings 0 --fix \"src/**/*.css\"",
+    "lint-css": "stylelint --max-warnings 0 \"src/**/*.css\"",
     "css": "tcm --pattern 'src/**/*.module.css' && eslint --fix --config ./.eslintrc.json \"src/**/*.css.d.ts\"",
     "prettify": "prettier --write \"src/**/*.ts*\" \"src/**/*.css*\""
   },

src/Components/ClaimW3Name/ClaimW3Name.module.css

@@ -127,7 +127,7 @@
   cursor: not-allowed;
 }
 
-@media (max-width: 420px) {
+@media (width <= 420px) {
   .btn {
     font-size: 12px;
   }

src/Components/ClaimingGuide/ClaimingGuide.module.css

@@ -92,7 +92,7 @@
   font-size: 16px;
 }
 
-@media (max-width: 580px) {
+@media (width <= 580px) {
   .linkTextSmall {
     margin-left: 40px;
   }

src/Components/Footer/Footer.module.css

@@ -17,7 +17,7 @@
   font-size: 14px;
 }
 
-@media (max-width: 700px) {
+@media (width <= 700px) {
   .content {
     flex-direction: column;
     width: 100%;
@@ -30,7 +30,7 @@
   gap: 10px;
 }
 
-@media (max-width: 700px) {
+@media (width <= 700px) {
   .navMenu {
     width: 100%;
     display: flex;
@@ -66,7 +66,7 @@
     right/25%;
 }
 
-@media (max-width: 700px) {
+@media (width <= 700px) {
   .copyright {
     margin: 0 0 7px;
   }

src/Components/InfoIcon/InfoIcon.module.css

@@ -22,7 +22,7 @@
   top: 20px;
 }
 
-@media (max-width: 480px) {
+@media (width <= 480px) {
   .wrapper {
     width: 200px;
   }

src/Components/ServiceEndpoint/ServiceEndpoint.module.css

@@ -20,7 +20,7 @@
   padding: 13px 18px;
 }
 
-@media (max-width: 700px) {
+@media (width <= 700px) {
   .endpoint {
     flex-direction: column;
     gap: 10px;