Fix PurgeCSS

.gitlab-ci.yml

@@ -14,7 +14,7 @@ before_script:
   - bundle install
   - ./scripts/ci_fix_baseurl.sh
   - jekyll build -d public
-  - ./node_modules/.bin/purgecss --css 'public/assets/css/*.css' --content 'public/**/*.html' --out 'public/assets/css/'
+  - ./scripts/purgecss.sh
 
 deploy-prod:
   stage: deploy

Gemfile.lock

@@ -28,6 +28,7 @@ GEM
       rouge (>= 1.7, < 4)
       safe_yaml (~> 1.0)
     jekyll-paginate (1.1.0)
+    jekyll-purgecss (0.2.0)
     jekyll-sass-converter (1.5.2)
       sass (~> 3.4)
     jekyll-sitemap (1.3.1)
@@ -64,6 +65,7 @@ PLATFORMS
 DEPENDENCIES
   jekyll
   jekyll-paginate
+  jekyll-purgecss
   jekyll-sitemap
   support-for
 

assets/css/style.css

@@ -12773,6 +12773,7 @@ CONTACT PAGE STYLING
     width: 48%;
     float: right;
     margin-right: 0; }
+  /* purgecss start ignore */
   #home-hq-map {
     -webkit-clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%);
     clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%); }
@@ -12780,6 +12781,7 @@ CONTACT PAGE STYLING
       transform: translateY(calc(calc(100vw * -0.052335956242943835) - 38px)) rotate(-3deg); }
     #home-hq-map .leaflet-top.leaflet-left {
       transform: translateY(calc(calc(100vw * 0.052335956242943835))); }
+  /* purgecss end ignore */
   .before-map {
     padding-bottom: 35px; }
     .before-map p:last-of-type {

assets/scss/breakpoints/_800up.scss

@@ -313,10 +313,12 @@ CONTACT PAGE STYLING
 	}
 }
 
+/* purgecss start ignore */
 #home-hq-map {
   -webkit-clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%);
   clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%);
 
+
   // -0.052335956242943835 == sin(-3deg)
   // Contributors badge
   .leaflet-bottom.leaflet-right {
@@ -328,6 +330,7 @@ CONTACT PAGE STYLING
     transform: translateY(calc(calc(100vw * 0.052335956242943835)));
   }
 }
+/* purgecss end ignore */
 
 .before-map {
   padding-bottom: 35px;

scripts/purgecss.sh

+#!/bin/bash
+
+sitedir="$1"
+
+echo "Purging unused CSS..."
+./node_modules/.bin/purgecss \
+  --css     "$sitedir"/assets/css/'*'.css \
+  --content "$sitedir"/index.html "$sitedir"/'**/*.html' "$sitedir"/assets/js/'*.js' \
+  --out     "$sitedir"/assets/css/