kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move shared CSS rules from base.html to style.css

Browse Source 
Relocate shared large font mode and dark mode rules to style.css
for proper separation of concerns. Includes rules for:
- Large font: .intro-text, .verse-ref, .verse-text, .print-btn, etc.
- Dark mode: .words-of-christ, .section-card, .person-card-*, .nav-paragraph.selected

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2025-12-04 10:13:30 -05:00
parent 8d02b5b8eb
commit b7d9ccc859
2 changed files with 67 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/static/style.css
+66
View File
@@ -2486,3 +2486,69 @@ label.sidenote-number {
-moz-user-select: none;
-ms-user-select: none;
}
/* ==========================================================================
Shared Large Font Mode Rules
========================================================================== */
[data-font-size="large"] .intro-text,
[data-font-size="large"] .topic-overview,
[data-font-size="large"] .plan-overview,
[data-font-size="large"] .parable-description,
[data-font-size="large"] .resource-description {
font-size: 1.5rem;
}
[data-font-size="large"] .verse-ref {
font-size: 1.3rem;
}
[data-font-size="large"] .verse-text {
font-size: 1.3rem;
}
[data-font-size="large"] .verse-note {
font-size: 1.1rem;
}
[data-font-size="large"] .print-btn,
[data-font-size="large"] .action-btn,
[data-font-size="large"] .guide-download-btn {
font-size: 1.1rem;
padding: 0.55rem 1.1rem;
}
[data-font-size="large"] .category-description {
font-size: 1.2rem;
}
/* ==========================================================================
Shared Dark Mode Rules
========================================================================== */
[data-theme="dark"] .words-of-christ {
color: #ff6b6b;
}
[data-theme="dark"] .section-card {
background: #1a1a1a;
border-color: #333;
}
[data-theme="dark"] .section-card h2 {
color: #e0e0e0;
border-bottom-color: #333;
}
[data-theme="dark"] .person-card-name {
color: #e0e0e0;
}
[data-theme="dark"] .person-card-verse {
color: #888;
}
[data-theme="dark"] .nav-paragraph.selected {
outline-color: #6b9b7a;
background: rgba(107, 155, 122, 0.1);
}
kjvstudy_org/templates/base.html
+1 -59
View File
@@ -495,65 +495,7 @@
font-size: 2.4rem;
}
/* Shared large font rules for common classes across templates */
[data-font-size="large"] .intro-text,
[data-font-size="large"] .topic-overview,
[data-font-size="large"] .plan-overview,
[data-font-size="large"] .parable-description,
[data-font-size="large"] .resource-description {
font-size: 1.5rem;
}
[data-font-size="large"] .verse-ref {
font-size: 1.3rem;
}
[data-font-size="large"] .verse-text {
font-size: 1.3rem;
}
[data-font-size="large"] .verse-note {
font-size: 1.1rem;
}
[data-font-size="large"] .print-btn,
[data-font-size="large"] .action-btn,
[data-font-size="large"] .guide-download-btn {
font-size: 1.1rem;
padding: 0.55rem 1.1rem;
}
[data-font-size="large"] .category-description {
font-size: 1.2rem;
}
/* Shared dark mode rules for common classes across templates */
[data-theme="dark"] .words-of-christ {
color: #ff6b6b;
}
[data-theme="dark"] .section-card {
background: #1a1a1a;
border-color: #333;
}
[data-theme="dark"] .section-card h2 {
color: #e0e0e0;
border-bottom-color: #333;
}
[data-theme="dark"] .person-card-name {
color: #e0e0e0;
}
[data-theme="dark"] .person-card-verse {
color: #888;
}
[data-theme="dark"] .nav-paragraph.selected {
outline-color: #6b9b7a;
background: rgba(107, 155, 122, 0.1);
}
/* Shared large font and dark mode rules are in style.css */
.breadcrumb a {
color: var(--link-color);