blob: 0d516e45e401aca1db0681ff55948763bf2356e9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
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;
}
|
