{"id":13906359,"url":"https://github.com/GSA/code-gov-style","last_synced_at":"2025-07-18T04:31:03.778Z","repository":{"id":57102965,"uuid":"125424702","full_name":"GSA/code-gov-style","owner":"GSA","description":"Deprecated - Style for code.gov including buttons, banners, and cards","archived":true,"fork":false,"pushed_at":"2020-08-04T15:16:20.000Z","size":1298,"stargazers_count":12,"open_issues_count":1,"forks_count":20,"subscribers_count":16,"default_branch":"master","last_synced_at":"2024-08-07T23:47:50.416Z","etag":null,"topics":["archived","deprecated"],"latest_commit_sha":null,"homepage":"https://gsa.github.io/code-gov-style/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GSA.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-15T20:50:53.000Z","updated_at":"2024-03-12T12:43:03.000Z","dependencies_parsed_at":"2022-08-20T23:20:48.790Z","dependency_job_id":null,"html_url":"https://github.com/GSA/code-gov-style","commit_stats":null,"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSA%2Fcode-gov-style","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSA%2Fcode-gov-style/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSA%2Fcode-gov-style/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSA%2Fcode-gov-style/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GSA","download_url":"https://codeload.github.com/GSA/code-gov-style/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226344616,"owners_count":17610176,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["archived","deprecated"],"created_at":"2024-08-06T23:01:34.144Z","updated_at":"2024-11-25T14:31:20.740Z","avatar_url":"https://github.com/GSA.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Deprecated\n\nThis project repo is no longer being maintained.\n\n## code-gov-style\n\n[![Build Status](https://circleci.com/gh/GSA/code-gov-style/tree/master.svg?style=svg)](https://circleci.com/gh/GSA/code-gov-style/tree/master)\n\nStyle for code.gov including buttons, banners, and cards. Inspired by and somewhat based on USWDS.\n\n## View\n\nAll style components are [viewable online](https://gsa.github.io/code-gov-style/).\n\n## Purpose\n\nAs our code base expands, maintaining and remembering all the CSS class names has become difficult.\nThe code.gov Style Guide makes the search and usage of CSS classes easier by providing examples of their usage.  These styles are not meant for usage outside of code.gov.  Feel free to fork this though if you want to create your own style guide :-)\n\n## Install\n\nClone the `code-gov-style` repository locally. After cloning locally, follow these steps:\n- In your terminal, run `npm install` to install all dependencies\n- In your terminal, run `bundle install` to add all ruby gems\n  - (Note - your Bundler version should be \u003e1.17.3. To install Bundler, run `gem install bundler` from your terminal)\n- To serve the [Code.gov Style Guide](https://gsa.github.io/code-gov-style/) locally, in your terminal, run `npm run-script serve`\n  - This should output what the server address is on your local machine.\n\n## Usage\n\nThis package is meant to be used with the [code-gov-front-end](https://github.com/GSA/code-gov-front-end) project. Please follow the [configuration settings](https://github.com/GSA/code-gov-front-end/blob/master/CONFIGURATION.md#style) for the project.\n\n## Link this package to edit Code.gov styles locally\n\nYou may want to view your style changes in the code-gov-style repo on your local machine for testing. Follow these steps to do so:\n1. Clone the latest version of the `code-gov-style` repository.\n2. Run `npm install` to install the dependencies required for the package in the `code-gov-style` directory.\n3. Run `npm link` in the root level of the `code-gov-style` directory on your local machine.\n4. On the `code-gov-front-end` [project](https://github.com/GSA/code-gov-front-end#getting-started), clone the repository and run `npm install` if you haven’t done this already.\n5. Run `npm link @code.gov/code-gov-style` in the root level of the code-gov-front-end directory on your local machine.\n\nYou are now using the latest version of the code.gov design system via your cloned version when running the `code-gov-front-end` site on your local machine. To stop using this version, run `npm unlink @code.gov/code-gov-style` from the root level of the `code-gov-front-end` directory.\n\n## Testing\nOur continuous integration pipeline runs linting and accessibility tests on every pull request. Be sure to test your code by doing the following:\n1. Use the `npm run lint` command to lint your `.scss` files.\n\n2. To run web accessibility testing do the following:\n    a. Make sure [ruby](https://www.ruby-lang.org/en/documentation/installation/) and the [bundler gem](https://bundler.io/) are installed on your computer.\n    b. Start a server by running `npm run serve`.\n    c. Use the `npm run test-pa11y` command to run the accessibility test.\n\nThe accessibility testing configuration is located in the .pa11yci file. We follow the WCAG2AA standard. For more info on the rules being tested checkout the [pa11y wiki](https://github.com/pa11y/pa11y/wiki/HTML-CodeSniffer-Rules)\n\n## Deployment\n\nThe https://gsa.github.io/code-gov-style/ site is built using GitHub pages from the `master` branch. Any merges to the `master` branch will update the site within a few minutes.\n\nIn order for any style guide changes to be reflected on the `code-gov-front-end`, they must be deplyed to [NPM](https://www.npmjs.com/package/@code.gov/code-gov-style) and the package version that `code-gov-front-end` uses needs to be incremented.\n\n## Legal\n\nWe use the fa-search icon from Font Awesome.  Font Awesome released their fa-search icon under this license https://creativecommons.org/licenses/by/4.0/\n\nWe copy-pasted some code from the `hamburgers` library to `_hamburgers.scss`.  Hamburgers was created by Jonsuh.  Hamburgers is released under the MIT License and can be found here https://github.com/jonsuh/hamburgers/blob/master/LICENSE as well as in the licenses folder in this repository.\n\n## FAQS\n\nHave a question?  Check out our [FAQS](FAQS.md).  If it's not there, feel free to post an issue or email us :-)\n\n## Contact\n\nTwitter: [@CodeDotGov](https://twitter.com/CodeDotGov)  \nEmail: [code@gsa.gov](mailto:code@gsa.gov)  \nLinkedIn: [code-gov](https://www.linkedin.com/company/code-gov/)  \nJoin our #opensource-public Slack channel: [https://chat.18f.gov/](https://chat.18f.gov/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGSA%2Fcode-gov-style","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGSA%2Fcode-gov-style","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGSA%2Fcode-gov-style/lists"}