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,257 @@
1
+ html {
2
+ font-family: $font-sans;
3
+ font-size: $em-base;
4
+ }
5
+
6
+ body {
7
+ font-size: $base-font-size;
8
+ }
9
+
10
+ p {
11
+ line-height: $base-line-height;
12
+ margin-bottom: 1em;
13
+ margin-top: 1em;
14
+ }
15
+
16
+ a {
17
+ color: $color-primary;
18
+ text-decoration: underline;
19
+
20
+ &:hover,
21
+ &:active {
22
+ color: $color-primary-darker;
23
+ }
24
+
25
+ &:visited {
26
+ color: $color-visited;
27
+ }
28
+
29
+ &:focus {
30
+ box-shadow: $focus-shadow;
31
+ outline: 0;
32
+ }
33
+ }
34
+
35
+ @mixin external-link($external-link, $external-link-hover) {
36
+ &::after {
37
+ background: url('#{$image-path}/#{$external-link}.png') no-repeat 0 0;
38
+ background: url('#{$image-path}/#{$external-link}.svg') no-repeat 0 0;
39
+ background-size: 100%;
40
+ content: '';
41
+ display: inline-block;
42
+ height: 0.65em;
43
+ margin-bottom: -1px;
44
+ margin-left: 4px;
45
+ width: 0.65em;
46
+ }
47
+
48
+ &:hover::after {
49
+ background-image: url('#{$image-path}/#{$external-link-hover}.png');
50
+ background-image: url('#{$image-path}/#{$external-link-hover}.svg');
51
+ }
52
+ }
53
+
54
+ // External link consider "effortless style approach":
55
+ // [href^="http:"]:not([href*="my-domain.com"])
56
+ // [href^="https:"]:not([href*="my-domain.com"])
57
+
58
+ .usa-external_link {
59
+ @include external-link(external-link, external-link-hover);
60
+ }
61
+
62
+ .usa-external_link-alt {
63
+ @include external-link(external-link-alt, external-link-alt-hover);
64
+ }
65
+
66
+ h1,
67
+ h2,
68
+ h3,
69
+ h4,
70
+ h5,
71
+ h6 {
72
+ clear: both;
73
+ font-family: $font-serif;
74
+ line-height: $heading-line-height;
75
+ margin-bottom: .5em;
76
+ margin-top: 1.5em;
77
+ }
78
+
79
+ h1 {
80
+ @include h1();
81
+ }
82
+
83
+ h2 {
84
+ @include h2();
85
+ }
86
+
87
+ h3 {
88
+ @include h3();
89
+ }
90
+
91
+ h4 {
92
+ @include h4();
93
+ }
94
+
95
+ h5 {
96
+ @include h5();
97
+ }
98
+
99
+ h6 {
100
+ @include h6();
101
+ }
102
+
103
+ // Remove user agent styles
104
+
105
+ cite,
106
+ var,
107
+ address,
108
+ dfn {
109
+ font-style: normal;
110
+ }
111
+
112
+ // Custom typography
113
+
114
+ .usa-content {
115
+ p:not(.usa-font-lead),
116
+ ul:not(.usa-accordion):not(.usa-accordion-bordered),
117
+ ol:not(.usa-accordion):not(.usa-accordion-bordered) {
118
+ max-width: $text-max-width;
119
+ }
120
+ }
121
+
122
+ .usa-content-list {
123
+ max-width: $text-max-width;
124
+ }
125
+
126
+ .usa-sans {
127
+ p,
128
+ a,
129
+ li,
130
+ span {
131
+ font-family: $font-sans;
132
+ }
133
+
134
+ a {
135
+ border-bottom: none;
136
+ font-weight: $font-bold;
137
+ }
138
+ }
139
+
140
+ .usa-serif {
141
+ p,
142
+ a,
143
+ li,
144
+ span {
145
+ font-family: $font-serif;
146
+ }
147
+ }
148
+
149
+ .usa-display {
150
+ @include h3();
151
+ margin-bottom: 0;
152
+
153
+ @include media($small-screen) {
154
+ @include h1();
155
+ }
156
+
157
+ @include media($medium-screen) {
158
+ @include title();
159
+ }
160
+ }
161
+
162
+ .usa-font-lead {
163
+ font-family: $font-serif;
164
+ font-size: $lead-font-size;
165
+ line-height: $lead-line-height;
166
+ max-width: $lead-max-width;
167
+ }
168
+
169
+ .usa-image-block {
170
+ position: relative;
171
+ }
172
+
173
+ .usa-image-text-block {
174
+ color: $color-white;
175
+ left: 0;
176
+ margin-left: 8%;
177
+ position: absolute;
178
+ top: 0;
179
+ }
180
+
181
+ .usa-image-text {
182
+ margin-top: 0;
183
+ }
184
+
185
+ .usa-drop_text {
186
+ margin-bottom: 0;
187
+ }
188
+
189
+ .usa-background-dark {
190
+ background-color: $color-gray-dark;
191
+
192
+ p,
193
+ span {
194
+ color: $color-white;
195
+ }
196
+
197
+ a {
198
+ color: $color-gray-lighter;
199
+
200
+ &:hover {
201
+ color: $color-white;
202
+ }
203
+ }
204
+ }
205
+
206
+ .usa-text-small {
207
+ font-size: $h6-font-size;
208
+ margin-top: 0;
209
+ }
210
+
211
+ // Removes top margin from first child and bottom margin from last child on
212
+ // elements when they are within those layout elements.
213
+ .usa-section,
214
+ .usa-grid,
215
+ .usa-grid-full {
216
+ > :first-child {
217
+ margin-top: 0;
218
+ }
219
+
220
+ > :last-child {
221
+ margin-bottom: 0;
222
+ }
223
+ }
224
+
225
+ .usa-width-one-whole,
226
+ .usa-width-one-half,
227
+ .usa-width-one-third,
228
+ .usa-width-two-thirds,
229
+ .usa-width-one-fourth,
230
+ .usa-width-three-fourths,
231
+ .usa-width-one-sixth,
232
+ .usa-width-five-sixths,
233
+ .usa-width-one-twelfth {
234
+ &:first-child {
235
+ > :first-child {
236
+ margin-top: 0;
237
+ }
238
+ }
239
+
240
+ > :first-child {
241
+ @include media($medium-screen) {
242
+ margin-top: 0;
243
+ }
244
+ }
245
+
246
+ &:last-child {
247
+ > :last-child {
248
+ margin-bottom: 0;
249
+ }
250
+ }
251
+
252
+ > :last-child {
253
+ @include media($medium-screen) {
254
+ margin-bottom: 0;
255
+ }
256
+ }
257
+ }
@@ -0,0 +1,411 @@
1
+ // The following features have been deprecated and will be removed in the next MAJOR version release
2
+
3
+ @mixin inline-block {
4
+ display: inline-block;
5
+
6
+ @warn "The inline-block mixin is deprecated and will be removed in the next major version release";
7
+ }
8
+
9
+ @mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) {
10
+
11
+ @if type-of($style) == string and type-of($base-color) == color {
12
+ @include buttonstyle($style, $base-color, $text-size, $padding);
13
+ }
14
+
15
+ @if type-of($style) == string and type-of($base-color) == number {
16
+ $padding: $text-size;
17
+ $text-size: $base-color;
18
+ $base-color: #4294f0;
19
+
20
+ @if $padding == inherit {
21
+ $padding: 7px 18px;
22
+ }
23
+
24
+ @include buttonstyle($style, $base-color, $text-size, $padding);
25
+ }
26
+
27
+ @if type-of($style) == color and type-of($base-color) == color {
28
+ $base-color: $style;
29
+ $style: simple;
30
+ @include buttonstyle($style, $base-color, $text-size, $padding);
31
+ }
32
+
33
+ @if type-of($style) == color and type-of($base-color) == number {
34
+ $padding: $text-size;
35
+ $text-size: $base-color;
36
+ $base-color: $style;
37
+ $style: simple;
38
+
39
+ @if $padding == inherit {
40
+ $padding: 7px 18px;
41
+ }
42
+
43
+ @include buttonstyle($style, $base-color, $text-size, $padding);
44
+ }
45
+
46
+ @if type-of($style) == number {
47
+ $padding: $base-color;
48
+ $text-size: $style;
49
+ $base-color: #4294f0;
50
+ $style: simple;
51
+
52
+ @if $padding == #4294f0 {
53
+ $padding: 7px 18px;
54
+ }
55
+
56
+ @include buttonstyle($style, $base-color, $text-size, $padding);
57
+ }
58
+
59
+ &:disabled {
60
+ cursor: not-allowed;
61
+ opacity: 0.5;
62
+ }
63
+
64
+ @warn "The button mixin is deprecated and will be removed in the next major version release";
65
+ }
66
+
67
+ // Selector Style Button
68
+ @mixin buttonstyle($type, $b-color, $t-size, $pad) {
69
+ // Grayscale button
70
+ @if $type == simple and $b-color == grayscale($b-color) {
71
+ @include simple($b-color, true, $t-size, $pad);
72
+ }
73
+
74
+ @if $type == shiny and $b-color == grayscale($b-color) {
75
+ @include shiny($b-color, true, $t-size, $pad);
76
+ }
77
+
78
+ @if $type == pill and $b-color == grayscale($b-color) {
79
+ @include pill($b-color, true, $t-size, $pad);
80
+ }
81
+
82
+ @if $type == flat and $b-color == grayscale($b-color) {
83
+ @include flat($b-color, true, $t-size, $pad);
84
+ }
85
+
86
+ // Colored button
87
+ @if $type == simple {
88
+ @include simple($b-color, false, $t-size, $pad);
89
+ }
90
+
91
+ @else if $type == shiny {
92
+ @include shiny($b-color, false, $t-size, $pad);
93
+ }
94
+
95
+ @else if $type == pill {
96
+ @include pill($b-color, false, $t-size, $pad);
97
+ }
98
+
99
+ @else if $type == flat {
100
+ @include flat($b-color, false, $t-size, $pad);
101
+ }
102
+ }
103
+
104
+ // Simple Button
105
+ @mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
106
+ $color: hsl(0, 0, 100%);
107
+ $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
108
+ $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
109
+ $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
110
+ $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
111
+
112
+ @if is-light($base-color) {
113
+ $color: hsl(0, 0, 20%);
114
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
115
+ }
116
+
117
+ @if $grayscale == true {
118
+ $border: grayscale($border);
119
+ $inset-shadow: grayscale($inset-shadow);
120
+ $stop-gradient: grayscale($stop-gradient);
121
+ $text-shadow: grayscale($text-shadow);
122
+ }
123
+
124
+ border: 1px solid $border;
125
+ border-radius: 3px;
126
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
127
+ color: $color;
128
+ display: inline-block;
129
+ font-size: $textsize;
130
+ font-weight: bold;
131
+ @include linear-gradient ($base-color, $stop-gradient);
132
+ padding: $padding;
133
+ text-decoration: none;
134
+ text-shadow: 0 1px 0 $text-shadow;
135
+ background-clip: padding-box;
136
+
137
+ &:hover:not(:disabled) {
138
+ $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
139
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
140
+ $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
141
+
142
+ @if $grayscale == true {
143
+ $base-color-hover: grayscale($base-color-hover);
144
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
145
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
146
+ }
147
+
148
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
149
+
150
+ box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
151
+ cursor: pointer;
152
+ }
153
+
154
+ &:active:not(:disabled),
155
+ &:focus:not(:disabled) {
156
+ $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
157
+ $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
158
+
159
+ @if $grayscale == true {
160
+ $border-active: grayscale($border-active);
161
+ $inset-shadow-active: grayscale($inset-shadow-active);
162
+ }
163
+
164
+ border: 1px solid $border-active;
165
+ box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active;
166
+ }
167
+ }
168
+
169
+ // Shiny Button
170
+ @mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
171
+ $color: hsl(0, 0, 100%);
172
+ $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
173
+ $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
174
+ $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
175
+ $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
176
+ $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
177
+ $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
178
+ $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
179
+
180
+ @if is-light($base-color) {
181
+ $color: hsl(0, 0, 20%);
182
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
183
+ }
184
+
185
+ @if $grayscale == true {
186
+ $border: grayscale($border);
187
+ $border-bottom: grayscale($border-bottom);
188
+ $fourth-stop: grayscale($fourth-stop);
189
+ $inset-shadow: grayscale($inset-shadow);
190
+ $second-stop: grayscale($second-stop);
191
+ $text-shadow: grayscale($text-shadow);
192
+ $third-stop: grayscale($third-stop);
193
+ }
194
+
195
+ @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
196
+
197
+ border: 1px solid $border;
198
+ border-bottom: 1px solid $border-bottom;
199
+ border-radius: 5px;
200
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
201
+ color: $color;
202
+ display: inline-block;
203
+ font-size: $textsize;
204
+ font-weight: bold;
205
+ padding: $padding;
206
+ text-align: center;
207
+ text-decoration: none;
208
+ text-shadow: 0 -1px 1px $text-shadow;
209
+
210
+ &:hover:not(:disabled) {
211
+ $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
212
+ $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
213
+ $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
214
+ $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
215
+
216
+ @if $grayscale == true {
217
+ $first-stop-hover: grayscale($first-stop-hover);
218
+ $second-stop-hover: grayscale($second-stop-hover);
219
+ $third-stop-hover: grayscale($third-stop-hover);
220
+ $fourth-stop-hover: grayscale($fourth-stop-hover);
221
+ }
222
+
223
+ @include linear-gradient(top, $first-stop-hover 0%,
224
+ $second-stop-hover 50%,
225
+ $third-stop-hover 50%,
226
+ $fourth-stop-hover 100%);
227
+ cursor: pointer;
228
+ }
229
+
230
+ &:active:not(:disabled),
231
+ &:focus:not(:disabled) {
232
+ $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
233
+
234
+ @if $grayscale == true {
235
+ $inset-shadow-active: grayscale($inset-shadow-active);
236
+ }
237
+
238
+ box-shadow: inset 0 0 20px 0 $inset-shadow-active;
239
+ }
240
+ }
241
+
242
+ // Pill Button
243
+ @mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
244
+ $color: hsl(0, 0, 100%);
245
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
246
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
247
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
248
+ $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
249
+ $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
250
+ $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
251
+
252
+ @if is-light($base-color) {
253
+ $color: hsl(0, 0, 20%);
254
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
255
+ }
256
+
257
+ @if $grayscale == true {
258
+ $border-bottom: grayscale($border-bottom);
259
+ $border-sides: grayscale($border-sides);
260
+ $border-top: grayscale($border-top);
261
+ $inset-shadow: grayscale($inset-shadow);
262
+ $stop-gradient: grayscale($stop-gradient);
263
+ $text-shadow: grayscale($text-shadow);
264
+ }
265
+
266
+ border: 1px solid $border-top;
267
+ border-color: $border-top $border-sides $border-bottom;
268
+ border-radius: 16px;
269
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
270
+ color: $color;
271
+ display: inline-block;
272
+ font-size: $textsize;
273
+ font-weight: normal;
274
+ line-height: 1;
275
+ @include linear-gradient ($base-color, $stop-gradient);
276
+ padding: $padding;
277
+ text-align: center;
278
+ text-decoration: none;
279
+ text-shadow: 0 -1px 1px $text-shadow;
280
+ background-clip: padding-box;
281
+
282
+ &:hover:not(:disabled) {
283
+ $base-color-hover: adjust-color($base-color, $lightness: -4.5%);
284
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
285
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
286
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
287
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
288
+ $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
289
+ $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
290
+
291
+ @if $grayscale == true {
292
+ $base-color-hover: grayscale($base-color-hover);
293
+ $border-bottom: grayscale($border-bottom);
294
+ $border-sides: grayscale($border-sides);
295
+ $border-top: grayscale($border-top);
296
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
297
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
298
+ $text-shadow-hover: grayscale($text-shadow-hover);
299
+ }
300
+
301
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
302
+
303
+ background-clip: padding-box;
304
+ border: 1px solid $border-top;
305
+ border-color: $border-top $border-sides $border-bottom;
306
+ box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
307
+ cursor: pointer;
308
+ text-shadow: 0 -1px 1px $text-shadow-hover;
309
+ }
310
+
311
+ &:active:not(:disabled),
312
+ &:focus:not(:disabled) {
313
+ $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
314
+ $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
315
+ $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
316
+ $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
317
+ $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
318
+
319
+ @if $grayscale == true {
320
+ $active-color: grayscale($active-color);
321
+ $border-active: grayscale($border-active);
322
+ $border-bottom-active: grayscale($border-bottom-active);
323
+ $inset-shadow-active: grayscale($inset-shadow-active);
324
+ $text-shadow-active: grayscale($text-shadow-active);
325
+ }
326
+
327
+ background: $active-color;
328
+ border: 1px solid $border-active;
329
+ border-bottom: 1px solid $border-bottom-active;
330
+ box-shadow: inset 0 0 6px 3px $inset-shadow-active;
331
+ text-shadow: 0 -1px 1px $text-shadow-active;
332
+ }
333
+ }
334
+
335
+ // Flat Button
336
+ @mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
337
+ $color: hsl(0, 0, 100%);
338
+
339
+ @if is-light($base-color) {
340
+ $color: hsl(0, 0, 20%);
341
+ }
342
+
343
+ background-color: $base-color;
344
+ border-radius: 3px;
345
+ border: 0;
346
+ color: $color;
347
+ display: inline-block;
348
+ font-size: $textsize;
349
+ font-weight: bold;
350
+ padding: $padding;
351
+ text-decoration: none;
352
+ background-clip: padding-box;
353
+
354
+ &:hover:not(:disabled){
355
+ $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%);
356
+
357
+ @if $grayscale == true {
358
+ $base-color-hover: grayscale($base-color-hover);
359
+ }
360
+
361
+ background-color: $base-color-hover;
362
+ cursor: pointer;
363
+ }
364
+
365
+ &:active:not(:disabled),
366
+ &:focus:not(:disabled) {
367
+ $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
368
+
369
+ @if $grayscale == true {
370
+ $base-color-active: grayscale($base-color-active);
371
+ }
372
+
373
+ background-color: $base-color-active;
374
+ cursor: pointer;
375
+ }
376
+ }
377
+
378
+ // Flexible grid
379
+ @function flex-grid($columns, $container-columns: $fg-max-columns) {
380
+ $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
381
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
382
+ @return percentage($width / $container-width);
383
+
384
+ @warn "The flex-grid function is deprecated and will be removed in the next major version release";
385
+ }
386
+
387
+ // Flexible gutter
388
+ @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
389
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
390
+ @return percentage($gutter / $container-width);
391
+
392
+ @warn "The flex-gutter function is deprecated and will be removed in the next major version release";
393
+ }
394
+
395
+ @function grid-width($n) {
396
+ @return $n * $gw-column + ($n - 1) * $gw-gutter;
397
+
398
+ @warn "The grid-width function is deprecated and will be removed in the next major version release";
399
+ }
400
+
401
+ @function golden-ratio($value, $increment) {
402
+ @return modular-scale($increment, $value, $ratio: $golden);
403
+
404
+ @warn "The golden-ratio function is deprecated and will be removed in the next major version release. Please use the modular-scale function, instead.";
405
+ }
406
+
407
+ @mixin box-sizing($box) {
408
+ @include prefixer(box-sizing, $box, webkit moz spec);
409
+
410
+ @warn "The box-sizing mixin is deprecated and will be removed in the next major version release. This property can now be used un-prefixed.";
411
+ }