[nb] Commit

.obsidian/snippets/omts-[ui] Custom Separators.css

@@ -0,0 +1,40 @@
+/*
+    File Explorer Separators
+    So this is super handy, I found a way to add visual separators below and above navigation items in the file explorer.
+    This works nicely along side the 'Custom File Explorer Sorting' plugin, and there's a thread on their github about my solution.
+    You need to customize the rule below in accordance with your file structure.
+    These styles go with
+    https://github.com/replete/obsidian-minimal-theme-css-snippets
+*/
+:root {
+    --replete-custom-separators-vertical-padding: 6px;
+    --replete-custom-separators-left-margin: -12px;
+}
+
+/* Separator below */
+.nav-files-container [class*=nav-]:has(:is(
+    [data-path="Thoughts"],
+    [data-path="Reports"],
+    [data-path="Sundown"],
+    [data-path="Meditations"],
+    [data-path="Areas.md"]
+))::after {
+    content:'';
+    display:block;
+    height:1px;
+    width:calc(100% + 32px);
+    background:var(--tab-outline-color);
+    margin:var(--replete-custom-separators-vertical-padding) 0 var(--replete-custom-separators-vertical-padding) var(--replete-custom-separators-left-margin);
+}
+
+/* Separator above */
+/* .nav-files-container [class*=nav-]:has(:is(
+    [data-path="Notes"]
+))::before {
+    content:'';
+    display:block;
+    height:1px;
+    width:calc(100% + 32px);
+    background:var(--tab-outline-color);
+    margin:var(--replete-custom-separators-vertical-padding) 0 var(--replete-custom-separators-vertical-padding) var(--replete-custom-separators-left-margin);
+} */