Fix drop-cap styling: only first letter (C/B/T/O) is large - #14
Merged
Conversation
- Add dropCapName() helper to wrap first letter in span.cbto-letter - Apply 2rem font-size only to .cbto-letter, not the entire name - Remove C-lens-specific 2rem rules for .cbto-card-name and .cbto-joy-name-main - All four lenses now have consistent drop-cap styling - PIEP synonyms remain at normal size (muted styling) Co-authored-by: Tig <tig@users.noreply.github.com>
tig
marked this pull request as ready for review
August 23, 2026 02:53
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The rank cards and joy rows were styling the entire lens name at 2rem for the C lens. On mobile this rendered as a giant "C" followed by what looked like small-caps "USTOMER".
Changes
dropCapName()helper injs/cbto.jsthat wraps the first letter of each lens name in<span class="cbto-letter">.cbto-card-name) and joy rows (.cbto-joy-name-main).cbto-letterat 2rem in CSS, applying to all four lenses (C, B, T, O) equallyResult
All visible copy remains sentence case. No text-transform or small-caps. The check script passes.