jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make font-scaling more consistent

Browse source
This commit is contained in:
Justin Edmund 2025-06-10 10:29:52 -07:00
parent 205244584f
commit 510255f1bd
18 changed files with 39 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/assets/styles/globals.scss
View file

@ -17,6 +17,12 @@ body {
html { html {
overflow-x: hidden; overflow-x: hidden;
width: 100%; width: 100%;
font-size: 18px;
// Set rem to 16px on mobile devices
@include breakpoint('phone') {
font-size: 16px;
}
} }
// Heading font weights // Heading font weights

12
src/lib/components/DynamicPostContent.svelte
View file

@ -105,14 +105,14 @@
// Post type styles // Post type styles
&.post { &.post {
.post-body { .post-body {
font-size: 1.125rem; font-size: 1rem;
} }
} }
&.essay { &.essay {
.post-body { .post-body {
font-size: 1.125rem; font-size: 1rem;
line-height: 1.7; line-height: 1.4;
} }
} }
} }
@ -169,7 +169,7 @@
margin-bottom: $unit-4x; margin-bottom: $unit-4x;
h3 { h3 {
font-size: 1.125rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
margin: 0 0 $unit-2x; margin: 0 0 $unit-2x;
color: $grey-20; color: $grey-20;
@ -185,7 +185,7 @@
.album-description { .album-description {
margin: 0; margin: 0;
font-size: 1.125rem; font-size: 1rem;
color: $grey-10; color: $grey-10;
line-height: 1.5; line-height: 1.5;
} }
@ -218,7 +218,7 @@
:global(h4) { :global(h4) {
margin: $unit-3x 0 $unit-2x; margin: $unit-3x 0 $unit-2x;
font-size: 1.125rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
color: $grey-10; color: $grey-10;
} }

8
src/lib/components/LabCard.svelte
View file

@ -46,7 +46,7 @@
on:mousemove={handleMouseMove} on:mousemove={handleMouseMove}
on:mouseenter={handleMouseEnter} on:mouseenter={handleMouseEnter}
on:mouseleave={handleMouseLeave} on:mouseleave={handleMouseLeave}
on:click={() => window.location.href = projectUrl} on:click={() => (window.location.href = projectUrl)}
on:keydown={(e) => e.key === 'Enter' && (window.location.href = projectUrl)} on:keydown={(e) => e.key === 'Enter' && (window.location.href = projectUrl)}
role="button" role="button"
tabindex="0" tabindex="0"
@ -245,13 +245,13 @@
.project-title { .project-title {
margin: 0; margin: 0;
font-size: 1.125rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
color: $grey-00; color: $grey-00;
line-height: 1.3; line-height: 1.3;
@include breakpoint('phone') { @include breakpoint('phone') {
font-size: 1.125rem; font-size: 1rem;
} }
} }
@ -264,7 +264,7 @@
.project-description { .project-description {
margin: 0 0 $unit-3x 0; margin: 0 0 $unit-3x 0;
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: $grey-20; color: $grey-20;

8
src/lib/components/PostContent.svelte
View file

@ -54,13 +54,13 @@
// Post type styles for simplified post types // Post type styles for simplified post types
&.post { &.post {
.post-body { .post-body {
font-size: 1.125rem; font-size: 1rem;
} }
} }
&.essay { &.essay {
.post-body { .post-body {
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
} }
} }
@ -69,13 +69,13 @@
&.note, &.note,
&.microblog { &.microblog {
.post-body { .post-body {
font-size: 1.125rem; font-size: 1rem;
} }
} }
&.blog { &.blog {
.post-body { .post-body {
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
} }
} }

4
src/lib/components/PostItem.svelte
View file

@ -57,7 +57,7 @@
&.note { &.note {
.post-excerpt { .post-excerpt {
font-size: 1.125rem; font-size: 1rem;
} }
} }
@ -107,7 +107,7 @@
.post-excerpt { .post-excerpt {
margin: 0; margin: 0;
color: $grey-00; color: $grey-00;
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

4
src/lib/components/ProjectContent.svelte
View file

@ -118,12 +118,12 @@
} }
:global(h3) { :global(h3) {
font-size: 1.125rem; font-size: 1rem;
} }
:global(p) { :global(p) {
margin: $unit-2x 0; margin: $unit-2x 0;
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: $grey-20; color: $grey-20;
} }

2
src/lib/components/ProjectHeaderContent.svelte
View file

@ -66,7 +66,7 @@
margin: 0; margin: 0;
@include breakpoint('phone') { @include breakpoint('phone') {
font-size: 1.125rem; font-size: 1rem;
} }
} }

2
src/lib/components/ProjectItem.svelte
View file

@ -285,7 +285,7 @@
.project-description { .project-description {
margin: 0; margin: 0;
font-size: 1.125rem; // 18px font-size: 1rem; // 18px
line-height: 1.3; line-height: 1.3;
color: $grey-00; color: $grey-00;
} }

2
src/lib/components/ProjectList.svelte
View file

@ -94,7 +94,7 @@
.intro-text { .intro-text {
margin: 0; margin: 0;
font-size: 1.125rem; // 18px font-size: 1rem; // 18px
line-height: 1.3; line-height: 1.3;
color: $grey-00; color: $grey-00;

2
src/lib/components/ProjectPasswordProtection.svelte
View file

@ -163,7 +163,7 @@
color: $grey-40; color: $grey-40;
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5;
font-size: 1.125rem; font-size: 1rem;
} }
} }

2
src/lib/components/UniverseAlbumCard.svelte
View file

@ -84,7 +84,7 @@
.album-description { .album-description {
margin: 0; margin: 0;
color: $grey-10; color: $grey-10;
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

2
src/lib/components/UniversePostCard.svelte
View file

@ -101,7 +101,7 @@
p { p {
margin: 0; margin: 0;
color: $grey-10; color: $grey-10;
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

4
src/lib/components/edra/editor.css
View file

@ -131,8 +131,8 @@ input[type='checkbox'] {
display: grid; display: grid;
place-content: center; place-content: center;
cursor: pointer; cursor: pointer;
width: 1.125rem; width: 1rem;
height: 1.125rem; height: 1rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }

2
src/routes/about/+page.svelte
View file

@ -107,7 +107,7 @@
} }
.bio { .bio {
font-size: 1.125rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: #333; color: #333;
background: $grey-100; background: $grey-100;

2
src/routes/labs/[slug]/+page.svelte
View file

@ -164,7 +164,7 @@
margin: 0; margin: 0;
@include breakpoint('phone') { @include breakpoint('phone') {
font-size: 1.125rem; font-size: 1rem;
} }
} }
</style> </style>

2
src/routes/photos/[albumSlug]/[photoId]/+page.svelte
View file

@ -445,7 +445,7 @@
} }
.photo-caption { .photo-caption {
font-size: 1.125rem; font-size: 1rem;
color: $grey-20; color: $grey-20;
margin: 0 0 $unit-3x; margin: 0 0 $unit-3x;
line-height: 1.5; line-height: 1.5;

2
src/routes/photos/[slug]/+page.svelte
View file

@ -158,7 +158,7 @@
} }
.album-description { .album-description {
font-size: 1.125rem; font-size: 1rem;
color: $grey-30; color: $grey-30;
margin: 0 0 $unit-4x; margin: 0 0 $unit-4x;
line-height: 1.5; line-height: 1.5;

2
src/routes/universe/+page.svelte
View file

@ -37,7 +37,7 @@
p { p {
margin: 0; margin: 0;
font-size: 1.125rem; font-size: 1rem;
} }
} }
</style> </style>