These font size classes help adjust font sizes relative to their current size. The larger end of the scale dampens itself in smaller viewports. Naming is derived from arguments with designers who could never be satisified. There are more sizes than you really need, until you start stacking them and need the most small one as a subtext in a most large one.
A little letter space often makes large blobs of text easier to read. Adding lots of space make it artistic or something. The larger end of the scale dampens itself in smaller viewports.
I like to use opacity as a way to mute things and I needed better opacity classes with values that made sense. It is accepted these days but at one point I was the biggest idiot on the internet forcing your phone to work too hard since it would kick in GPU to layer things.
Uses that weird line clamping stuff that somehow made it into the standard and implemented
by all browsers with the -webkit
prefix intact. The line clamp terminator by
default always positions itself at the end of the last line. The fade effect here has to be
customised a little for your use, in this case a background gradient that is covering the
last third of the last line using the background colour of the box it is in.
Boxes that keep their ratios while scaling to fit their parent.
Throw things around quickly without them exploding into weird places on the page.
Some gradient fills we use commonly.
These will likely only be useful for things that are black and white since blue turns to yellow and whatnot.