pluginkollektiv · stklcode · Apr 21, 2021 · Apr 20, 2021 · Apr 20, 2021 · Apr 24, 2021
diff --git a/.distignore b/.distignore
@@ -0,0 +1,13 @@
+/.git
+/.github
+/node_modules
+/vendor
+/.distignore
+/.editorconfig
+/.gitignore
+/.stylelintrc.json
+/composer.json
+/composer.lock
+/package.json
+/package-lock.json
+/phpcs.xml
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,24 @@
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+
+# WordPress Coding Standards
+# https://make.wordpress.org/core/handbook/coding-standards/
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = tab
+
+[*.yml]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+
+[{*.txt,wp-config-sample.php}]
+end_of_line = crlf
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -1,20 +1,22 @@
 name: deploy
-on: [push]
+on:
+  push:
+    branches:
+      - main
 jobs:
-  run:
-    name: deploy
+  deploy:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       # Compile CSS
       - name: Compile style CSS
-        uses: gha-utilities/sass-build@v0.2.5
+        uses: gha-utilities/sass-build@v0.6.0
         with:
           source: assets/scss/style.scss
           destination: style.css
           outputStyle: expanded
       - name: Compile style CSS compressed
-        uses: gha-utilities/sass-build@v0.2.5
+        uses: gha-utilities/sass-build@v0.6.0
         with:
           source: assets/scss/style.scss
           destination: style.min.css
@@ -26,5 +28,7 @@ jobs:
           key: ${{ secrets.SSH_PRIVATE_KEY }}
           known_hosts: ${{ secrets.KNOWN_HOSTS }}
       # Transfer file to remote server
