Single div flags

I enjoy the challenge of making single div things using just CSS to make it. Over the past few years I made a few country flags.

First up is the flag of Thailand.

See the Pen Thai Flag by James (@jamcgrath) on CodePen.

Here’s the Thai flag as a mixin that only requires the length and height.

See the Pen Thai Flag SASS Mixin by James (@jamcgrath) on CodePen.

Next is the flag of Japan.

See the Pen Japanese Flag Sass Mixin by James (@jamcgrath) on CodePen.

Here’s the Laos flag. It’s pretty much a combination between the first two.

See the Pen Laos Flag Sass Mixin by James (@jamcgrath) on CodePen.