src/lib/User/BadgeWall/badges.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

/* body {
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #151f2e;
	} */

.badges {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(8%, 1fr));
	gap: 0.25rem;
}

/* Off-screen cells skip layout + paint. skipWhenOffscreen toggles this class
   via IntersectionObserver so the containment — and the clipping it does to
   the hover tilt, scale, and tooltip — is never active on an on-screen cell,
   and the auto<->visible flip (which flashes) only ever happens off-screen. */
.badges > .is-offscreen {
	content-visibility: auto;
	contain-intrinsic-size: auto 8rem;
}

.edit-row-2 {
	margin-top: -1.25rem;
}