Skip to content

Code for Sweden website pattern library (or pattern portfolio)

License

Notifications You must be signed in to change notification settings

codeforsweden/pattern-library

 
 

Repository files navigation

pattern-library

  • 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.

Who's working on it

Background

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:

How to use it to build websites

  1. Read the docs. Complete documentation of the pattern library with copy-and-pastable code snippets is available at http://style.codeforamerica.org.
  2. Pick your version. The current stable version is 2. The current development version is 3.
  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.

Versioning

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.

How to deploy it

Coming soon.

Contributing

We welcome bugs, questions and suggestions in the form of issues, or features and code fixes in the form of a pull request.

Submitting a Pull Request

  1. Fork the project.
  2. Create a topic branch (name it something verb-y, like fix-layout-padding).
  3. Make your changes, and commit with descriptive commit messages.
  4. Push your changes.
  5. Submit a pull request.

Submitting an Issue

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.

License

Copyright (c) 2009-2015 Code for America. See the LICENSE for details.

About

Code for Sweden website pattern library (or pattern portfolio)

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 43.4%
  • CSS 32.7%
  • HTML 22.1%
  • Other 1.8%