|
@@ -90,7 +90,7 @@ All pages are statically generated to HTML using Eleventy (11ty). Keep this in m
|
|
|
|
|
|
- Use `btn` class for all buttons
|
|
|
- Use `btn-primary` for primary actions
|
|
|
-- Use `btn-outline-secondary` for secondary actions
|
|
|
+- Use `btn` for secondary actions, don't use `btn-outline-secondary`
|
|
|
- Use `btn-sm` for smaller buttons
|
|
|
- Use `w-100` for full-width buttons
|
|
|
|
|
@@ -108,6 +108,23 @@ All pages are statically generated to HTML using Eleventy (11ty). Keep this in m
|
|
|
- Use `page-wrapper` for page structure
|
|
|
- Use `page-body` for main content area
|
|
|
|
|
|
+#### Badges
|
|
|
+
|
|
|
+- Use `badge` class for badges
|
|
|
+- Don't use `badge-outline` for badges, use `badge` class instead
|
|
|
+- Don't use `badge-primary` for badges, use `badge` class instead
|
|
|
+- Don't change the text color of badges
|
|
|
+
|
|
|
+#### Markdown
|
|
|
+
|
|
|
+- Use `markdown` class for markdown content
|
|
|
+- Apply to containers that render markdown content
|
|
|
+- Example: `<div class="markdown">...</div>`
|
|
|
+
|
|
|
+#### Rest of the rules
|
|
|
+
|
|
|
+- Read the rest of the rules in the `docs/content/ui/` folder
|
|
|
+
|
|
|
### 6. Data Integration
|
|
|
|
|
|
#### Using JSON Data
|