Add large font mode support for story cards and concordance

Enlarge text in story cards (stories index, kids stories) and
occurrence cards (Strong's concordance) when big font mode is enabled.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-12-04 09:48:08 -05:00
parent c572c72669
commit 7c68d633d1
3 changed files with 87 additions and 0 deletions
+25
View File
@@ -256,6 +256,31 @@
.no-results.visible {
display: block;
}
/* Large font mode for story cards */
[data-font-size="large"] .story-card h3 {
font-size: 1.5rem;
}
[data-font-size="large"] .story-card .description {
font-size: 1.2rem;
line-height: 1.6;
}
[data-font-size="large"] .story-card .scripture {
font-size: 1.05rem;
}
[data-font-size="large"] .story-card .tag {
font-size: 1rem;
padding: 0.25rem 0.65rem;
}
[data-font-size="large"] .story-toc-item strong {
font-size: 1.1rem;
}
[data-font-size="large"] .story-toc-count {
font-size: 0.95rem;
}
[data-font-size="large"] .category-description {
font-size: 1.2rem;
}
</style>
{% endblock %}
@@ -447,6 +447,32 @@
color: #fcd34d;
}
}
/* Large font mode for kids story cards */
[data-font-size="large"] .kids-story-card h3 {
font-size: 1.6rem;
}
[data-font-size="large"] .kids-story-card .description {
font-size: 1.2rem;
line-height: 1.6;
}
[data-font-size="large"] .kids-story-card .scripture {
font-size: 1.1rem;
}
[data-font-size="large"] .character-badge,
[data-font-size="large"] .theme-badge {
font-size: 1rem;
padding: 0.4rem 0.75rem;
}
[data-font-size="large"] .toc-item {
font-size: 1.1rem;
}
[data-font-size="large"] .toc-item .count {
font-size: 0.95rem;
}
[data-font-size="large"] .category-description {
font-size: 1.2rem;
}
</style>
{% endblock %}
+36
View File
@@ -573,6 +573,42 @@
padding: 0.3rem 0.5rem;
}
}
/* Large font mode */
[data-font-size="large"] .occurrence-card .occ-reference {
font-size: 1.2rem;
}
[data-font-size="large"] .occurrence-card .occ-original {
font-size: 1.4rem;
}
[data-font-size="large"] .occurrence-card .occ-verse-text {
font-size: 1.2rem;
line-height: 1.75;
}
[data-font-size="large"] .word-card .quick-def {
font-size: 1.4rem;
}
[data-font-size="large"] .info-card p {
font-size: 1.3rem;
}
[data-font-size="large"] .info-card.definition p,
[data-font-size="large"] .info-card.kjv p,
[data-font-size="large"] .info-card.derivation p {
font-size: 1.3rem;
}
[data-font-size="large"] .kjv-tag {
font-size: 1.1rem;
padding: 0.4rem 0.8rem;
}
[data-font-size="large"] .related-entry-def {
font-size: 1.1rem;
}
[data-font-size="large"] .related-entry-header a {
font-size: 1.15rem;
}
[data-font-size="large"] .related-entry-lemma {
font-size: 1.3rem;
}
</style>
{% endblock %}