Scott Watermasysk Husband, Father, and KickoffLabs co-founder. Interests: basketball, bootstrapping, keyboards, training, and Building new things

TIL: Liquid WhiteSpace Control


Did a quick view source and saw this on the new theme:

Original image with whitespace present

Although it has no net effect on the page (maybe a couple kb saved) it was nice to find these Liquid docs on controlling white space.

In Liquid, you can include a hyphen in your tag syntax {{-, -}}, {%-, and -%} to strip whitespace from the left or right side of a rendered tag.

Now, with a couple find and replaces we end up with:

Updated image with whitespace removed