From bb221c4fcb5f847040337e6bf83088c7b35c52e1 Mon Sep 17 00:00:00 2001
From: antoKeinanen <anto.keinanen@gmail.com>
Date: Sun, 14 Apr 2024 13:35:51 +0300
Subject: [PATCH] feat(#224): style document properties

---
 src/scss/index.scss               |  1 +
 src/scss/obsidian/properties.scss | 29 +++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 src/scss/obsidian/properties.scss

diff --git a/src/scss/index.scss b/src/scss/index.scss
index 523399c..42f1706 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -32,6 +32,7 @@
 @use "obsidian/titlebar";
 @use "obsidian/tooltip";
 @use "obsidian/typography";
+@use "obsidian/properties.scss";
 
 @use "components/buttons";
 @use "components/checkbox";
diff --git a/src/scss/obsidian/properties.scss b/src/scss/obsidian/properties.scss
new file mode 100644
index 0000000..dcbbd89
--- /dev/null
+++ b/src/scss/obsidian/properties.scss
@@ -0,0 +1,29 @@
+.metadata-properties {
+  gap: 0;
+}
+
+.metadata-property {
+  padding-block: 4px;
+  border-radius: 0;
+
+  &:hover,
+  &:focus-within {
+    background-color: var(--background-modifier-hover);
+  }
+
+  .metadata-property-key .metadata-property-key-input {
+    background-color: transparent;
+  }
+
+  .metadata-property-value:hover {
+    background-color: var(--field-hover-1);
+  }
+
+  &:hover {
+    box-shadow: none;
+  }
+
+  &:not(:last-child) {
+    border-bottom: 1px solid var(--background-modifier-border);
+  }
+}