Skip to content

Commit 17c672a

Browse files
tutorial: Update css in App.svelte in a and b examples to make display more readable (sveltejs#880)
* Update App.svelte made the fonts larger and heavier for improved readability of the example * Update App.svelte made the fonts larger and heavier for improved readability of the example --------- Co-authored-by: Tee Ming <[email protected]>
1 parent 8a182ce commit 17c672a

File tree

2 files changed

+10
-0
lines changed
  • apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/+assets

2 files changed

+10
-0
lines changed

apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/+assets/app-a/src/lib/App.svelte

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,8 @@
3636

3737
<style>
3838
h1 {
39+
font-size: 2rem;
40+
font-weight: 700;
3941
transition: color 0.2s;
4042
}
4143
@@ -53,6 +55,9 @@
5355
transform: translate(-2px,-2px);
5456
filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));
5557
transition: all 0.1s;
58+
color: black;
59+
font-weight: 700;
60+
font-size: 2rem;
5661
}
5762
5863
button[aria-current="true"] {

apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/+assets/app-b/src/lib/App.svelte

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,8 @@
1919
<style>
2020
h1 {
2121
transition: color 0.2s;
22+
font-size: 2rem;
23+
font-weight: 700;
2224
}
2325
2426
div {
@@ -35,6 +37,9 @@
3537
transform: translate(-2px,-2px);
3638
filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));
3739
transition: all 0.1s;
40+
color: black;
41+
font-weight: 700;
42+
font-size: 2rem;
3843
}
3944
4045
button[aria-current="true"] {

0 commit comments

Comments
 (0)