My personal site.
feat: add hrs
+23
-6
+1
-1
notes/sprites-nix-package-manager.md
+1
-1
notes/sprites-nix-package-manager.md
+1
src/layouts/BaseLayout.astro
+1
src/layouts/BaseLayout.astro
+21
-5
src/layouts/PostLayout.astro
+21
-5
src/layouts/PostLayout.astro
···
11
11
font-display: swap;
12
12
}
13
13
14
-
#info {
15
-
margin-bottom: 36px;
14
+
#published {
15
+
text-align: center;
16
+
margin-block: 24px;
16
17
}
17
18
18
-
#published {
19
-
text-align: center;
20
-
margin-top: 24px;
19
+
#info::after {
20
+
content: "";
21
+
display: flex;
22
+
width: 100%;
23
+
height: 8px;
24
+
mask-size: auto 100%;
25
+
background-color: var(--hr);
26
+
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_568_582)'%3E%3Cpath d='M6 6.00005C6 2.68605 3.314 -2.619e-07 0 -5.85034e-07L1.92272e-07 2C2.21 2 4 3.79005 4 6.00005L6 6.00005Z' fill='black'/%3E%3Cpath d='M4 5.99995C4 9.31395 6.686 12 10 12L10 10C7.79 10 6 8.21 6 6L4 5.99995Z' fill='black'/%3E%3Cpath d='M15.9998 5.99995C15.9998 9.31395 13.3138 12 9.99976 12L9.99976 10C12.2098 10 13.9998 8.20995 13.9998 5.99995L15.9998 5.99995Z' fill='black'/%3E%3Cpath d='M14 6.00005C14 2.68605 16.686 -1.76522e-07 20 -3.94315e-07L20 2C17.79 2 16 3.79 16 6L14 6.00005Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_568_582'%3E%3Crect width='20' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
27
+
mask-repeat: repeat-x;
21
28
}
22
29
23
30
.prose a {
···
112
119
113
120
.prose li {
114
121
line-height: 2em;
122
+
}
123
+
124
+
hr {
125
+
height: 3px;
126
+
border: none;
127
+
background-color: var(--hr);
128
+
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='18' y2='0' stroke='white' stroke-width='1' stroke-dasharray='2 1'/%3E%3C/svg%3E");
129
+
mask-repeat: repeat-x;
130
+
mask-size: auto 100%;
115
131
}
116
132
</style>
117
133