Skip to content

Commit c43a271

Browse files
authored
Merge pull request #75 from joshdales/readme-update
Update Readme documentation
2 parents df6b1b9 + 6dd2a55 commit c43a271

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

README.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -90,13 +90,14 @@ Each has numbered `accent` properties and sets the `accent-color` property as we
9090
--accent-6: var(--colour-6);
9191
--accent-7: var(--colour-7);
9292
--accent-8: var(--colour-8);
93+
--accent-9: var(--colour-9);
9394
}
9495
```
9596
The accent variables are often used in the following way on interactive elements:
96-
1. `accent-3` The standard accent colour.
97-
2. `accent-2` The accent used when elements are being viewed (either by focus or hover).
98-
3. `accent-4` The element is being activated or interactive with.
99-
4. `accent-8` Contrast colour with the main accent.
97+
1. `accent-4` The standard accent colour for the element.
98+
2. `accent-3` The accent used when elements are being viewed (either by focus or hover).
99+
3. `accent-2` The element is being activated or interactive with.
100+
4. `accent-8` Contrast colour with the main accent, usually text or background.
100101

101102
If you have a button or input and there is no accent class currently set on the element or a common ancestor then they will fallback to using the neutral colours as their accent.
102103

0 commit comments

Comments
 (0)