Add pantry inventory post with styled images
- Add "Where Did I Put the Mochi Flour?" post about pantry organization app - Add img shortcode for figure/caption support across themes - Add CSS styling for figures: rounded corners, shadows, centered captions - Update standup post date to 2026-01-06 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -153,6 +153,53 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Image and figure styling
|
||||
figure {
|
||||
margin: 2rem 0;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
figcaption {
|
||||
margin-top: 0.75rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--secondary-text, #666);
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
// Also style standalone images in posts
|
||||
.post-content img:not(figure img) {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
margin: 2rem auto;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
figure {
|
||||
img {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
figcaption {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
.post-content img:not(figure img) {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
// Dark mode support
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.series-box {
|
||||
|
||||
Reference in New Issue
Block a user