this repo has no description
fix: block width + add: support for block icons
+39
-5
+1
-1
content/notes/markdown-overview.smd
+1
-1
content/notes/markdown-overview.smd
···
209
209
210
210
```
211
211
212
-
> # [Tip]($block)
212
+
> # [Tip]($block.collapsible(false))
213
213
> If you want to add an image from inside your vault, you can also [embed an image in a note](https://help.obsidian.md/embeds#Embed%20an%20image%20in%20a%20note).
214
214
215
215
> # [Warning]($block.attrs('warning'))
+38
-4
style/content/blocks.scss
+38
-4
style/content/blocks.scss
···
3
3
--block-header: currentColor;
4
4
5
5
display: inline-block;
6
+
box-sizing: border-box;
7
+
8
+
max-width: var(--content-max-width);
6
9
width: 100%;
10
+
7
11
margin: 16px 0;
8
12
9
13
background: color-mix(in srgb, currentColor 5%, transparent);
10
-
border-left: 5px solid var(--block-highlight);
14
+
border-left: 8px solid var(--block-highlight);
11
15
scrollbar-color: var(--block-highlight) var(--bg-m3);
12
16
13
17
> * {
14
18
margin-left: 16px;
19
+
margin-right: 16px;
15
20
}
16
21
17
22
h1,
18
23
h2,
19
-
h3 {
24
+
h3,
25
+
summary {
20
26
margin: 0;
21
-
padding-left: 16px;
27
+
padding: 0 16px;
22
28
23
29
font-size: var(--font-size);
30
+
font-weight: bold;
31
+
line-height: 32px;
24
32
25
33
background: color-mix(in srgb, var(--block-highlight) 30%, transparent);
26
34
color: var(--block-header);
35
+
36
+
&:before {
37
+
font-family: "Phosphor-Bold" !important;
38
+
speak: never;
39
+
40
+
letter-spacing: 0;
41
+
-webkit-font-feature-settings: "liga";
42
+
-moz-font-feature-settings: "liga=1";
43
+
-moz-font-feature-settings: "liga";
44
+
-ms-font-feature-settings: "liga" 1;
45
+
font-feature-settings: "liga";
46
+
-webkit-font-variant-ligatures: discretionary-ligatures;
47
+
font-variant-ligatures: discretionary-ligatures;
48
+
49
+
/* Better Font Rendering =========== */
50
+
-webkit-font-smoothing: antialiased;
51
+
-moz-osx-font-smoothing: grayscale;
52
+
53
+
font-size: 32px;
54
+
position: relative;
55
+
}
27
56
}
28
57
29
58
::selection {
···
38
67
}
39
68
40
69
.block.warning {
41
-
--block-highlight: var(--dragonRed);
70
+
--block-highlight: var(--dragonOrange);
71
+
72
+
h1:before {
73
+
padding-right: 5px;
74
+
content: "\e4e0";
75
+
}
42
76
}