feat: Add GitHub Actions workflow for building and committing CSS files

Author: uminocelo

.github/workflows/build-publish.yml

@@ -0,0 +1,45 @@
+name: 🚀 Build SCSS and Update dist/
+
+on:
+  push:
+    paths:
+      - 'css/scss/**'
+      - '.github/workflows/build-publish.yml'
+    branches:
+      - main
+
+jobs:
+  build:
+    name: Compile and Commit dist/
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: 🔧 Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+
+      - name: 📦 Install dependencies
+        run: npm install
+
+      - name: 🧱 Build CSS
+        run: npm run build
+
+      - name: 📂 Copy compiled CSS to dist/
+        run: |
+          mkdir -p dist
+          cp css/musgo.css dist/
+          cp css/musgo-block-grid.css dist/
+
+      - name: 📤 Commit dist files
+        run: |
+          git config --global user.name "github-actions"
+          git config --global user.email "actions@github.com"
+          git add dist
+          git commit -m "📦 Update dist folder [skip ci]" || echo "No changes to commit"
+          git push

dist/.keep

@@ -7,8 +7,8 @@
     "doc": "docs"
   },
   "scripts": {
-    "build:sass": "sass css/scss/musgo.scss css/musgo.css && sass css/scss/musgo-block-grid.scss css/musgo-block-grid.css",
-    "build:postcss": "postcss css/musgo.css -o css/musgo.css && postcss css/musgo-block-grid.css -o css/musgo-block-grid.css",
+    "build:sass": "sass css/scss/musgo.scss dist/musgo.css && sass css/scss/musgo-block-grid.scss dist/musgo-block-grid.css",
+    "build:postcss": "postcss dist/musgo.css -o dist/musgo.css && postcss dist/musgo-block-grid.css -o dist/musgo-block-grid.css",
     "build": "npm run build:sass && npm run build:postcss"
   },
   "keywords": [],