| @@ -8,26 +8,18 @@ | ||
| 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: 26px; | |
| 19 | - font-weight: 510; | |
| 17 | + font-size: 24px; | |
| 18 | + font-weight: 500; | |
| 20 | 19 | line-height: 1.25; |
| 20 | + color: var(--cs-color-text); | |
| 21 | 21 | } |
| 22 | - | |
| 23 | - h1 { | |
| 24 | - color: #1d2327; | |
| 25 | - } | |
| 26 | - | |
| 27 | - h2 { | |
| 28 | - color: theme.$control-text; | |
| 29 | - } | |
| 30 | 22 | } |
| 31 | 23 | |
| 32 | 24 | .wrap .snippets-page-header .button.button-primary { |
| 33 | 25 | padding: 12px; |
| @@ -42,11 +34,11 @@ | ||
| 42 | 34 | .snippets-page-description { |
| 43 | 35 | margin-block: 0 16px; |
| 44 | 36 | font-size: 14px; |
| 45 | 37 | line-height: 1.5; |
| 46 | - color: #646970; | |
| 38 | + color: var(--cs-color-text-muted); | |
| 47 | 39 | |
| 48 | 40 | a { |
| 49 | - color: theme.$accent; | |
| 41 | + color: var(--cs-color-accent); | |
| 50 | 42 | text-decoration: underline; |
| 51 | 43 | } |
| 52 | 44 | } |
