fix: add configurable content padding (#70)

- makes main content x padding configurable
- sets pattern for making other common css values configurable w/o
needing custom css or templates

Author: tylerdave

docs/Customization.md

@@ -53,6 +53,23 @@ layout: talk
 
 This resolves to `layouts/talk.html`. Resolution order: frontmatter `layout` → collection default → `[theme] default_layout` → `layouts/default.html`.
 
+## Theme Options
+
+The `[theme]` table includes options that control the default layout appearance.
+
+### Content Padding
+
+Control the horizontal padding of the main content area with a Tailwind CSS padding class:
+
+```toml
+[theme]
+main_content_padding = "px-12"
+```
+
+Default: `px-12`. Pre-built values available without a custom CSS build: `px-4`, `px-6`, `px-8`, `px-10`, `px-12`, `px-16`, `px-20`, `px-24`. The class is applied at the `lg` breakpoint; mobile padding remains `p-4`.
+
+For values outside this range, you'll need a custom Tailwind CSS build — see [Custom Themes](#custom-themes) or export the default theme with `rockgarden theme export`.
+
 ## Theme Export
 
 To fully customize the default theme, export it as a starting point:

rockgarden.toml

@@ -4,5 +4,6 @@ source = "./site"
 output = "./_site"
 
 [theme]
+#main_content_padding = "px-16"
 daisyui_default = "cyberpunk"
 daisyui_themes = ["light", "dark", "cupcake", "cyberpunk", "forest", "aqua", "lofi", "dracula"]

src/rockgarden/config.py

@@ -71,6 +71,7 @@ class ThemeConfig(BaseModel):
     nav_default_state: str = "collapsed"
     show_build_info: bool = True
     show_build_commit: bool = False
+    main_content_padding: str = "px-12"
 
 
 class NavLinkConfig(BaseModel):

src/rockgarden/output/builder.py

@@ -474,6 +474,7 @@ def build_site(
         "user_styles": user_styles,
         "user_scripts": user_scripts,
         "assets_dir": assets_dir,
+        "main_content_padding": config.theme.main_content_padding,
         "feed_enabled": config.feed.enabled and bool(config.site.base_url),
         "feed_path": config.feed.path,
     }

src/rockgarden/static/rockgarden.css

@@ -31,7 +31,7 @@
 
             <!-- Main content area -->
             <div class="flex flex-1 lg:min-h-screen">
-                <main id="main-content" class="flex-1 min-w-0 p-4 lg:py-6 lg:px-8">
+                <main id="main-content" class="flex-1 min-w-0 p-4 lg:py-6 lg:{{ site.main_content_padding }}">
                     <div class="max-w-4xl">
                         {% block content %}{% endblock %}
                         {% block footer %}

src/rockgarden/templates/layouts/default.html

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@source inline("px-4 px-6 px-8 px-10 px-12 px-16 px-20 px-24 lg:px-4 lg:px-6 lg:px-8 lg:px-10 lg:px-12 lg:px-16 lg:px-20 lg:px-24");
 @plugin "@tailwindcss/typography";
 @plugin "daisyui" {
   themes: all;