this repo has no description
1.block {
2 --block-highlight: var(--dragonBlue2);
3 --block-header: currentColor;
4
5 display: inline-block;
6 box-sizing: border-box;
7
8 max-width: var(--content-max-width);
9 width: 100%;
10
11 margin: 16px 0;
12
13 background: color-mix(in srgb, currentColor 5%, transparent);
14 border-left: 8px solid var(--block-highlight);
15 scrollbar-color: var(--block-highlight) var(--bg-m3);
16
17 > * {
18 margin-left: 16px;
19 margin-right: 16px;
20 }
21
22 h1,
23 h2,
24 h3,
25 summary {
26 margin: 0;
27 padding: 0 16px;
28
29 font-size: var(--font-size);
30 font-weight: bold;
31 line-height: 32px;
32
33 background: color-mix(in srgb, var(--block-highlight) 30%, transparent);
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 top: 2px;
56 }
57 }
58
59 ::selection {
60 background-color: var(--block-highlight);
61 color: var(--selection-foreground);
62 }
63
64 ::-moz-selection {
65 background-color: var(--block-highlight);
66 color: var(--selection-foreground);
67 }
68}
69
70.block.warning {
71 --block-highlight: var(--dragonOrange);
72
73 h1:before {
74 padding-right: 5px;
75 content: "\e4e0";
76 }
77}