| Branch | Department | Agency | Public APIs | Developer Hub | Write APIs | |
|---|---|---|---|---|---|---|
| Legislative | ~~~ | Architect of the Capitol | ||||
| Legislative | ~~~ | Congressional Budget Office | ||||
| Legislative | ~~~ | Government Accountability Office | ||||
| Legislative | ~~~ | Government Printing Office | * | |||
| Legislative | ~~~ | Library of Congress | * | |||
| Legislative | ~~~ | Office of Compliance | ||||
| Legislative | ~~~ | United States Capitol Guide Service | ||||
| Legislative | ~~~ | United States Capitol Police | ||||
| Judicial | ~~~ | Administrative Office of the United States Courts | * |
This Gist's content has been added to http://government.github.io/best-practices/design-systems/ and will no longer be edited here
Initially focused on Open Design Systems used by U.S. Federal agencies (e.g. Vets.gov Playbook), and looking to include more in the Open Source Government space.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>page title</title> | |
| <style> | |
| .container { | |
| margin: 40px; |
| // Stripped out of https://s.yimg.com/zz/combo?ge/tyc/js/1.0/backyard-min.js&ge/tyc/js/1.3/tyc-components-min.js | |
| YUI().use("node", "event", "event-resize", "io", "io-xdr", "json-parse", "node-event-simulate", function (c) { | |
| var b = 1; | |
| c.all('input[type="radio"]').each(function (e) { | |
| var d = e.get("name"); | |
| if (d == "govt data requests") { | |
| if (b == 1) { | |
| e.set("checked", true) | |
| } else { | |
| e.set("checked", false) |
A Pen by Francis Rupert on CodePen.
| <!--From /library/asdf.html--> | |
| <div data-component="asdf" data-variation="v0" data-source="library"></div> | |
| <!--From /components/asdf.html--> | |
| <div data-component="asdf" data-variation="v0"></div> |
| <ul> | |
| <li><a href="link.html">thing 1</a></li> | |
| <li><a href="link.html">thing 2</a></li> | |
| <li><a href="link.html">thing 3</a></li> | |
| </ul> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>page title</title> | |
| </head> | |
| <body> | |
| <ul> | |
| <li><a href="link.html">thing 1</a></li> |
| chore: add Oyster build script | |
| docs: explain hat wobble | |
| feat: add beta sequence | |
| fix: remove broken confirmation message | |
| refactor: share logic between 4d3d3d3 and flarhgunnstow | |
| style: convert tabs to spaces | |
| test: ensure Tayne retains clothing |
| @mixin flexbox( $display: flex, $direction: row, $wrap: wrap, $justify: start, $items: start, $content: start ) { | |
| // <display> - flex | inline-flex | |
| // <direction> - row | row-reverse | column | column-reverse | |
| // <wrap> - wrap | nowrap | wrap-reverse | |
| // <justify> - start | end | center | space-between | space-around | |
| // <items> - start | end | center | baseline | stretch | |
| // <content> - start | end | center | space-between | space-around | stretch | |
| // @include flexbox( flex, row, wrap, start, start, start ); | |
| // @include flexbox( inline-flex, column, nowrap, center, start, stretch ); |