- Current stable version: 2 (release-2 tag / linkable url)
- Current development version: 3 (master branch / linkable url)
The pattern library serves as the base CSS and organizing styles for codeforamerica.org. The pattern library is also a living style guide that explains how to use our CSS to build websites.
- David Leonard: code, bugfixes, planning for the future
- Michal Migurski: hosting, code, many things
- Frances Berriman: design + code advice
Code for America's communications and tech teams worked with Brighton web design firm Clearleft and Colorado branding firm Dojo4 to create a new visual design and front-end for the Code for America website. This pattern library is used as the base for the following:
Read more about pattern libraries here:
- http://clearleft.com/thinks/patternsharing/
- http://alistapart.com/blog/post/getting-started-with-pattern-libraries
- Read the docs. Complete documentation of the pattern library with copy-and-pastable code snippets is available at http://style.codeforamerica.org.
- Pick your version. The current stable version is 2. The current development version is 3.
- Add links to your document head. For example, like this:
<head>
...
<link rel="stylesheet" href="//style.codeforamerica.org/2/style/css/main.css">
<link rel="stylesheet" href="//style.codeforamerica.org/2/style/css/layout.css" media="all and (min-width: 40em)">
<link href="//style.codeforamerica.org/2/style/css/prism.css" rel="stylesheet" />
...
</head>
Note that you should include your chosen version number (i.e. /2/) in the url path.
Note: we are still updating our versioning process. Your feedback is welcome in the issues.
Releases are currently seperated between major (full number releases, i.e. 0, 1, 2) and minor (dot releases, i.e. 2.1). Minor changes are essentially bug fixes and are intended to be fully backwards compatible. Minor changes don't trigger a new URL to a new stylesheet (i.e. release 2.1 is still available from http://style.codeforamerica.org/2/style/css/). If you link directly to our stylesheets, you will automatically get minor releases.
Major releases will attempt to preserve backwards compatability, but may introduce some quirks or require markup changes after upgrade. Please watch the repo to get updates on when major releases are available. The current stable major release is 2. The current development major release is 3.
Coming soon.
We welcome bugs, questions and suggestions in the form of issues, or features and code fixes in the form of a pull request.
- Fork the project.
- Create a topic branch (name it something verb-y, like
fix-layout-padding). - Make your changes, and commit with descriptive commit messages.
- Push your changes.
- Submit a pull request.
We use the GitHub issue tracker to track bugs and features. Before submitting a bug report or feature request, check to make sure it hasn't already been submitted. When submitting a bug report, please include a screenshot and any additioanl details that can help us debug, such as your operating system and browser version.
Copyright (c) 2009-2015 Code for America. See the LICENSE for details.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent