css

Why is the first line all small caps?

Occasionally this question pops up on the /r/homebrewery subreddit or in Discord: “I don’t want my first sentence to have all caps, how do I remove it?”. The default D&D 5e theme for any new Homebrewery document includes this styling for the first line of the first paragraph after a top level “H1” header, which Why is the first line all small caps?

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

Page Layout in the Homebrewery

An alternate page layout for the default Homebrewery theme featuring 3 columns.

When you first start a new brew on Homebrewery you are presented with a single page with a few defaults, including but not limited to: the page size is US Letter, the margins are 1.4cm (top), 1.9cm (sides), and 1.7cm (bottom), and it has two balanced columns. This setup has it’s basis in the design Page Layout in the Homebrewery