🔧 Added kevin powell's css as emmet like shortcut

.config/espanso/match/base.yml

@@ -309,6 +309,15 @@ matches:
         type: shell
         params:
           cmd: "~/scripts/pug5 ; echo ''"
+  # returns default html5 layout
+  - trigger: ";kcss"
+    force_clipboard: true
+    replace: "{{output}}"
+    vars:
+      - name: output
+        type: shell
+        params:
+          cmd: "~/scripts/kcss ; echo ''"
 
   # returns default figure and img tags for pug blog
   - trigger: ";fig"

scripts/kcss

@@ -0,0 +1,31 @@
+#!/usr/bin/env bash
+# Utilize in conjunction with espanso, call ;kcss
+cat <<EOM
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+:root {
+  color-scheme: light dark;
+}
+
+body {
+  font-family: system-ui;
+  font-size: 1.125rem;
+  line-height: 1.5;
+}
+
+main {
+  width: min(70ch, 100% - 4rem);
+  margin-inline: auto;
+}
+
+img,
+svg,
+video {
+  max-width: 100%;
+  display: block;
+}
+EOM