this repo has no description
altagos.dev
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 // summary::marker {
23 // content: "- ";
24 // // font-size-adjust: 0.6;
25 // }
26
27 // &:open {
28 // summary::marker {
29 // content: "~ ";
30 // }
31 // }
32
33 h1,
34 h2,
35 h3,
36 summary {
37 margin: 0;
38 padding: 0 16px;
39
40 font-size: 1em;
41 line-height: 2rem;
42
43 background: color-mix(in srgb, var(--block-highlight) 30%, transparent);
44 color: var(--block-header);
45
46 &:before {
47 font-family: "Phosphor-Bold" !important;
48 speak: never;
49
50 letter-spacing: 0;
51 -webkit-font-feature-settings: "liga";
52 -moz-font-feature-settings: "liga=1";
53 -moz-font-feature-settings: "liga";
54 -ms-font-feature-settings: "liga" 1;
55 font-feature-settings: "liga";
56 -webkit-font-variant-ligatures: discretionary-ligatures;
57 font-variant-ligatures: discretionary-ligatures;
58
59 /* Better Font Rendering =========== */
60 -webkit-font-smoothing: antialiased;
61 -moz-osx-font-smoothing: grayscale;
62
63 font-size: 32px;
64 position: relative;
65 top: 2px;
66 }
67 }
68
69 ::selection {
70 background-color: var(--block-highlight);
71 color: var(--selection-foreground);
72 }
73
74 ::-moz-selection {
75 background-color: var(--block-highlight);
76 color: var(--selection-foreground);
77 }
78}
79
80.block.warning {
81 --block-highlight: var(--dragonOrange);
82
83 h1:before {
84 padding-right: 5px;
85 content: "\e4e0";
86 }
87}