Merge pull request #216 from Legolass322/issue-83

scss files are not checked by a linter

Author: yegor256

.stylelintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": [
+    "stylelint-config-standard"
+  ],
+  "rules": {
+    "at-rule-no-unknown": null,
+    "media-feature-range-notation": null
+  }
+}

Dockerfile

@@ -33,6 +33,7 @@ RUN apt-get update -y --fix-missing \
 
 WORKDIR /home
 COPY Makefile /home
+COPY .stylelintrc.json /home
 COPY Gemfile /home
 COPY judges /home/judges
 COPY sass /home/sass

Makefile

@@ -2,7 +2,7 @@
 # SPDX-License-Identifier: MIT
 
 .ONESHELL:
-.PHONY: clean all assets install rake
+.PHONY: clean all assets install rake stylelint
 .SILENT:
 .SECONDARY:
 .SHELLFLAGS := -x -e -o pipefail -c
@@ -70,7 +70,10 @@ target/fb/%.fb: tests/%.yml Makefile | target/fb
 rake: $(SAXON)
 	bundle exec rake
 
-$(CSS): sass/*.scss Makefile | target/css
+stylelint: sass/*.scss
+	stylelint sass/*.scss --fix
+
+$(CSS): sass/*.scss stylelint Makefile | target/css
 	sass --no-source-map --style=compressed --no-quiet --stop-on-error sass/main.scss "$@"
 
 $(JS): js/*.js Makefile | target/js
@@ -99,8 +102,9 @@ install: $(SAXON) | target
 		fi
 	fi
 	npm --no-color install -g eslint@9.22.0
-	npm --no-color install -g uglify-js
+	npm --no-color install -g uglify-js@3.19.3
 	npm --no-color install -g sass@1.77.2
+	npm --no-color install -g stylelint@16.15.0 stylelint-config-standard@37.0.0 stylelint-scss@6.11.1
 
 entry: target/docker-image.txt target/fb/simple.fb
 	img=$$(cat target/docker-image.txt)

sass/awards.scss

@@ -18,18 +18,18 @@ $hightlight: #f5f5f5;
     background-color: $hightlight;
   }
 
-  tr.p_ {
-      font-size: 90%;
+  tr.p-table {
+    font-size: 90%;
   }
 
   td.avatar {
-      text-align: center;
-      vertical-align: middle;
+    text-align: center;
+    vertical-align: middle;
 
-      img {
-          height: 1.5em;
-          vertical-align: middle;
-          width: 1.5em;
-      }
+    img {
+      height: 1.5em;
+      vertical-align: middle;
+      width: 1.5em;
+    }
   }
 }

sass/main.scss

@@ -44,7 +44,7 @@ header {
         font-size: 2em;
         font-weight: bolder;
         margin-left: 1em;
-        padding: .0em .2em;
+        padding: 0 .2em;
         vertical-align: middle;
     }
 }

xsl/awards.xsl

@@ -320,7 +320,7 @@
       </xsl:if>
     </tr>
     <xsl:if test="$fb/f[what='reconciliation' and who=$id]">
-      <tr class="sub tablesorter-childRow p_ p_{$name}" style="display: none;">
+      <tr class="sub tablesorter-childRow p-table p_{$name}" style="display: none;">
         <td>
           <!-- Avatar -->
           <xsl:text> </xsl:text>
@@ -367,7 +367,7 @@
     <xsl:for-each select="$facts[who_name=$name]">
       <xsl:sort select="when" data-type="text"/>
       <xsl:variable name="fact" select="."/>
-      <tr class="sub tablesorter-childRow p_ p_{$name}" style="display: none;">
+      <tr class="sub tablesorter-childRow p-table p_{$name}" style="display: none;">
         <td>
           <!-- Avatar -->
           <xsl:text> </xsl:text>