Skip to content

Commit 633dfb1

Browse files
Rich-HarrisRich-Harris
authored
Tidy up font css (#364)
* start tidying up font css * more * more * more * more * more
1 parent b698085 commit 633dfb1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+186
-247
lines changed

‎apps/svelte.dev/src/lib/components/ScreenToggle.svelte‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,6 @@
3030
height: 1em;
3131
padding: 0.3em 0.4em;
3232
border-radius: var(--sk-border-radius);
33-
line-height: 1em;
3433
box-sizing: content-box;
3534
color: var(--sk-text-3);
3635
border: 1px solid var(--sk-back-3);

‎apps/svelte.dev/src/routes/(authed)/apps/+page.svelte‎

Lines changed: 16 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -152,8 +152,7 @@
152152
}
153153
154154
h1 {
155-
font-size: 4rem;
156-
font-weight: 400;
155+
font: var(--sk-font-h1);
157156
}
158157
159158
.user {
@@ -162,16 +161,17 @@
162161
position: relative;
163162
margin: 1rem 0;
164163
color: var(--sk-text-2);
165-
}
166-
167-
.avatar {
168-
position: absolute;
169-
left: 0;
170-
top: 0.1rem;
171-
width: 2.4rem;
172-
height: 2.4rem;
173-
border: 1px solid rgba(0, 0, 0, 0.3);
174-
border-radius: 0.2rem;
164+
font: var(--sk-font-ui-medium);
165+
166+
.avatar {
167+
position: absolute;
168+
left: 0;
169+
top: 0.1rem;
170+
width: 2.4rem;
171+
height: 2.4rem;
172+
border: 1px solid rgba(0, 0, 0, 0.3);
173+
border-radius: var(--sk-border-radius);
174+
}
175175
}
176176
177177
.controls {
@@ -182,7 +182,7 @@
182182
width: 100%;
183183
height: 4rem;
184184
margin: 0 0 2rem 0;
185-
font-size: 1.6rem;
185+
font: var(--sk-font-ui-medium);
186186
z-index: 2;
187187
justify-content: space-between;
188188
outline: 1rem solid var(--sk-back-1);
@@ -204,8 +204,6 @@
204204
205205
.controls input,
206206
.controls button {
207-
font-family: inherit;
208-
font-size: inherit;
209207
}
210208
211209
.controls input[type='search'] {
@@ -218,6 +216,7 @@
218216
border: 1px solid var(--sk-back-5);
219217
border-radius: var(--sk-border-radius);
220218
z-index: 2;
219+
font: var(--sk-font-ui-large);
221220
}
222221
223222
.controls button {
@@ -247,7 +246,7 @@
247246
248247
h2 {
249248
color: var(--sk-text-2);
250-
font-weight: 400;
249+
font: var(--sk-font-ui-medium);
251250
overflow: hidden;
252251
text-overflow: ellipsis;
253252
}
@@ -263,7 +262,7 @@
263262
}
264263
265264
li span {
266-
font-size: 12px;
265+
font: var(--sk-font-ui-small);
267266
color: var(--sk-text-3);
268267
}
269268

‎apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -345,7 +345,6 @@ export default app;`
345345
left: 0;
346346
width: 100%;
347347
height: 100%;
348-
font-family: var(--sk-font-ui);
349348
}
350349
351350
button,
@@ -358,8 +357,6 @@ export default app;`
358357
359358
.icon {
360359
position: relative;
361-
font-family: var(--sk-font-ui);
362-
font-size: var(--sk-font-size-ui-small);
363360
color: var(--sk-text-3);
364361
line-height: 1;
365362
background-size: 1.8rem;
@@ -424,12 +421,11 @@ export default app;`
424421
border: 1px solid var(--sk-back-4);
425422
border-radius: var(--sk-border-radius);
426423
color: currentColor;
427-
font-family: var(--sk-font-ui);
428424
width: 0;
429425
flex: 1;
430426
padding: 0.2rem 0.6rem;
431427
height: 3.2rem;
432-
font-size: var(--sk-font-size-ui-medium);
428+
font: var(--sk-font-ui-medium);
433429
}
434430
435431
.badge {

‎apps/svelte.dev/src/routes/(authed)/playground/[id]/UserMenu.svelte‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,8 +36,7 @@
3636
3737
.name {
3838
display: none;
39-
font-family: var(--sk-font-ui);
40-
font-size: var(--sk-font-size-ui-medium);
39+
font: var(--sk-font-ui-medium);
4140
}
4241
4342
.name {

‎apps/svelte.dev/src/routes/+error.svelte‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -61,11 +61,6 @@
6161
}
6262
}
6363
64-
h1 {
65-
font-size: var(--sk-font-size-h1);
66-
margin: 0 0 0.5em 0;
67-
}
68-
6964
p {
7065
margin: 1em auto;
7166
}

‎apps/svelte.dev/src/routes/_home/Deployment.svelte‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -145,8 +145,7 @@
145145
left: 0;
146146
width: 100%;
147147
color: var(--sk-text-3);
148-
font-family: var(--sk-font-ui);
149-
font-size: var(--sk-font-size-ui-medium);
148+
font: var(--sk-font-ui-medium);
150149
}
151150
152151
.globe span::before {
@@ -181,8 +180,7 @@
181180
}
182181
183182
.platforms a span {
184-
font-family: var(--sk-font-ui);
185-
font-size: var(--sk-font-size-ui-medium);
183+
font: var(--sk-font-ui-medium);
186184
color: var(--sk-text-3);
187185
text-align: center;
188186
}

‎apps/svelte.dev/src/routes/_home/Features.svelte‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,8 +64,7 @@
6464
6565
.wall {
6666
margin: 0;
67-
font-family: var(--sk-font-ui);
68-
font-size: var(--sk-font-size-ui-small);
67+
font: var(--sk-font-ui-small);
6968
color: var(--sk-text-4);
7069
7170
strong {

‎apps/svelte.dev/src/routes/_home/Hero.svelte‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -95,8 +95,7 @@
9595
}
9696
9797
.cta {
98-
font-family: var(--sk-font-ui);
99-
font-size: var(--sk-font-size-ui-medium);
98+
font: var(--sk-font-ui-medium);
10099
color: var(--sk-theme-1);
101100
text-transform: uppercase;
102101
}

‎apps/svelte.dev/src/routes/_home/HeroSvelteKit.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@
7878
}
7979
8080
.hero .tagline {
81-
font-size: var(--sk-font-size-h2);
81+
font: var(--sk-font-h2);
8282
color: var(--sk-text-2);
8383
margin-bottom: 2rem;
8484
}

‎apps/svelte.dev/src/routes/_home/Svelte.svelte‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@
8282
8383
.description {
8484
position: relative;
85-
font-family: var(--sk-font-ui);
85+
font: var(--sk-font-ui-medium);
8686
display: flex;
8787
align-items: center;
8888
bottom: 0.2em;
@@ -93,10 +93,9 @@
9393
line-height: 1;
9494
margin: 0 1em;
9595
text-transform: uppercase;
96-
font-size: var(--sk-font-size-ui-medium);
9796
background: var(--sk-text-2);
9897
border-radius: var(--sk-border-radius);
99-
font-family: var(--sk-font-ui);
98+
font: var(--sk-font-ui-small);
10099
color: var(--sk-back-2);
101100
}
102101
}

0 commit comments

Comments
 (0)