@cagov/ds-skip-to-content
Advanced tools
Comparing version 1.0.1 to 1.0.2
{ | ||
"name": "@cagov/ds-skip-to-content", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "main": "index.css", |
@@ -1,17 +0,30 @@ | ||
# Site branding header layer | ||
# Navigation components >> Skip to content >> Readme || 10 | ||
This is a CSS only module that bypasses header and main navigation links an goes directly to the main content of the Web page. It is a first interactive item in the Web page, which links to the beginning of the main content. Activating the link sets focus beyond the other content to the main content. | ||
## HTML | ||
## Specs | ||
``` | ||
<div id="skip-to-content"><a href="#main-content">Skip to Main Content</a></div> | ||
``` | ||
| Property | Value | | ||
| --- | --- | | ||
| Machine name | ds-skip-to-content | | ||
| JavaScript | false | | ||
| SCSS | ./src/index.scss | | ||
| | | | ||
### Expected variables | ||
## Project installation | ||
Component uses site's default link colors. | ||
The instructions assume familiarity with [npm](https://npmjs.com) package management tool and [Sass](https://sass-lang.com/). | ||
1. Include **SCSS** in your compiler. | ||
2. Add the **Sample markup** from the component just after the opening body tag of your HTML. | ||
3. Add `id=”main-content"`to the HTML tag at the top of the main content of the page. | ||
## Sample markup | ||
```html preview | ||
<div id="skip-to-content"><a href="#body-content">Skip to content</a></div> | ||
``` | ||
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
5354
9
31