Typography for a deprecated masonry drop-in; part of something I was working on called "µss.css". The emphasis was on vertical rhythm, simplicity, and a small footprint.

µason.css

/*
  .m   Masonry class
  .v   Vertical align
  .s_  Size
*/
.s7 {
	font-size: var(--s7);
}
.v .s7 {
	line-height: 1.42606336em;
}
.m .s7 {
	margin: 0.71303168em 0 0;
}
.s6 {
	font-size: var(--s6);
}
.v .s6 {
	line-height: 1.3369344em;
}
.m .s6 {
	margin: 0.8912896em 0 0;
}
h1,
.s5 {
	font-size: var(--s5);
}
.v h1,
.v .s5 {
	line-height: 1.671168em;
}
.m h1,
.m .s5 {
	margin: 0.557056em 0 0;
}
.s4 {
	font-size: var(--s4);
}
.v .s4 {
	line-height: 1.39264em;
}
.m .s4 {
	margin: 0.69632em 0 0;
}
h2,
.s3 {
	font-size: var(--s3);
}
.v h2,
.v .s3 {
	line-height: 1.7408em;
}
.m h2,
.m .s3 {
	margin: 0.8704em 0 0;
}
h3,
h4,
.s2 {
	font-size: var(--s2);
}
.v h3,
.v h4,
.v .s2 {
	line-height: 2.176em;
}
.m h3,
.m h4,
.m .s2 {
	margin: 1.088em 0 0;
}
p,
.s1 {
	font-size: var(--s1);
}
.v p,
.v .s1 {
	line-height: 1.36em;
}
.m p,
.m .s1 {
	margin: 1.36em 0 1.36em;
}
.s0 {
	font-size: var(--s0);
}
.v .s0 {
	line-height: 1.7em;
}
.m .s0 {
	margin: 1.7em 0 1.7em;
}
.s-1 {
	font-size: var(--s-1);
}
.v .s-1 {
	line-height: 2.125em;
}
.m .s-1 {
	margin: 2.125em 0 0;
}
.s-2 {
	font-size: var(--s-2);
}
.v .s-2 {
	line-height: 2.65625em;
}
.m .s-2 {
	margin: 2.65625em 0 0;
}