| @@ -8,18 +8,17 @@ | ||
| 8 | 8 | align-items: center; |
| 9 | 9 | justify-content: space-between; |
| 10 | 10 | flex-wrap: wrap; |
| 11 | 11 | gap: 16px 24px; |
| 12 | - margin-block: 8px 16px; | |
| 12 | + margin-block: 0.5rem 16px; | |
| 13 | 13 | |
| 14 | - h1, | |
| 15 | - h2 { | |
| 14 | + h1 { | |
| 16 | 15 | margin: 0; |
| 17 | 16 | padding: 0; |
| 18 | - font-size: 32px; | |
| 19 | - font-weight: 510; | |
| 17 | + font-size: 24px; | |
| 18 | + font-weight: 500; | |
| 20 | 19 | line-height: 1.25; |
| 21 | - color: #000; | |
| 20 | + color: var(--cs-color-text); | |
| 22 | 21 | } |
| 23 | 22 | } |
| 24 | 23 | |
| 25 | 24 | .wrap .snippets-page-header .button.button-primary { |
| @@ -35,11 +34,11 @@ | ||
| 35 | 34 | .snippets-page-description { |
| 36 | 35 | margin-block: 0 16px; |
| 37 | 36 | font-size: 14px; |
| 38 | 37 | line-height: 1.5; |
| 39 | - color: #646970; | |
| 38 | + color: var(--cs-color-text-muted); | |
| 40 | 39 | |
| 41 | 40 | a { |
| 42 | - color: theme.$accent; | |
| 41 | + color: var(--cs-color-accent); | |
| 43 | 42 | text-decoration: underline; |
| 44 | 43 | } |
| 45 | 44 | } |