-      - run: ssh ${{ secrets.REMOTE_USER }}@${{ secrets.REMOTE_HOST }} "mkdir -p ${{ secrets.REMOTE_PATH_BASE }}"
-      - run: rsync -ahv * ${{ secrets.REMOTE_USER }}@${{ secrets.REMOTE_HOST }}:${{ secrets.REMOTE_PATH_BASE }}
+      - name: Deploy
+        run: |
+          ssh ${{ secrets.REMOTE_USER }}@${{ secrets.REMOTE_HOST }} "mkdir -p ${{ secrets.REMOTE_PATH_BASE }}"
+          rsync -ahv --exclude-from="$GITHUB_WORKSPACE/.distignore" --delete-excluded "$GITHUB_WORKSPACE/" ${{ secrets.REMOTE_USER }}@${{ secrets.REMOTE_HOST }}:${{ secrets.REMOTE_PATH_BASE }}
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -0,0 +1,24 @@
+name: Tests
+on: [push, pull_request]
+jobs:
+  quality:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '8.2'
+          tools: composer
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - name: Code style checks for PHP
+        run: |
+          composer install
+          composer lint-php
+      - name: Code style checks for SCSS
+        run: |
+          npm ci
+          npm run lint-scss
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+/.idea
+/*.css
+/node_modules
+/vendor
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -0,0 +1,7 @@
+{
+  "extends": "@wordpress/stylelint-config/scss",
+  "rules": {
+    "no-descending-specificity": null,
+    "value-keyword-case": null
+  }
+}
diff --git a/assets/scss/elements/_buttons.scss b/assets/scss/elements/_buttons.scss
@@ -7,7 +7,7 @@ input[type="submit"],
 #page #infinite-handle button {
 	background-color: $color__link;
 	font-family: $font__family-body;
-	
+
 	&:active,
 	&:focus,
 	&:hover {

diff --git a/assets/scss/elements/_elements.scss b/assets/scss/elements/_elements.scss
@@ -1 +1 @@
-@import 'buttons';
+@import "buttons";
diff --git a/assets/scss/layout/_blocks.scss b/assets/scss/layout/_blocks.scss
@@ -1,14 +1,15 @@
 .wp-block-columns {
 	flex-wrap: wrap;
-	
+
 	@media (min-width: 500px) {
 		flex-wrap: nowrap;
 	}
-	
+
 	&.has-4-columns {
+
 		> .wp-block-column {
 			flex-basis: 50%;
-			
+
 			@media (min-width: 500px) {
 				flex: 0 0 25%;
 			}
@@ -21,19 +22,20 @@
 }
 
 .real-people {
+
 	&.real-people { // needs to override common.css from Atomic Blocks
 		display: flex;
 	}
-	
+
 	.wp-block-column {
 		width: auto;
 	}
-	
+
 	.wp-block-image {
 		margin: 0 auto;
 		padding: 5px;
 	}
-	
+
 	img {
 		border-radius: 50%;
 		display: block;
@@ -42,7 +44,7 @@
 		margin: 0 auto;
 		width: 90px;
 	}
-	
+
 	+ h1,
 	+ h2,
 	+ h3,

diff --git a/assets/scss/layout/_blog.scss b/assets/scss/layout/_blog.scss
@@ -1,7 +1,7 @@
 .entry-content .meta-list a {
 	box-shadow: inset 0 -1px 0 $color__link;
 	color: $color__link;
-	
+
 	&:hover {
 		box-shadow: inset 0 -2px 0 $color__link;
 	}

diff --git a/assets/scss/layout/_font-face.scss b/assets/scss/layout/_font-face.scss
@@ -2,7 +2,9 @@
 	font-family: "Fira Sans";
 	font-style: normal;
 	font-weight: 400;
-	src: local('Fira Sans Regular'), local('FiraSans-Regular'),
-	url('assets/fonts/fira-sans-v8-latin-regular.woff2') format('woff2'),
-	url('assets/fonts/fira-sans-v8-latin-regular.woff') format('woff');
-}
+	src:
+		local("Fira Sans Regular"),
+		local("FiraSans-Regular"),
+		url(assets/fonts/fira-sans-v8-latin-regular.woff2) format("woff2"),
+		url(assets/fonts/fira-sans-v8-latin-regular.woff) format("woff");
+}
diff --git a/assets/scss/layout/_footer.scss b/assets/scss/layout/_footer.scss
@@ -1,47 +1,50 @@
+@use "sass:color";
+
 .site-footer {
-	background-color: darken($color__header-background, 5);
+	background-color: color.adjust($color__header-background, $lightness: -5%);
 	color: $color__header-link;
 	padding-bottom: 40px;
-	
+
 	a,
 	.widget-title {
 		color: $color__header-link;
 	}
-	
+
 	a:hover {
 		color: $color__header-link-active;
 	}
-	
+
 	input[type="text"] {
-		background-color: darken($color__header-background, 10);
-		border-color: darken($color__header-background, 15);
-		
+		background-color: color.adjust($color__header-background, $lightness: -10%);
+		border-color: color.adjust($color__header-background, $lightness: -15%);
+
 		&:active,
 		&:focus,
 		&:hover {
-			border-color: darken($color__header-background, 25);
-			box-shadow: inset 0 0 4px darken($color__header-background, 15);
+			border-color: color.adjust($color__header-background, $lightness: -25%);
+			box-shadow: inset 0 0 4px color.adjust($color__header-background, $lightness: -15%);
 			color: $color__header-link;
 		}
 	}
-	
+
 	.searchform .searchsubmit {
 		color: $color__header-link;
-		
+
 		&:active,
 		&:focus,
 		&:hover {
-			background-color: darken($color__header-background, 15) !important;
+			background-color: color.adjust($color__header-background, $lightness: -15%) !important;
 			box-shadow: none;
 		}
 	}
 }
 
 .footer-widgets {
+
 	.footer-column {
 		padding-top: 40px;
 	}
-	
+
 	+ .footer-bottom {
 		border-top: 0;
 		padding-top: 0;

diff --git a/assets/scss/layout/_global.scss b/assets/scss/layout/_global.scss
@@ -45,15 +45,16 @@ p,
 }
 
 .entry-content {
+
 	ol,
 	ul {
 		margin-left: 0;
 		margin-bottom: 2.4em;
 	}
-	
+
 	p a {
 		box-shadow: inset 0 -1px 0 $color__link;
-		
+
 		&:hover {
 			box-shadow: inset 0 -2px 0 $color__link;
 		}
@@ -66,10 +67,11 @@ p,
 
 // we don’t include Font Awesome
 .searchform .searchsubmit {
+
 	span {
 		display: inherit;
 	}
-	
+
 	.fa {
 		display: none;
 	}

diff --git a/assets/scss/layout/_posts.scss b/assets/scss/layout/_posts.scss
@@ -3,15 +3,17 @@
 }
 
 #page {
+
 	.alignright,
 	.alignleft {
+
 		img {
 			display: block;
 			margin-left: auto;
 			margin-right: auto;
 			max-width: 100%;
 			width: auto;
-			
+
 			@media (min-width: 601px) {
 				display: inline;
 			}

diff --git a/assets/scss/navigation/_navigation.scss b/assets/scss/navigation/_navigation.scss
@@ -1,26 +1,29 @@
+@use "sass:color";
+
 .main-navigation {
 	font-size: $size__font-copy;
-	
+
 	a {
 		color: $color__header-link;
 		font-family: $font__family-headline;
 		font-weight: 400;
-		
+
 		&:hover {
 			color: $color__header-link-active;
 		}
 	}
-	
+
 	ul li {
+
 		a {
 			line-height: $size__header;
 			margin-bottom: 0;
 		}
-		
+
 		&.mlp-language-nav-item {
 			padding: 0 5px 0 15px;
 		}
-		
+
 		&.mlp-language-current a {
 			border-bottom: 1px solid #fff;
 			line-height: 20px;
@@ -33,25 +36,26 @@ li.mlp-language-nav-item + li.mlp-language-nav-item {
 }
 
 .mobile-navigation {
-	background-color: darken($color__header-background, 10);
+	background-color: color.adjust($color__header-background, $lightness: -10%);
 }
 
 .drawer-wrap .searchform {
+
 	.search-input {
-		background-color: darken($color__header-background, 10);
+		background-color: color.adjust($color__header-background, $lightness: -10%);
 		color: $color__header-link;
-		
+
 		&:active,
 		&:focus,
 		&:hover {
-			box-shadow: inset 0 0 4px darken($color__header-background, 20);
+			box-shadow: inset 0 0 4px color.adjust($color__header-background, $lightness: -20%);
 			color: $color__header-link;
 		}
 	}
-	
+
 	.searchsubmit {
 		color: $color__header-link;
-		
+
 		&:active,
 		&:focus,
 		&:hover {

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -14,7 +14,7 @@ Use it to make something cool, have fun, and share what you've learned with othe
 */
 
 @import "layout/font-face";
-@import 'variables/variables';
-@import 'layout/layout';
-@import 'elements/elements';
-@import 'navigation/navigation';
+@import "variables/variables";
+@import "layout/layout";
+@import "elements/elements";
+@import "navigation/navigation";