Comment by dhosek
2 years ago
I just spent a bunch of time on inspect element trying to figure out how the section headings are set at an angle and (at least with Safari tools), I’m stumped. So how did he do this?
2 years ago
I just spent a bunch of time on inspect element trying to figure out how the section headings are set at an angle and (at least with Safari tools), I’m stumped. So how did he do this?
The style is on the `.post-title` element: `transform: skewY(-2deg) translate(-1rem, -0.4rem);`
related, I thought the minimap was using the CSS element() function [0], but it turns out it's actually just a copy of the article shrunk down real small.
[0] https://developer.mozilla.org/en-US/docs/Web/CSS/element
h1, h2, h3, h4, h5, h6 { transform:skewY(-2deg) translate(-1rem,0rem); transform-origin:top; font-style:italic; text-decoration-line:underline; text-decoration-color:goldenrod; text-underline-offset:4%; text-decoration-thickness:.25ex }