Skip to content

Typography changes #44

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
dbranchini opened this issue Aug 29, 2024 · 0 comments · May be fixed by #49
Open

Typography changes #44

dbranchini opened this issue Aug 29, 2024 · 0 comments · May be fixed by #49
Assignees
@thatbudakguy
Labels
update

Comments

@dbranchini
Copy link

dbranchini commented Aug 29, 2024 •
edited
Loading

The following was reviewed/approved by DLUX on 8/29:

https://www.figma.com/design/FE5WZAvHf2e97GJeOP3mH6/Stanford-Styles?node-id=243-50&t=uRJhzoVKfL0yrWVT-4

For viewports over 1200 pixels, we're suggesting the following:

H1 - 2.25 rem 32/38 px (font size/line-height) Semi Bold (600)
H2 - 1.75 rem 28/32 px Semi Bold (600)
H3 - 1.5 rem 24/auto px Semi Bold (600)
H4 - 1.25 rem 20/auto px Semi Bold (600)
H5 - 1 rem 16/auto px Semi Bold (600)
H6 - .9 rem 14/auto px Semi Bold (600) - all caps
dt - 1 rem 16/auto px Semi Bold (600)
dd - 1 rem 16/auto px Regular (400)
paragraph - 1 rem 16/auto px Regular (400)
xs - .9 rem 14/auto px Regular (400)
xl - 1.25 rem 20/auto px Regular (400)
Sidebar H2 = H4 20/auto Semi Bold (600)
@dbranchini dbranchini mentioned this issue Aug 30, 2024
Open
@thatbudakguy thatbudakguy self-assigned this Sep 11, 2024
thatbudakguy added a commit that referenced this issue Sep 11, 2024
@thatbudakguy
Add basic typography styles for common elements
225da4b 
This adds basic styles for headers, paragraphs, and definition
lists.

Closes #44
@thatbudakguy thatbudakguy linked a pull request Sep 11, 2024 that will close this issue
Open
@astridu astridu mentioned this issue Dec 9, 2024
Closed
thatbudakguy added a commit that referenced this issue Feb 3, 2025
@thatbudakguy
Add basic typography styles for common elements
ca23682 
This adds basic styles for headers, paragraphs, and definition
lists.

Updates most styles to only apply to XL breakpoint, since
below that they are responsive.

Closes #44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@thatbudakguy thatbudakguy

Labels
update
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add basic typography styles for common elements sul-dlss/component-library
2 participants
@thatbudakguy @dbranchini