finxol.io
A very simple bookmarking webapp
bookmarker.finxol.deno.net/
fix: better broken image style
+19
+19
src/routes/index.css
+19
src/routes/index.css
···
95
95
}
96
96
97
97
.card-image {
98
+
position: relative;
98
99
width: 100%;
99
100
aspect-ratio: 16/9;
100
101
overflow: hidden;
101
102
background: oklch(from var(--primary) l c h / 0.05);
102
103
object-fit: cover;
104
+
105
+
&::before {
106
+
content: "";
107
+
font-size: 0;
108
+
}
109
+
110
+
&::after {
111
+
content: attr(alt);
112
+
position: absolute;
113
+
inset: 0;
114
+
display: grid;
115
+
place-items: center;
116
+
text-align: center;
117
+
border: 2px dashed;
118
+
border-radius: var(--radius) var(--radius) 0 0;
119
+
font-size: 1em;
120
+
white-space: pre-wrap;
121
+
}
103
122
}
104
123
105
124
.card-body {