[qa] Add css linting #85

Closes #85

.github/workflows/ci.yml

@@ -45,7 +45,7 @@ jobs:
         run: pip install -e .
 
       - name: Install jslint
-        run: sudo npm install -g jslint
+        run: sudo npm install -g jslint stylelint
 
       - name: QA checks
         run: ./run-qa-checks

.stylelintrc.json

@@ -0,0 +1,19 @@
+{
+    "rules": {
+      "block-no-empty": null,
+      "color-no-invalid-hex": true,
+      "comment-empty-line-before": ["always", {
+        "ignore": ["stylelint-commands", "after-comment"]
+      }],
+      "declaration-colon-space-after": "always",
+      "indentation": [2, {
+        "except": ["value"]
+      }],
+      "max-empty-lines": 4,
+      "rule-empty-line-before": ["never-multi-line", {
+        "except": ["first-nested"],
+        "ignore": ["after-comment", "inside-block"]
+      }],
+      "unit-allowed-list": ["em", "rem", "%", "s", "px", "vh", "deg"]
+    }
+  }

openwisp_ipam/static/openwisp-ipam/css/admin.css

@@ -1,18 +1,15 @@
 .list-ip{
   padding: 10px;
 }
-
 .subnet-visual{
   margin: 10px 20px 0;
   padding: 0;
 }
-
 section.subnet-visual{
   overflow-anchor: none;
   overflow-y: scroll;
   height: 700px;
 }
-
 .subnet-visual a {
   display: inline-block;
   width: 120px;
@@ -26,24 +23,20 @@ section.subnet-visual{
   font-weight: normal;
   text-decoration: none !important;
 }
-
 .subnet-visual.ipv6 a {
-    font-size: 12px;
-    letter-spacing: -0.2px;
-    width: 240px;
-    padding: 8px 5px;
+  font-size: 12px;
+  letter-spacing: -0.2px;
+  width: 240px;
+  padding: 8px 5px;
 }
-
 .subnet-visual a:hover{
   background: rgba(20, 102, 26, 1);
   border: 1px solid rgba(0, 0, 0, 0.4);
 }
-
 .subnet-visual a.used{
   background: rgba(149, 10, 10, 0.9);
   border: 1px solid rgba(0, 0, 0, 0.2);
 }
-
 .subnet-visual a.used:hover{
   background: rgba(149, 10, 10, 1);
   border: 1px solid rgba(0, 0, 0, 0.4);

run-qa-checks

@@ -6,6 +6,10 @@ echo ''
 echo 'Check JavaScript Linting'
 jslint ./openwisp_ipam/static/openwisp-ipam/js/*.js
 
+echo ''
+echo 'Check CSS Linting'
+stylelint ./openwisp_ipam/static/openwisp-ipam/css/*.css
+
 echo ''
 echo 'Running checks for openwisp_ipam'