uswds-jekyll 1.4.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (406) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +31 -0
  3. data/README.md +547 -0
  4. data/_includes/banner.html +1 -0
  5. data/_includes/components/banner.html +20 -0
  6. data/_includes/components/footer.html +71 -0
  7. data/_includes/components/graphic-list.html +16 -0
  8. data/_includes/components/header--basic.html +72 -0
  9. data/_includes/components/header--extended.html +85 -0
  10. data/_includes/components/hero.html +32 -0
  11. data/_includes/favicon.html +5 -0
  12. data/_includes/footer.html +2 -0
  13. data/_includes/graphic-list.html +2 -0
  14. data/_includes/header.html +7 -0
  15. data/_includes/meta.html +6 -0
  16. data/_includes/scripts.html +21 -0
  17. data/_includes/sidenav.html +20 -0
  18. data/_includes/skipnav.html +1 -0
  19. data/_includes/styles.html +17 -0
  20. data/_includes/subnav.html +5 -0
  21. data/_layouts/base.html +21 -0
  22. data/_layouts/docs.html +19 -0
  23. data/_layouts/landing.html +30 -0
  24. data/_layouts/search-results.html +25 -0
  25. data/_sass/uswds/_all.scss +1 -0
  26. data/_sass/uswds/components/_accordions.scss +150 -0
  27. data/_sass/uswds/components/_alerts.scss +94 -0
  28. data/_sass/uswds/components/_banner.scss +204 -0
  29. data/_sass/uswds/components/_footer.scss +382 -0
  30. data/_sass/uswds/components/_forms.scss +164 -0
  31. data/_sass/uswds/components/_graphic-list.scss +35 -0
  32. data/_sass/uswds/components/_header.scss +221 -0
  33. data/_sass/uswds/components/_hero.scss +43 -0
  34. data/_sass/uswds/components/_layout.scss +36 -0
  35. data/_sass/uswds/components/_media-block.scss +12 -0
  36. data/_sass/uswds/components/_navigation.scss +454 -0
  37. data/_sass/uswds/components/_search.scss +106 -0
  38. data/_sass/uswds/components/_section.scss +37 -0
  39. data/_sass/uswds/components/_sidenav.scss +8 -0
  40. data/_sass/uswds/components/_skipnav.scss +19 -0
  41. data/_sass/uswds/core/_base.scss +30 -0
  42. data/_sass/uswds/core/_defaults.scss +8 -0
  43. data/_sass/uswds/core/_fonts.scss +65 -0
  44. data/_sass/uswds/core/_grid-settings.scss +3 -0
  45. data/_sass/uswds/core/_grid.scss +199 -0
  46. data/_sass/uswds/core/_utilities.scss +232 -0
  47. data/_sass/uswds/core/_variables.scss +123 -0
  48. data/_sass/uswds/elements/_buttons.scss +191 -0
  49. data/_sass/uswds/elements/_embed.scss +26 -0
  50. data/_sass/uswds/elements/_figure.scss +13 -0
  51. data/_sass/uswds/elements/_inputs.scss +346 -0
  52. data/_sass/uswds/elements/_labels.scss +20 -0
  53. data/_sass/uswds/elements/_list.scss +32 -0
  54. data/_sass/uswds/elements/_table.scss +47 -0
  55. data/_sass/uswds/elements/_typography.scss +257 -0
  56. data/_sass/uswds/lib/_bourbon-deprecated-upcoming.scss +411 -0
  57. data/_sass/uswds/lib/_bourbon.scss +87 -0
  58. data/_sass/uswds/lib/_neat-helpers.scss +11 -0
  59. data/_sass/uswds/lib/_neat.scss +23 -0
  60. data/_sass/uswds/lib/_normalize.scss +424 -0
  61. data/_sass/uswds/lib/addons/_border-color.scss +26 -0
  62. data/_sass/uswds/lib/addons/_border-radius.scss +48 -0
  63. data/_sass/uswds/lib/addons/_border-style.scss +25 -0
  64. data/_sass/uswds/lib/addons/_border-width.scss +25 -0
  65. data/_sass/uswds/lib/addons/_buttons.scss +64 -0
  66. data/_sass/uswds/lib/addons/_clearfix.scss +25 -0
  67. data/_sass/uswds/lib/addons/_ellipsis.scss +30 -0
  68. data/_sass/uswds/lib/addons/_font-stacks.scss +31 -0
  69. data/_sass/uswds/lib/addons/_hide-text.scss +27 -0
  70. data/_sass/uswds/lib/addons/_margin.scss +26 -0
  71. data/_sass/uswds/lib/addons/_padding.scss +26 -0
  72. data/_sass/uswds/lib/addons/_position.scss +48 -0
  73. data/_sass/uswds/lib/addons/_prefixer.scss +66 -0
  74. data/_sass/uswds/lib/addons/_retina-image.scss +25 -0
  75. data/_sass/uswds/lib/addons/_size.scss +51 -0
  76. data/_sass/uswds/lib/addons/_text-inputs.scss +113 -0
  77. data/_sass/uswds/lib/addons/_timing-functions.scss +34 -0
  78. data/_sass/uswds/lib/addons/_triangle.scss +63 -0
  79. data/_sass/uswds/lib/addons/_word-wrap.scss +29 -0
  80. data/_sass/uswds/lib/css3/_animation.scss +43 -0
  81. data/_sass/uswds/lib/css3/_appearance.scss +3 -0
  82. data/_sass/uswds/lib/css3/_backface-visibility.scss +3 -0
  83. data/_sass/uswds/lib/css3/_background-image.scss +42 -0
  84. data/_sass/uswds/lib/css3/_background.scss +55 -0
  85. data/_sass/uswds/lib/css3/_border-image.scss +59 -0
  86. data/_sass/uswds/lib/css3/_calc.scss +4 -0
  87. data/_sass/uswds/lib/css3/_columns.scss +47 -0
  88. data/_sass/uswds/lib/css3/_filter.scss +4 -0
  89. data/_sass/uswds/lib/css3/_flex-box.scss +287 -0
  90. data/_sass/uswds/lib/css3/_font-face.scss +24 -0
  91. data/_sass/uswds/lib/css3/_font-feature-settings.scss +4 -0
  92. data/_sass/uswds/lib/css3/_hidpi-media-query.scss +10 -0
  93. data/_sass/uswds/lib/css3/_hyphens.scss +4 -0
  94. data/_sass/uswds/lib/css3/_image-rendering.scss +14 -0
  95. data/_sass/uswds/lib/css3/_keyframes.scss +36 -0
  96. data/_sass/uswds/lib/css3/_linear-gradient.scss +38 -0
  97. data/_sass/uswds/lib/css3/_perspective.scss +8 -0
  98. data/_sass/uswds/lib/css3/_placeholder.scss +8 -0
  99. data/_sass/uswds/lib/css3/_radial-gradient.scss +39 -0
  100. data/_sass/uswds/lib/css3/_selection.scss +42 -0
  101. data/_sass/uswds/lib/css3/_text-decoration.scss +19 -0
  102. data/_sass/uswds/lib/css3/_transform.scss +15 -0
  103. data/_sass/uswds/lib/css3/_transition.scss +71 -0
  104. data/_sass/uswds/lib/css3/_user-select.scss +3 -0
  105. data/_sass/uswds/lib/functions/_assign-inputs.scss +11 -0
  106. data/_sass/uswds/lib/functions/_contains-falsy.scss +20 -0
  107. data/_sass/uswds/lib/functions/_contains.scss +26 -0
  108. data/_sass/uswds/lib/functions/_is-length.scss +11 -0
  109. data/_sass/uswds/lib/functions/_is-light.scss +21 -0
  110. data/_sass/uswds/lib/functions/_is-number.scss +11 -0
  111. data/_sass/uswds/lib/functions/_is-size.scss +13 -0
  112. data/_sass/uswds/lib/functions/_modular-scale.scss +69 -0
  113. data/_sass/uswds/lib/functions/_new-breakpoint.scss +49 -0
  114. data/_sass/uswds/lib/functions/_private.scss +114 -0
  115. data/_sass/uswds/lib/functions/_px-to-em.scss +13 -0
  116. data/_sass/uswds/lib/functions/_px-to-rem.scss +15 -0
  117. data/_sass/uswds/lib/functions/_shade.scss +24 -0
  118. data/_sass/uswds/lib/functions/_strip-units.scss +17 -0
  119. data/_sass/uswds/lib/functions/_tint.scss +24 -0
  120. data/_sass/uswds/lib/functions/_transition-property-name.scss +22 -0
  121. data/_sass/uswds/lib/functions/_unpack.scss +27 -0
  122. data/_sass/uswds/lib/grid/_box-sizing.scss +15 -0
  123. data/_sass/uswds/lib/grid/_direction-context.scss +33 -0
  124. data/_sass/uswds/lib/grid/_display-context.scss +28 -0
  125. data/_sass/uswds/lib/grid/_fill-parent.scss +22 -0
  126. data/_sass/uswds/lib/grid/_media.scss +92 -0
  127. data/_sass/uswds/lib/grid/_omega.scss +87 -0
  128. data/_sass/uswds/lib/grid/_outer-container.scss +34 -0
  129. data/_sass/uswds/lib/grid/_pad.scss +25 -0
  130. data/_sass/uswds/lib/grid/_private.scss +35 -0
  131. data/_sass/uswds/lib/grid/_row.scss +52 -0
  132. data/_sass/uswds/lib/grid/_shift.scss +50 -0
  133. data/_sass/uswds/lib/grid/_span-columns.scss +94 -0
  134. data/_sass/uswds/lib/grid/_to-deprecate.scss +97 -0
  135. data/_sass/uswds/lib/grid/_visual-grid.scss +42 -0
  136. data/_sass/uswds/lib/helpers/_convert-units.scss +21 -0
  137. data/_sass/uswds/lib/helpers/_directional-values.scss +96 -0
  138. data/_sass/uswds/lib/helpers/_font-source-declaration.scss +43 -0
  139. data/_sass/uswds/lib/helpers/_gradient-positions-parser.scss +13 -0
  140. data/_sass/uswds/lib/helpers/_linear-angle-parser.scss +25 -0
  141. data/_sass/uswds/lib/helpers/_linear-gradient-parser.scss +41 -0
  142. data/_sass/uswds/lib/helpers/_linear-positions-parser.scss +61 -0
  143. data/_sass/uswds/lib/helpers/_linear-side-corner-parser.scss +31 -0
  144. data/_sass/uswds/lib/helpers/_radial-arg-parser.scss +69 -0
  145. data/_sass/uswds/lib/helpers/_radial-gradient-parser.scss +50 -0
  146. data/_sass/uswds/lib/helpers/_radial-positions-parser.scss +18 -0
  147. data/_sass/uswds/lib/helpers/_render-gradients.scss +26 -0
  148. data/_sass/uswds/lib/helpers/_shape-size-stripper.scss +10 -0
  149. data/_sass/uswds/lib/helpers/_str-to-num.scss +50 -0
  150. data/_sass/uswds/lib/mixins/_clearfix.scss +25 -0
  151. data/_sass/uswds/lib/settings/_asset-pipeline.scss +7 -0
  152. data/_sass/uswds/lib/settings/_disable-warnings.scss +13 -0
  153. data/_sass/uswds/lib/settings/_grid.scss +51 -0
  154. data/_sass/uswds/lib/settings/_prefixer.scss +9 -0
  155. data/_sass/uswds/lib/settings/_px-to-em.scss +1 -0
  156. data/_sass/uswds/lib/settings/_visual-grid.scss +27 -0
  157. data/_sass/uswds/uswds.scss +41 -0
  158. data/assets/uswds/CONTRIBUTING.md +145 -0
  159. data/assets/uswds/LICENSE.md +63 -0
  160. data/assets/uswds/README.md +259 -0
  161. data/assets/uswds/css/uswds.css +4463 -0
  162. data/assets/uswds/css/uswds.min.css +4 -0
  163. data/assets/uswds/css/uswds.min.css.map +1 -0
  164. data/assets/uswds/fonts/merriweather-bold-webfont.eot +0 -0
  165. data/assets/uswds/fonts/merriweather-bold-webfont.ttf +0 -0
  166. data/assets/uswds/fonts/merriweather-bold-webfont.woff +0 -0
  167. data/assets/uswds/fonts/merriweather-bold-webfont.woff2 +0 -0
  168. data/assets/uswds/fonts/merriweather-italic-webfont.eot +0 -0
  169. data/assets/uswds/fonts/merriweather-italic-webfont.ttf +0 -0
  170. data/assets/uswds/fonts/merriweather-italic-webfont.woff +0 -0
  171. data/assets/uswds/fonts/merriweather-italic-webfont.woff2 +0 -0
  172. data/assets/uswds/fonts/merriweather-light-webfont.eot +0 -0
  173. data/assets/uswds/fonts/merriweather-light-webfont.ttf +0 -0
  174. data/assets/uswds/fonts/merriweather-light-webfont.woff +0 -0
  175. data/assets/uswds/fonts/merriweather-light-webfont.woff2 +0 -0
  176. data/assets/uswds/fonts/merriweather-regular-webfont.eot +0 -0
  177. data/assets/uswds/fonts/merriweather-regular-webfont.ttf +0 -0
  178. data/assets/uswds/fonts/merriweather-regular-webfont.woff +0 -0
  179. data/assets/uswds/fonts/merriweather-regular-webfont.woff2 +0 -0
  180. data/assets/uswds/fonts/sourcesanspro-bold-webfont.eot +0 -0
  181. data/assets/uswds/fonts/sourcesanspro-bold-webfont.ttf +0 -0
  182. data/assets/uswds/fonts/sourcesanspro-bold-webfont.woff +0 -0
  183. data/assets/uswds/fonts/sourcesanspro-bold-webfont.woff2 +0 -0
  184. data/assets/uswds/fonts/sourcesanspro-italic-webfont.eot +0 -0
  185. data/assets/uswds/fonts/sourcesanspro-italic-webfont.ttf +0 -0
  186. data/assets/uswds/fonts/sourcesanspro-italic-webfont.woff +0 -0
  187. data/assets/uswds/fonts/sourcesanspro-italic-webfont.woff2 +0 -0
  188. data/assets/uswds/fonts/sourcesanspro-light-webfont.eot +0 -0
  189. data/assets/uswds/fonts/sourcesanspro-light-webfont.ttf +0 -0
  190. data/assets/uswds/fonts/sourcesanspro-light-webfont.woff +0 -0
  191. data/assets/uswds/fonts/sourcesanspro-light-webfont.woff2 +0 -0
  192. data/assets/uswds/fonts/sourcesanspro-regular-webfont.eot +0 -0
  193. data/assets/uswds/fonts/sourcesanspro-regular-webfont.ttf +0 -0
  194. data/assets/uswds/fonts/sourcesanspro-regular-webfont.woff +0 -0
  195. data/assets/uswds/fonts/sourcesanspro-regular-webfont.woff2 +0 -0
  196. data/assets/uswds/img/alerts/error.png +0 -0
  197. data/assets/uswds/img/alerts/error.svg +17 -0
  198. data/assets/uswds/img/alerts/info.png +0 -0
  199. data/assets/uswds/img/alerts/info.svg +18 -0
  200. data/assets/uswds/img/alerts/success.png +0 -0
  201. data/assets/uswds/img/alerts/success.svg +12 -0
  202. data/assets/uswds/img/alerts/warning.png +0 -0
  203. data/assets/uswds/img/alerts/warning.svg +16 -0
  204. data/assets/uswds/img/angle-arrow-down-hover.png +0 -0
  205. data/assets/uswds/img/angle-arrow-down-hover.svg +1 -0
  206. data/assets/uswds/img/angle-arrow-down-primary-hover.png +0 -0
  207. data/assets/uswds/img/angle-arrow-down-primary-hover.svg +1 -0
  208. data/assets/uswds/img/angle-arrow-down-primary.png +0 -0
  209. data/assets/uswds/img/angle-arrow-down-primary.svg +1 -0
  210. data/assets/uswds/img/angle-arrow-down.png +0 -0
  211. data/assets/uswds/img/angle-arrow-down.svg +1 -0
  212. data/assets/uswds/img/angle-arrow-up-primary-hover.png +0 -0
  213. data/assets/uswds/img/angle-arrow-up-primary-hover.svg +1 -0
  214. data/assets/uswds/img/angle-arrow-up-primary.png +0 -0
  215. data/assets/uswds/img/angle-arrow-up-primary.svg +1 -0
  216. data/assets/uswds/img/arrow-down.png +0 -0
  217. data/assets/uswds/img/arrow-down.svg +1 -0
  218. data/assets/uswds/img/arrow-right.png +0 -0
  219. data/assets/uswds/img/arrow-right.svg +1 -0
  220. data/assets/uswds/img/circle-124.png +0 -0
  221. data/assets/uswds/img/close.png +0 -0
  222. data/assets/uswds/img/close.svg +1 -0
  223. data/assets/uswds/img/correct8.png +0 -0
  224. data/assets/uswds/img/correct8.svg +1 -0
  225. data/assets/uswds/img/correct9.png +0 -0
  226. data/assets/uswds/img/correct9.svg +1 -0
  227. data/assets/uswds/img/external-link-alt-hover.png +0 -0
  228. data/assets/uswds/img/external-link-alt-hover.svg +1 -0
  229. data/assets/uswds/img/external-link-alt.png +0 -0
  230. data/assets/uswds/img/external-link-alt.svg +1 -0
  231. data/assets/uswds/img/external-link-hover.png +0 -0
  232. data/assets/uswds/img/external-link-hover.svg +1 -0
  233. data/assets/uswds/img/external-link.png +0 -0
  234. data/assets/uswds/img/external-link.svg +1 -0
  235. data/assets/uswds/img/favicons/favicon-114.png +0 -0
  236. data/assets/uswds/img/favicons/favicon-144.png +0 -0
  237. data/assets/uswds/img/favicons/favicon-16.png +0 -0
  238. data/assets/uswds/img/favicons/favicon-192.png +0 -0
  239. data/assets/uswds/img/favicons/favicon-40.png +0 -0
  240. data/assets/uswds/img/favicons/favicon-57.png +0 -0
  241. data/assets/uswds/img/favicons/favicon-72.png +0 -0
  242. data/assets/uswds/img/favicons/favicon.ico +0 -0
  243. data/assets/uswds/img/favicons/favicon.png +0 -0
  244. data/assets/uswds/img/hero.png +0 -0
  245. data/assets/uswds/img/icon-dot-gov.svg +1 -0
  246. data/assets/uswds/img/icon-https.svg +1 -0
  247. data/assets/uswds/img/logo-img.png +0 -0
  248. data/assets/uswds/img/minus-alt.png +0 -0
  249. data/assets/uswds/img/minus-alt.svg +1 -0
  250. data/assets/uswds/img/minus.png +0 -0
  251. data/assets/uswds/img/minus.svg +1 -0
  252. data/assets/uswds/img/plus-alt.png +0 -0
  253. data/assets/uswds/img/plus-alt.svg +1 -0
  254. data/assets/uswds/img/plus.png +0 -0
  255. data/assets/uswds/img/plus.svg +1 -0
  256. data/assets/uswds/img/search-alt.png +0 -0
  257. data/assets/uswds/img/search-alt.svg +1 -0
  258. data/assets/uswds/img/search.png +0 -0
  259. data/assets/uswds/img/search.svg +1 -0
  260. data/assets/uswds/img/social-icons/png/facebook25.png +0 -0
  261. data/assets/uswds/img/social-icons/png/rss25.png +0 -0
  262. data/assets/uswds/img/social-icons/png/twitter16.png +0 -0
  263. data/assets/uswds/img/social-icons/png/youtube15.png +0 -0
  264. data/assets/uswds/img/social-icons/svg/facebook25.svg +1 -0
  265. data/assets/uswds/img/social-icons/svg/rss25.svg +1 -0
  266. data/assets/uswds/img/social-icons/svg/twitter16.svg +1 -0
  267. data/assets/uswds/img/social-icons/svg/youtube15.svg +1 -0
  268. data/assets/uswds/img/us_flag_small.png +0 -0
  269. data/assets/uswds/js/uswds.js +1831 -0
  270. data/assets/uswds/js/uswds.min.js +2 -0
  271. data/assets/uswds/js/uswds.min.js.map +1 -0
  272. data/assets/uswds/scss/_all.scss +1 -0
  273. data/assets/uswds/scss/components/_accordions.scss +150 -0
  274. data/assets/uswds/scss/components/_alerts.scss +94 -0
  275. data/assets/uswds/scss/components/_banner.scss +204 -0
  276. data/assets/uswds/scss/components/_footer.scss +382 -0
  277. data/assets/uswds/scss/components/_forms.scss +164 -0
  278. data/assets/uswds/scss/components/_graphic-list.scss +35 -0
  279. data/assets/uswds/scss/components/_header.scss +221 -0
  280. data/assets/uswds/scss/components/_hero.scss +43 -0
  281. data/assets/uswds/scss/components/_layout.scss +36 -0
  282. data/assets/uswds/scss/components/_media-block.scss +12 -0
  283. data/assets/uswds/scss/components/_navigation.scss +454 -0
  284. data/assets/uswds/scss/components/_search.scss +106 -0
  285. data/assets/uswds/scss/components/_section.scss +37 -0
  286. data/assets/uswds/scss/components/_sidenav.scss +8 -0
  287. data/assets/uswds/scss/components/_skipnav.scss +19 -0
  288. data/assets/uswds/scss/core/_base.scss +30 -0
  289. data/assets/uswds/scss/core/_defaults.scss +8 -0
  290. data/assets/uswds/scss/core/_fonts.scss +65 -0
  291. data/assets/uswds/scss/core/_grid-settings.scss +3 -0
  292. data/assets/uswds/scss/core/_grid.scss +199 -0
  293. data/assets/uswds/scss/core/_utilities.scss +232 -0
  294. data/assets/uswds/scss/core/_variables.scss +123 -0
  295. data/assets/uswds/scss/elements/_buttons.scss +191 -0
  296. data/assets/uswds/scss/elements/_embed.scss +26 -0
  297. data/assets/uswds/scss/elements/_figure.scss +13 -0
  298. data/assets/uswds/scss/elements/_inputs.scss +346 -0
  299. data/assets/uswds/scss/elements/_labels.scss +20 -0
  300. data/assets/uswds/scss/elements/_list.scss +32 -0
  301. data/assets/uswds/scss/elements/_table.scss +47 -0
  302. data/assets/uswds/scss/elements/_typography.scss +257 -0
  303. data/assets/uswds/scss/lib/_bourbon-deprecated-upcoming.scss +411 -0
  304. data/assets/uswds/scss/lib/_bourbon.scss +87 -0
  305. data/assets/uswds/scss/lib/_neat-helpers.scss +11 -0
  306. data/assets/uswds/scss/lib/_neat.scss +23 -0
  307. data/assets/uswds/scss/lib/_normalize.scss +424 -0
  308. data/assets/uswds/scss/lib/addons/_border-color.scss +26 -0
  309. data/assets/uswds/scss/lib/addons/_border-radius.scss +48 -0
  310. data/assets/uswds/scss/lib/addons/_border-style.scss +25 -0
  311. data/assets/uswds/scss/lib/addons/_border-width.scss +25 -0
  312. data/assets/uswds/scss/lib/addons/_buttons.scss +64 -0
  313. data/assets/uswds/scss/lib/addons/_clearfix.scss +25 -0
  314. data/assets/uswds/scss/lib/addons/_ellipsis.scss +30 -0
  315. data/assets/uswds/scss/lib/addons/_font-stacks.scss +31 -0
  316. data/assets/uswds/scss/lib/addons/_hide-text.scss +27 -0
  317. data/assets/uswds/scss/lib/addons/_margin.scss +26 -0
  318. data/assets/uswds/scss/lib/addons/_padding.scss +26 -0
  319. data/assets/uswds/scss/lib/addons/_position.scss +48 -0
  320. data/assets/uswds/scss/lib/addons/_prefixer.scss +66 -0
  321. data/assets/uswds/scss/lib/addons/_retina-image.scss +25 -0
  322. data/assets/uswds/scss/lib/addons/_size.scss +51 -0
  323. data/assets/uswds/scss/lib/addons/_text-inputs.scss +113 -0
  324. data/assets/uswds/scss/lib/addons/_timing-functions.scss +34 -0
  325. data/assets/uswds/scss/lib/addons/_triangle.scss +63 -0
  326. data/assets/uswds/scss/lib/addons/_word-wrap.scss +29 -0
  327. data/assets/uswds/scss/lib/css3/_animation.scss +43 -0
  328. data/assets/uswds/scss/lib/css3/_appearance.scss +3 -0
  329. data/assets/uswds/scss/lib/css3/_backface-visibility.scss +3 -0
  330. data/assets/uswds/scss/lib/css3/_background-image.scss +42 -0
  331. data/assets/uswds/scss/lib/css3/_background.scss +55 -0
  332. data/assets/uswds/scss/lib/css3/_border-image.scss +59 -0
  333. data/assets/uswds/scss/lib/css3/_calc.scss +4 -0
  334. data/assets/uswds/scss/lib/css3/_columns.scss +47 -0
  335. data/assets/uswds/scss/lib/css3/_filter.scss +4 -0
  336. data/assets/uswds/scss/lib/css3/_flex-box.scss +287 -0
  337. data/assets/uswds/scss/lib/css3/_font-face.scss +24 -0
  338. data/assets/uswds/scss/lib/css3/_font-feature-settings.scss +4 -0
  339. data/assets/uswds/scss/lib/css3/_hidpi-media-query.scss +10 -0
  340. data/assets/uswds/scss/lib/css3/_hyphens.scss +4 -0
  341. data/assets/uswds/scss/lib/css3/_image-rendering.scss +14 -0
  342. data/assets/uswds/scss/lib/css3/_keyframes.scss +36 -0
  343. data/assets/uswds/scss/lib/css3/_linear-gradient.scss +38 -0
  344. data/assets/uswds/scss/lib/css3/_perspective.scss +8 -0
  345. data/assets/uswds/scss/lib/css3/_placeholder.scss +8 -0
  346. data/assets/uswds/scss/lib/css3/_radial-gradient.scss +39 -0
  347. data/assets/uswds/scss/lib/css3/_selection.scss +42 -0
  348. data/assets/uswds/scss/lib/css3/_text-decoration.scss +19 -0
  349. data/assets/uswds/scss/lib/css3/_transform.scss +15 -0
  350. data/assets/uswds/scss/lib/css3/_transition.scss +71 -0
  351. data/assets/uswds/scss/lib/css3/_user-select.scss +3 -0
  352. data/assets/uswds/scss/lib/functions/_assign-inputs.scss +11 -0
  353. data/assets/uswds/scss/lib/functions/_contains-falsy.scss +20 -0
  354. data/assets/uswds/scss/lib/functions/_contains.scss +26 -0
  355. data/assets/uswds/scss/lib/functions/_is-length.scss +11 -0
  356. data/assets/uswds/scss/lib/functions/_is-light.scss +21 -0
  357. data/assets/uswds/scss/lib/functions/_is-number.scss +11 -0
  358. data/assets/uswds/scss/lib/functions/_is-size.scss +13 -0
  359. data/assets/uswds/scss/lib/functions/_modular-scale.scss +69 -0
  360. data/assets/uswds/scss/lib/functions/_new-breakpoint.scss +49 -0
  361. data/assets/uswds/scss/lib/functions/_private.scss +114 -0
  362. data/assets/uswds/scss/lib/functions/_px-to-em.scss +13 -0
  363. data/assets/uswds/scss/lib/functions/_px-to-rem.scss +15 -0
  364. data/assets/uswds/scss/lib/functions/_shade.scss +24 -0
  365. data/assets/uswds/scss/lib/functions/_strip-units.scss +17 -0
  366. data/assets/uswds/scss/lib/functions/_tint.scss +24 -0
  367. data/assets/uswds/scss/lib/functions/_transition-property-name.scss +22 -0
  368. data/assets/uswds/scss/lib/functions/_unpack.scss +27 -0
  369. data/assets/uswds/scss/lib/grid/_box-sizing.scss +15 -0
  370. data/assets/uswds/scss/lib/grid/_direction-context.scss +33 -0
  371. data/assets/uswds/scss/lib/grid/_display-context.scss +28 -0
  372. data/assets/uswds/scss/lib/grid/_fill-parent.scss +22 -0
  373. data/assets/uswds/scss/lib/grid/_media.scss +92 -0
  374. data/assets/uswds/scss/lib/grid/_omega.scss +87 -0
  375. data/assets/uswds/scss/lib/grid/_outer-container.scss +34 -0
  376. data/assets/uswds/scss/lib/grid/_pad.scss +25 -0
  377. data/assets/uswds/scss/lib/grid/_private.scss +35 -0
  378. data/assets/uswds/scss/lib/grid/_row.scss +52 -0
  379. data/assets/uswds/scss/lib/grid/_shift.scss +50 -0
  380. data/assets/uswds/scss/lib/grid/_span-columns.scss +94 -0
  381. data/assets/uswds/scss/lib/grid/_to-deprecate.scss +97 -0
  382. data/assets/uswds/scss/lib/grid/_visual-grid.scss +42 -0
  383. data/assets/uswds/scss/lib/helpers/_convert-units.scss +21 -0
  384. data/assets/uswds/scss/lib/helpers/_directional-values.scss +96 -0
  385. data/assets/uswds/scss/lib/helpers/_font-source-declaration.scss +43 -0
  386. data/assets/uswds/scss/lib/helpers/_gradient-positions-parser.scss +13 -0
  387. data/assets/uswds/scss/lib/helpers/_linear-angle-parser.scss +25 -0
  388. data/assets/uswds/scss/lib/helpers/_linear-gradient-parser.scss +41 -0
  389. data/assets/uswds/scss/lib/helpers/_linear-positions-parser.scss +61 -0
  390. data/assets/uswds/scss/lib/helpers/_linear-side-corner-parser.scss +31 -0
  391. data/assets/uswds/scss/lib/helpers/_radial-arg-parser.scss +69 -0
  392. data/assets/uswds/scss/lib/helpers/_radial-gradient-parser.scss +50 -0
  393. data/assets/uswds/scss/lib/helpers/_radial-positions-parser.scss +18 -0
  394. data/assets/uswds/scss/lib/helpers/_render-gradients.scss +26 -0
  395. data/assets/uswds/scss/lib/helpers/_shape-size-stripper.scss +10 -0
  396. data/assets/uswds/scss/lib/helpers/_str-to-num.scss +50 -0
  397. data/assets/uswds/scss/lib/mixins/_clearfix.scss +25 -0
  398. data/assets/uswds/scss/lib/settings/_asset-pipeline.scss +7 -0
  399. data/assets/uswds/scss/lib/settings/_disable-warnings.scss +13 -0
  400. data/assets/uswds/scss/lib/settings/_grid.scss +51 -0
  401. data/assets/uswds/scss/lib/settings/_prefixer.scss +9 -0
  402. data/assets/uswds/scss/lib/settings/_px-to-em.scss +1 -0
  403. data/assets/uswds/scss/lib/settings/_visual-grid.scss +27 -0
  404. data/assets/uswds/scss/uswds.scss +41 -0
  405. data/assets/uswds/uswds-1.3.1.zip +0 -0
  406. metadata +490 -0
