CSS Variables in the Homebrewery

An abstract graphic with a gradient background. In the foreground rounded rectangles stand in for lines for code.

Recently someone on Discord was asking about how CSS Variables work which seemed like a good topic to cover on the blog. CSS Variables are a way to carry a defined property value to other properties across your style sheet. You define your variable with a value, and then you can use that variable elsewhere. CSS Variables in the Homebrewery

2 New Color Palettes

In the last week I have read about and tried two new color palette tools: Poline and oklch.com. Both offer alternative methods of thinking about colors and easy to use tools for exploring those methods.

Fonts in the Homebrewery

The Homebrewery has a few different themes at this point, and each has it’s own set of fonts (or a shared set) which will likely be sufficient for many users but there may be some need to look elsewhere to achieve a particular theme. By the end of this post you should be comfortable importing Fonts in the Homebrewery

Hosting Images

Illustrated image of a deck of polaroids labelled "Hosting Images - LongJohnJones.com"

There is a pretty good chance that in the course of creating brews in the Homebrewery you will want to use an image for a monster or item or some other thing. It might be fun to try and limit yourself to only using the two images included in the snippets (the cat warrior and Hosting Images