jbc.lol
unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1.embed-link {
2 display: block;
3 color: var(--mat-sys-on-background);
4 text-decoration: none;
5}
6
7.embed-container {
8 position: relative;
9 background: var(--mat-sys-surface-container);
10 border-radius: var(--mat-sys-corner-extra-small);
11 cursor: pointer;
12 border: 1px solid var(--mat-sys-outline-variant);
13 overflow: hidden;
14}
15
16.embed-image-container {
17 position: absolute;
18 aspect-ratio: 1/1;
19 width: 100px;
20 height: 100%;
21}
22
23.embed-image {
24 width: 100%;
25 height: 100%;
26 object-fit: cover;
27}
28
29.embed-text {
30 position: relative;
31 left: 100px;
32 width: calc(100% - 100px);
33 padding: 0.75em 1em;
34
35 .embed-image-container + & {
36 border-left: 1px solid var(--mat-sys-outline-variant);
37 }
38
39 &:hover {
40 .embed-title {
41 text-decoration: underline;
42 }
43 }
44}
45
46// evil way to override font size
47.embed-title.embed-title {
48 margin: 0;
49 font-size: 1.5rem;
50 font-weight: bold;
51 line-height: 1.2;
52 margin-bottom: 0.375rem;
53 overflow: hidden;
54 white-space: nowrap;
55 text-overflow: ellipsis;
56}
57
58.embed-description {
59 margin: 0;
60 font-size: 0.85em;
61 line-height: 1.2;
62 margin-bottom: 0.375rem;
63 overflow: hidden;
64 white-space: nowrap;
65 text-overflow: ellipsis;
66}
67
68.embed-favicon {
69 display: inline;
70 height: 1em;
71 vertical-align: bottom;
72}
73
74.embed-url {
75 margin: 0;
76 font-size: 0.9em;
77 line-height: 1.2;
78 color: var(--mat-sys-outline);
79 overflow: hidden;
80 white-space: nowrap;
81 text-overflow: ellipsis;
82}