primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-22 06:07:31 +03:00
Code Issues Projects Releases Wiki Activity

fix some links

Browse Source
This commit is contained in:
Shawn Allen 2019-01-09 15:38:50 -08:00
parent b532fed0af
commit 63609e515a
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/pages/css/getting-started/index.md
View File

@ -78,7 +78,7 @@ $blue: #0000ff;
Don't forget to add the compiled CSS to the `<head>` section of your page.
```html dead
<link href="/assets/css/index.css" rel="stylesheet">
<link href="path/to/style.css" rel="stylesheet">
```
## Using primer on a static site

2
docs/pages/css/index.md
View File

@ -66,7 +66,7 @@ Each component or group of styles is packaged up and distributed via npm. Primer
<div class="col-12 col-md-9 pr-0 pr-lg-2">
<h3 class="f3 text-normal m-0">Use Primer in your project</h3>
<p class="my-3">Pick and choose what you need. Install the entire Primer bundle or individual packages via npm.</p>
<a href="/css/getting-started/" class="btn btn-outline">Installation instructions</a>
<a href="/css/getting-started" class="btn btn-outline">Installation instructions</a>
</div>
</div>
</div>

6
docs/pages/css/utilities/colors.md
View File

@ -21,7 +21,7 @@ Use color utilities to apply color to the background of elements, text, and bord
## Background colors
Background colors are most commonly used for filling large blocks of content or areas with a color. When selecting a background color, make sure the foreground color contrast passes a minimum WCAG accessibility rating of [level AA](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). Meeting these standards ensures that content is accessible by everyone, regardless of disability or user device. You can [check your color combination with this demo site](http://jxnblk.com/colorable/demos/text/). For more information, read our [accessibility standards](/primer/principles/accessibility).
Background colors are most commonly used for filling large blocks of content or areas with a color. When selecting a background color, make sure the foreground color contrast passes a minimum WCAG accessibility rating of [level AA](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). Meeting these standards ensures that content is accessible by everyone, regardless of disability or user device. You can [check your color combination with this demo site](http://jxnblk.com/colorable/demos/text/). For more information, read our [accessibility standards](../principles/accessibility).
### Gray
@ -135,7 +135,7 @@ Background colors are most commonly used for filling large blocks of content or
## Text colors
Use text color utilities to set text or [octicons](/styleguide/css/styles/core/components/octicons) to a specific color. Color contrast must pass a minimum WCAG accessibility rating of [level AA](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). This ensures that viewers who cannot see the full color spectrum are able to read the text. To customize outside of the suggested combinations below, we recommend using this [color contrast testing tool](http://jxnblk.com/colorable/demos/text/). For more information, read our [accessibility standards](/primer/principles/accessibility).
Use text color utilities to set text or [Octicons](https://octicons.github.com) to a specific color. Color contrast must pass a minimum WCAG accessibility rating of [level AA](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). This ensures that viewers who cannot see the full color spectrum are able to read the text. To customize outside of the suggested combinations below, we recommend using this [color contrast testing tool](http://jxnblk.com/colorable/demos/text/). For more information, read our [accessibility standards](../principles/accessibility).
These are our most common text with background color combinations. They don't all pass accessibility standards currently, but will be updated in the future. **Any of the combinations with a warning icon must be used with caution**.
@ -247,4 +247,4 @@ Use `link-hover-blue` to make any text color used with links to turn blue on hov
## Border colors
Border colors are documented on the [border utilities page](../../utilities/borders#border-width-style-and-color-utilities).
Border colors are documented on the [border utilities page](../utilities/borders#border-width-style-and-color-utilities).