@@ -0,0 +1,26 @@
1
+ $aspect-height: 9;
2
+ $aspect-width: 16;
3
+
4
+ @mixin embed-container ($height, $width) {
5
+ padding-bottom: percentage($height/$width);
6
+ }
7
+
8
+ .usa-embed-container {
9
+ iframe,
10
+ object,
11
+ embed {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ width: 100%;
16
+ height: 100%;
17
+ }
18
+ }
19
+
20
+ .usa-embed-container {
21
+ @include embed-container($aspect-height, $aspect-width);
22
+ position: relative;
23
+ height: 0;
24
+ overflow: hidden;
25
+ max-width: 100%;
26
+ }
@@ -0,0 +1,13 @@
1
+ img {
2
+ max-width: 100%;
3
+ }
4
+
5
+ // TODO: Add documentation instructions for using this class on image links
6
+ @mixin media-link {
7
+ display: inline-block;
8
+ line-height: 0;
9
+ }
10
+
11
+ .media_link {
12
+ @include media-link();
13
+ }
@@ -0,0 +1,346 @@
1
+ // scss-lint:disable QualifyingElement, PropertyCount
2
+
3
+ $input-line-height: 1.3;
4
+ $input-border-width: 0.1rem; // Using rem instead of px so function uses same units
5
+ $input-padding-vertical: 1rem;
6
+
7
+ // input heights will vary by browser and type
8
+ // if height not explicitly set
9
+ $input-height-exact: (
10
+ ($base-font-size * $input-line-height) +
11
+ ($input-padding-vertical * 2) +
12
+ ($input-border-width * 2)
13
+ );
14
+
15
+ // truncated to 1 decimal place
16
+ // (i.e., 1.21rem -> 1.2rem)
17
+ $input-height: floor($input-height-exact * 10) / 10;
18
+
19
+ // Block form elements
20
+ /* stylelint-disable selector-no-qualifying-type */
21
+ input,
22
+ textarea,
23
+ select {
24
+ appearance: none;
25
+ border: $input-border-width solid $color-gray;
26
+ border-radius: 0;
27
+ box-sizing: border-box;
28
+ color: $color-base; // standardize on firefox
29
+ display: block;
30
+ font-size: $base-font-size;
31
+ height: $input-height;
32
+ line-height: $input-line-height;
33
+ margin: 0.2em 0;
34
+ max-width: $input-max-width;
35
+ outline: none;
36
+ padding: $input-padding-vertical 0.7em;
37
+ width: 100%;
38
+
39
+ &:focus,
40
+ &.usa-input-focus {
41
+ box-shadow: $focus-shadow;
42
+ }
43
+
44
+ &.usa-input-success {
45
+ border: 3px solid $color-green-light;
46
+ }
47
+ }
48
+ /* stylelint-enable */
49
+
50
+ .usa-input-error {
51
+ border-left: 4px solid $color-secondary-dark;
52
+ margin-top: 3rem;
53
+ padding-bottom: 0.8rem;
54
+ padding-left: 1.5rem;
55
+ padding-top: 0.8rem;
56
+ position: relative;
57
+ right: 1.9rem;
58
+
59
+ input,
60
+ textarea,
61
+ select {
62
+ border: 3px solid $color-secondary-dark;
63
+ width: calc(100% + 1.9rem); // 1.5rem left padding + 4px border from input error spacing
64
+ }
65
+
66
+ label {
67
+ margin-top: 0;
68
+ }
69
+
70
+ .usa-input-inline {
71
+ border: $input-border-width solid $color-gray;
72
+ width: inherit;
73
+ }
74
+
75
+ .usa-input-inline-error {
76
+ border: 3px solid $color-secondary-dark;
77
+ }
78
+ }
79
+
80
+ .usa-input-error-label {
81
+ display: block;
82
+ font-size: $base-font-size;
83
+ font-weight: $font-bold;
84
+ }
85
+
86
+ .usa-input-error-message {
87
+ color: $color-secondary-dark;
88
+ display: block;
89
+ font-size: $base-font-size;
90
+ font-weight: $font-bold;
91
+ padding-bottom: 3px;
92
+ padding-top: 3px;
93
+ }
94
+
95
+ .usa-input-required:after {
96
+ color: $color-secondary-darkest;
97
+ content: ' (*Required)';
98
+ }
99
+
100
+ label {
101
+ display: block;
102
+ margin-top: 3rem;
103
+ max-width: $input-max-width;
104
+ }
105
+
106
+ textarea {
107
+ height: 16rem;
108
+ }
109
+
110
+ select {
111
+ -moz-appearance: none;
112
+ -webkit-appearance: none;
113
+ appearance: none;
114
+ background-color: $color-white;
115
+ background-image: url('#{$image-path}/arrow-down.png');
116
+ background-image: url('#{$image-path}/arrow-down.svg');
117
+ background-position: right 1.3rem center;
118
+ background-repeat: no-repeat;
119
+ background-size: 1.3rem;
120
+ }
121
+
122
+ legend {
123
+ font-size: $h2-font-size;
124
+ font-weight: $font-bold;
125
+ }
126
+
127
+ .usa-fieldset-inputs {
128
+ label {
129
+ margin-top: 0;
130
+ }
131
+ }
132
+
133
+ // Hint text
134
+
135
+ .usa-form-hint {
136
+ color: $color-gray-medium;
137
+ font-family: $font-sans;
138
+ margin-bottom: 0;
139
+ }
140
+
141
+ // Custom checkboxes
142
+
143
+ [type=checkbox],
144
+ [type=radio] {
145
+ // The actual input element is only visible to screen readers, because
146
+ // all visual styling is done via the label.
147
+ @include sr-only();
148
+
149
+ .lt-ie9 & {
150
+ border: 0;
151
+ float: left;
152
+ margin: 0.4em 0.4em 0 0;
153
+ position: static;
154
+ width: auto;
155
+ }
156
+ }
157
+
158
+ [type=checkbox] + label,
159
+ [type=radio] + label {
160
+ cursor: pointer;
161
+ font-weight: 400;
162
+ margin-bottom: 0.5em;
163
+ }
164
+
165
+ [type=checkbox] + label::before,
166
+ [type=radio] + label::before {
167
+ background: $color-white;
168
+ border-radius: $border-radius;
169
+ box-shadow: 0 0 0 1px $color-gray-medium;
170
+ content: '\a0';
171
+ display: inline-block;
172
+ height: 1.8rem;
173
+ line-height: 1.8rem;
174
+ margin-right: 0.6em;
175
+ text-indent: 0.15em;
176
+ vertical-align: middle\0; // Target IE 11 and below to vertically center inputs
177
+ width: 1.8rem;
178
+ }
179
+
180
+ [type=radio] + label::before {
181
+ box-shadow: 0 0 0 2px $color-white, 0 0 0 3px $color-gray-medium;
182
+ height: 1.6rem;
183
+ line-height: 1.6rem;
184
+ width: 1.6rem;
185
+ border-radius: 100%;
186
+ }
187
+
188
+ [type=checkbox]:checked + label::before,
189
+ [type=radio]:checked + label::before {
190
+ background-color: $color-primary;
191
+ box-shadow: 0 0 0 1px $color-primary;
192
+ }
193
+
194
+ [type=radio]:checked + label::before {
195
+ box-shadow: 0 0 0 2px $color-white, 0 0 0 4px $color-primary;
196
+ }
197
+
198
+ [type=radio]:focus + label::before {
199
+ box-shadow: 0 0 0 2px $color-white, 0 0 0 4px $color-primary, 0 0 3px 4px $color-focus, 0 0 7px 4px $color-focus;
200
+ }
201
+
202
+ [type=checkbox]:checked + label::before,
203
+ [type=checkbox]:checked:disabled + label::before {
204
+ background-image: url('#{$image-path}/correct8.png');
205
+ background-image: url('#{$image-path}/correct8.svg');
206
+ background-position: 50%;
207
+ background-repeat: no-repeat;
208
+ }
209
+
210
+ [type=checkbox]:focus + label::before {
211
+ box-shadow: 0 0 0 1px $color-white, 0 0 0 3px $color-primary;
212
+ }
213
+
214
+ [type=checkbox]:disabled + label {
215
+ color: $color-gray;
216
+ }
217
+
218
+ [type=checkbox]:disabled + label::before,
219
+ [type=radio]:disabled + label::before {
220
+ background: $color-gray-lighter;
221
+ box-shadow: 0 0 0 1px $color-gray-light;
222
+ cursor: not-allowed;
223
+ }
224
+
225
+ // Range inputs
226
+
227
+ [type=range] {
228
+ -webkit-appearance: none;
229
+ border: none;
230
+ padding-left: 0;
231
+ width: 100%;
232
+ }
233
+
234
+ [type=range]:focus {
235
+ box-shadow: none;
236
+ outline: none;
237
+ }
238
+
239
+ [type=range]::-webkit-slider-runnable-track {
240
+ background: $color-gray-light;
241
+ border: 1px solid $color-gray-medium;
242
+ cursor: pointer;
243
+ height: 1.2rem;
244
+ width: 100%;
245
+ }
246
+
247
+ [type=range]::-moz-range-track {
248
+ background: $color-primary;
249
+ border: 1px solid $color-gray-medium;
250
+ cursor: pointer;
251
+ height: 1.2rem;
252
+ width: 100%;
253
+ }
254
+
255
+ [type=range]::-ms-track {
256
+ background: transparent;
257
+ color: transparent;
258
+ cursor: pointer;
259
+ height: 1.2rem;
260
+ width: 100%;
261
+ }
262
+
263
+ [type=range]::-webkit-slider-thumb {
264
+ -webkit-appearance: none;
265
+ border: 1px solid $color-gray-medium;
266
+ height: 2.2rem;
267
+ border-radius: 1.5rem;
268
+ background: $color-gray-lightest;
269
+ cursor: pointer;
270
+ margin-top: -.65rem;
271
+ width: 2.2rem;
272
+ }
273
+
274
+ [type=range]::-moz-range-thumb {
275
+ background: $color-gray-lightest;
276
+ border: 1px solid $color-gray-medium;
277
+ border-radius: 1.5rem;
278
+ cursor: pointer;
279
+ height: 2.2rem;
280
+ width: 2.2rem;
281
+ }
282
+
283
+ [type=range]::-ms-thumb {
284
+ background: $color-gray-lightest;
285
+ border: 1px solid $color-gray-medium;
286
+ border-radius: 1.5rem;
287
+ cursor: pointer;
288
+ height: 2.2rem;
289
+ width: 2.2rem;
290
+ }
291
+
292
+ [type=range]::-ms-fill-lower {
293
+ background: $color-gray-light;
294
+ border: 1px solid $color-gray-medium;
295
+ border-radius: 2rem;
296
+ }
297
+
298
+ [type=range]::-ms-fill-upper {
299
+ background: $color-gray-light;
300
+ border: 1px solid $color-gray-medium;
301
+ border-radius: 2rem;
302
+ }
303
+
304
+ [type=range]:focus::-webkit-slider-thumb {
305
+ border: 2px solid $color-focus;
306
+ }
307
+
308
+ [type=range]:focus::-moz-range-thumb {
309
+ border: 2px solid $color-focus;
310
+ }
311
+
312
+ [type=range]:focus::-ms-thumb {
313
+ border: 2px solid $color-focus;
314
+ }
315
+
316
+ // Memorable dates
317
+
318
+ .usa-date-of-birth {
319
+ label {
320
+ margin-top: 0;
321
+ }
322
+
323
+ [type=number]::-webkit-inner-spin-button,
324
+ [type=number]::-webkit-outer-spin-button {
325
+ -webkit-appearance: none;
326
+ appearance: none;
327
+ margin: 0;
328
+ }
329
+
330
+ [type=number] {
331
+ -moz-appearance: textfield;
332
+ }
333
+ }
334
+
335
+ .usa-form-group-day,
336
+ .usa-form-group-month,
337
+ .usa-form-group-year {
338
+ clear: none;
339
+ float: left;
340
+ margin-right: 1.5rem;
341
+ width: 5rem;
342
+ }
343
+
344
+ .usa-form-group-year {
345
+ width: 7rem;
346
+ }
@@ -0,0 +1,20 @@
1
+ .usa-label {
2
+ background-color: $color-primary;
3
+ border-radius: $border-radius;
4
+ color: $color-white;
5
+ font-size: $h5-font-size;
6
+ margin-right: 0.5rem;
7
+ padding: 0.1rem 0.7rem;
8
+ text-transform: uppercase;
9
+
10
+ &:only-of-type {
11
+ margin-right: 0;
12
+ }
13
+ }
14
+
15
+ .usa-label-big {
16
+ @extend .usa-label;
17
+ font-size: $base-font-size;
18
+ padding-left: 0.9rem;
19
+ padding-right: 0.9rem;
20
+ }
@@ -0,0 +1,32 @@
1
+ ul,
2
+ ol {
3
+ @include margin(1em null);
4
+ padding-left: 1.94em; // Approximately 15px left padding at default font size
5
+ }
6
+
7
+ li {
8
+ line-height: $base-line-height;
9
+ margin-bottom: 0.5em;
10
+
11
+ &:last-child {
12
+ margin-bottom: 0;
13
+ }
14
+ }
15
+
16
+ h1,
17
+ h2,
18
+ h3,
19
+ h4,
20
+ h5,
21
+ h6,
22
+ p {
23
+ + ul,
24
+ + ol {
25
+ margin-top: 0;
26
+ }
27
+ }
28
+
29
+ // Unstyled lists
30
+ .usa-unstyled-list {
31
+ @include unstyled-list;
32
+ }
@@ -0,0 +1,47 @@
1
+ table {
2
+ border-spacing: 0;
3
+ margin: 2em 0;
4
+ min-width: 100%;
5
+
6
+ thead {
7
+ th,
8
+ td {
9
+ background-color: $color-gray-lightest;
10
+ }
11
+ }
12
+
13
+ th {
14
+ text-align: left;
15
+ }
16
+
17
+ tbody {
18
+ th {
19
+ font-weight: $font-normal;
20
+ }
21
+ }
22
+
23
+ th,
24
+ td {
25
+ background-color: $color-white;
26
+ border: 1px solid $color-gray;
27
+ padding: 1.5rem;
28
+ }
29
+ }
30
+
31
+ .usa-table-borderless {
32
+ thead {
33
+ tr {
34
+ background-color: transparent;
35
+ }
36
+
37
+ th {
38
+ border-top: 0;
39
+ }
40
+ }
41
+
42
+ th,
43
+ td {
44
+ border-left: 0;
45
+ border-right: 0;
46
+ }
47
+ }