summaryrefslogtreecommitdiff
path: root/SI/.obsidian/snippets/its-frontmatter.css
diff options
context:
space:
mode:
Diffstat (limited to 'SI/.obsidian/snippets/its-frontmatter.css')
-rw-r--r--SI/.obsidian/snippets/its-frontmatter.css69
1 files changed, 69 insertions, 0 deletions
diff --git a/SI/.obsidian/snippets/its-frontmatter.css b/SI/.obsidian/snippets/its-frontmatter.css
new file mode 100644
index 0000000..0d516e4
--- /dev/null
+++ b/SI/.obsidian/snippets/its-frontmatter.css
@@ -0,0 +1,69 @@
+/*------------------------------------------
+ * ITS is a theme by @SlRvb
+ * https://github.com/SlRvb/Obsidian--ITS-Theme
+ * This snippet is a simple imitation which tries to emulate the look of frontmatter in ITS.
+ * All credits go to SlRvb and their theme for inspiration.
+ * Donate to SlRvb here: https://ko-fi.com/slrvb
+------------------------------------------*/
+/* @settings
+name: AnuPpuccin ITS Frontmatter Snippet
+id: anp-its-frontmatter-settings
+settings:
+ -
+ id: frontmatter-background-opacity
+ title: Frontmatter background opacity
+ type: variable-number-slider
+ default: 1
+ min: 0
+ max: 1
+ step: 0.05
+*/
+body {
+ --frontmatter-background-opacity: 0.5;
+}
+
+.anp-button-metadata-toggle .frontmatter-container:not(.is-collapsed), .markdown-rendered.metadata-button .frontmatter-container:not(.is-collapsed) {
+ background-color: rgba(var(--ctp-mantle), var(--frontmatter-background-opacity));
+ border: 1px solid var(--background-modifier-border);
+ padding: var(--size-4-3);
+ border-radius: var(--radius-l);
+}
+.anp-button-metadata-toggle .frontmatter-container:not(.is-collapsed) .frontmatter-container-header, .markdown-rendered.metadata-button .frontmatter-container:not(.is-collapsed) .frontmatter-container-header {
+ top: 0;
+}
+.anp-button-metadata-toggle .frontmatter-container.is-collapsed, .markdown-rendered.metadata-button .frontmatter-container.is-collapsed {
+ border: none;
+ padding: 0;
+ border-radius: 0;
+}
+.anp-button-metadata-toggle .frontmatter-container.is-collapsed .frontmatter-container-header, .markdown-rendered.metadata-button .frontmatter-container.is-collapsed .frontmatter-container-header {
+ top: 0;
+}
+
+body:not(.anp-button-metadata-toggle) .frontmatter-container {
+ background-color: rgba(var(--ctp-mantle), var(--frontmatter-background-opacity));
+ border: 1px solid var(--background-modifier-border);
+ padding: var(--size-4-3);
+ border-radius: var(--radius-l);
+}
+body:not(.anp-button-metadata-toggle) .frontmatter-container.is-collapsed .frontmatter-container-header {
+ border-bottom: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+.frontmatter-section-data.frontmatter-section-aliases {
+ background-color: var(--background-secondary-alt);
+ padding: var(--size-4-1);
+ border-radius: var(--tag-radius);
+}
+
+.frontmatter-section-data .frontmatter-section-data-item {
+ border: none;
+ background-color: var(--background-secondary-alt);
+ border-radius: var(--tag-radius);
+}
+
+.frontmatter-container:not(:has(.frontmatter-section)) {
+ display: none;
+}