From 86a16d5899f01a06ed3897840a466c28ab0510fd Mon Sep 17 00:00:00 2001
From: z3rOR0ne <z3rOR0ne@protonmail.com>
Date: Sat, 11 Nov 2023 20:28:57 -0800
Subject: [PATCH] :wrench: Added kevin powell's css as emmet like shortcut

---
 .config/espanso/match/base.yml |  9 +++++++++
 scripts/kcss                   | 31 +++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100755 scripts/kcss

diff --git a/.config/espanso/match/base.yml b/.config/espanso/match/base.yml
index f2502886..1cd55272 100644
--- a/.config/espanso/match/base.yml
+++ b/.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"
diff --git a/scripts/kcss b/scripts/kcss
new file mode 100755
index 00000000..1699ccbd
--- /dev/null
+++ b/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
\ No newline at end of file