|
9 | 9 | <body> |
10 | 10 | <div class="main-container bg-blue"> |
11 | 11 | <h1>Example headings with depth</h1> |
12 | | - <h1 class="heading-depth bg-red">h1 with depth</h1> |
13 | | - <h2 class="heading-depth bg-orange">h2 with depth</h1> |
14 | | - <h3 class="heading-depth bg-yellow">h3 with depth</h1> |
15 | | - <h4 class="heading-depth bg-green">h4 with depth</h1> |
16 | | - <h5 class="heading-depth bg-blue">h5 with depth</h1> |
17 | | - <h6 class="heading-depth bg-purple">h6 with depth</h1> |
| 12 | + <h1 class="depth-heading bg-red">h1 with depth</h1> |
| 13 | + <h2 class="depth-heading bg-orange">h2 with depth</h1> |
| 14 | + <h3 class="depth-heading bg-yellow">h3 with depth</h1> |
| 15 | + <h4 class="depth-heading bg-green">h4 with depth</h1> |
| 16 | + <h5 class="depth-heading bg-blue">h5 with depth</h1> |
| 17 | + <h6 class="depth-heading bg-purple">h6 with depth</h1> |
18 | 18 | </div> |
19 | 19 |
|
20 | 20 | <div class="main-container bg-blue"> |
21 | 21 | <h1>Example headings with round corners</h1> |
22 | | - <h1 class="heading-round bg-red">h1 with round corners</h3> |
23 | | - <h2 class="heading-round bg-orange">h2 with round corners</h3> |
24 | | - <h3 class="heading-round bg-yellow">h3 with round corners</h3> |
25 | | - <h4 class="heading-round bg-green">h4 with round corners</h3> |
26 | | - <h5 class="heading-round bg-blue">h5 with round corners</h3> |
27 | | - <h6 class="heading-round bg-purple">h6 with round corners</h3> |
| 22 | + <h1 class="round-heading bg-red">h1 with round corners</h3> |
| 23 | + <h2 class="round-heading bg-orange">h2 with round corners</h3> |
| 24 | + <h3 class="round-heading bg-yellow">h3 with round corners</h3> |
| 25 | + <h4 class="round-heading bg-green">h4 with round corners</h3> |
| 26 | + <h5 class="round-heading bg-blue">h5 with round corners</h3> |
| 27 | + <h6 class="round-heading bg-purple">h6 with round corners</h3> |
28 | 28 | </div> |
29 | 29 |
|
30 | 30 | <div class="main-container bg-blue"> |
31 | 31 | <h1>Example headings with darker borders</h1> |
32 | | - <h1 class="heading-round bg-red border-dark-red">h1 with darker border</h3> |
33 | | - <h2 class="heading-round bg-orange border-dark-orange">h2 with darker border</h3> |
34 | | - <h3 class="heading-round bg-yellow border-dark-yellow">h3 with darker border</h3> |
35 | | - <h4 class="heading-round bg-green border-dark-green">h4 with darker border</h3> |
36 | | - <h5 class="heading-round bg-blue border-dark-blue">h5 with darker border</h3> |
37 | | - <h6 class="heading-round bg-purple border-dark-purple">h6 with darker border</h3> |
| 32 | + <h1 class="round-heading bg-red border-dark-red">h1 with darker border</h3> |
| 33 | + <h2 class="round-heading bg-orange border-dark-orange">h2 with darker border</h3> |
| 34 | + <h3 class="round-heading bg-yellow border-dark-yellow">h3 with darker border</h3> |
| 35 | + <h4 class="round-heading bg-green border-dark-green">h4 with darker border</h3> |
| 36 | + <h5 class="round-heading bg-blue border-dark-blue">h5 with darker border</h3> |
| 37 | + <h6 class="round-heading bg-purple border-dark-purple">h6 with darker border</h3> |
38 | 38 | </div> |
39 | 39 |
|
40 | 40 | <div class="main-container bg-blue"> |
|
0 commit comments