css

Simple Styling

Tables are a common target for custom styling, but due to their HTML structure they can be a little tricky. Let’s look at just some quick and easy changes that you can do in this article. First, here is the HTML structure of a simple 2 column table: HTML tables can be roughly summarized as: Simple Styling

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

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

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