created:12/30/2020
updated:12/30/2020
loc
73
comments
14%
GovUKColor
Color item displaying the color as a row with a color circle and the sass var name and hex color. Design inspired by GOV.UK Design System.
$govuk-brand-colour | #1d70b8 | |
$govuk-link-hover-colour | #003078 | |
$govuk-link-visited-colour | #4c2c92 | |
govuk-colour("red") | #d4351c |
id | description | |
|---|---|---|
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... | |
table-duplicate-name | Ensure the <caption> element does not contain the same text as the summary attribute... | |
td-headers-attr | Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table... | |
th-has-data-cells | Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe... |
$govuk-brand-colour | #1d70b8 | |
$govuk-link-hover-colour | #003078 | |
$govuk-link-visited-colour | #4c2c92 | |
govuk-colour("red") | #d4351c |
$govuk-brand-colour | #1d70b8 | |
$govuk-link-hover-colour | #003078 | |
$govuk-link-visited-colour | #4c2c92 | |
govuk-colour("red") | #d4351c |
$govuk-brand-colour | #1d70b8 | |
$govuk-link-hover-colour | #003078 | |
$govuk-link-visited-colour | #4c2c92 | |
govuk-colour("red") | #d4351c |
$govuk-brand-colour | #1d70b8 | |
$govuk-link-hover-colour | #003078 | |
$govuk-link-visited-colour | #4c2c92 | |
govuk-colour("red") | #d4351c |