@primer/css 0.0.0-1ea75fe → 0.0.0-202110100305

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (368) hide show
  1. package/CHANGELOG.md +1231 -132
  2. package/CODE_OF_CONDUCT.md +1 -1
  3. package/CONTRIBUTING.md +85 -0
  4. package/DEVELOP.md +11 -69
  5. package/LICENSE +1 -1
  6. package/README.md +13 -15
  7. package/RELEASING.md +5 -72
  8. package/actionlist/action-list-item-divider.scss +42 -0
  9. package/actionlist/action-list-item.scss +444 -0
  10. package/actionlist/action-list-variables.scss +8 -0
  11. package/actionlist/action-list.scss +33 -0
  12. package/actionlist/index.scss +5 -0
  13. package/alerts/README.md +11 -22
  14. package/alerts/flash.scss +91 -21
  15. package/alerts/index.scss +2 -2
  16. package/autocomplete/README.md +25 -0
  17. package/autocomplete/autocomplete.scss +58 -0
  18. package/autocomplete/index.scss +4 -0
  19. package/autocomplete/suggester.scss +92 -0
  20. package/avatars/README.md +11 -23
  21. package/avatars/avatar-parent-child.scss +4 -3
  22. package/avatars/avatar-stack.scss +21 -13
  23. package/avatars/avatar.scss +31 -3
  24. package/avatars/circle-badge.scss +5 -4
  25. package/avatars/index.scss +5 -5
  26. package/base/README.md +11 -22
  27. package/base/base.scss +5 -4
  28. package/base/index.scss +6 -4
  29. package/base/kbd.scss +20 -0
  30. package/base/normalize.scss +5 -5
  31. package/base/octicons.scss +6 -0
  32. package/base/typography-base.scss +2 -0
  33. package/blankslate/README.md +11 -23
  34. package/blankslate/blankslate.scss +25 -12
  35. package/blankslate/index.scss +2 -2
  36. package/box/README.md +11 -23
  37. package/box/box.scss +52 -44
  38. package/box/index.scss +2 -2
  39. package/branch-name/README.md +11 -23
  40. package/branch-name/branch-name.scss +18 -8
  41. package/branch-name/index.scss +2 -2
  42. package/breadcrumb/README.md +17 -13
  43. package/breadcrumb/breadcrumb.scss +15 -5
  44. package/breadcrumb/index.scss +2 -2
  45. package/buttons/README.md +11 -23
  46. package/buttons/button-group.scss +2 -0
  47. package/buttons/button.scss +243 -143
  48. package/buttons/index.scss +4 -3
  49. package/buttons/misc.scss +222 -0
  50. package/color-modes/index.scss +9 -0
  51. package/color-modes/native.scss +10 -0
  52. package/color-modes/themes/dark.scss +7 -0
  53. package/color-modes/themes/dark_colorblind.scss +7 -0
  54. package/color-modes/themes/dark_dimmed.scss +7 -0
  55. package/color-modes/themes/dark_high_contrast.scss +7 -0
  56. package/color-modes/themes/light.scss +7 -0
  57. package/color-modes/themes/light_colorblind.scss +7 -0
  58. package/core/README.md +11 -23
  59. package/core/index.scss +19 -20
  60. package/deprecations.js +24 -0
  61. package/deprecations.json +539 -0
  62. package/dist/actionlist.css +2 -0
  63. package/dist/actionlist.css.map +1 -0
  64. package/dist/actionlist.js +1 -0
  65. package/dist/alerts.css +1 -2
  66. package/dist/alerts.css.map +1 -1
  67. package/dist/alerts.js +1 -1
  68. package/dist/autocomplete.css +2 -0
  69. package/dist/autocomplete.css.map +1 -0
  70. package/dist/autocomplete.js +1 -0
  71. package/dist/avatars.css +1 -2
  72. package/dist/avatars.css.map +1 -1
  73. package/dist/avatars.js +1 -1
  74. package/dist/base.css +1 -2
  75. package/dist/base.css.map +1 -1
  76. package/dist/base.js +1 -1
  77. package/dist/blankslate.css +1 -2
  78. package/dist/blankslate.css.map +1 -1
  79. package/dist/blankslate.js +1 -1
  80. package/dist/box.css +1 -2
  81. package/dist/box.css.map +1 -1
  82. package/dist/box.js +1 -1
  83. package/dist/branch-name.css +1 -2
  84. package/dist/branch-name.css.map +1 -1
  85. package/dist/branch-name.js +1 -1
  86. package/dist/breadcrumb.css +1 -2
  87. package/dist/breadcrumb.css.map +1 -1
  88. package/dist/breadcrumb.js +1 -1
  89. package/dist/buttons.css +1 -2
  90. package/dist/buttons.css.map +1 -1
  91. package/dist/buttons.js +1 -1
  92. package/dist/color-modes.css +2 -0
  93. package/dist/color-modes.css.map +1 -0
  94. package/dist/color-modes.js +1 -0
  95. package/dist/core.css +3 -4
  96. package/dist/core.css.map +1 -1
  97. package/dist/core.js +1 -1
  98. package/dist/deprecations.json +539 -0
  99. package/dist/dropdown.css +2 -0
  100. package/dist/dropdown.css.map +1 -0
  101. package/dist/dropdown.js +1 -0
  102. package/dist/forms.css +1 -2
  103. package/dist/forms.css.map +1 -1
  104. package/dist/forms.js +1 -1
  105. package/dist/header.css +2 -0
  106. package/dist/header.css.map +1 -0
  107. package/dist/header.js +1 -0
  108. package/dist/labels.css +1 -2
  109. package/dist/labels.css.map +1 -1
  110. package/dist/labels.js +1 -1
  111. package/dist/layout.css +1 -2
  112. package/dist/layout.css.map +1 -1
  113. package/dist/layout.js +1 -1
  114. package/dist/links.css +2 -0
  115. package/dist/links.css.map +1 -0
  116. package/dist/links.js +1 -0
  117. package/dist/loaders.css +2 -0
  118. package/dist/loaders.css.map +1 -0
  119. package/dist/loaders.js +1 -0
  120. package/dist/markdown.css +1 -2
  121. package/dist/markdown.css.map +1 -1
  122. package/dist/markdown.js +1 -1
  123. package/dist/marketing-buttons.css +1 -2
  124. package/dist/marketing-buttons.css.map +1 -1
  125. package/dist/marketing-buttons.js +1 -1
  126. package/dist/marketing-support.css +1 -2
  127. package/dist/marketing-support.js +1 -1
  128. package/dist/marketing-type.css +1 -2
  129. package/dist/marketing-type.css.map +1 -1
  130. package/dist/marketing-type.js +1 -1
  131. package/dist/marketing-utilities.css +1 -2
  132. package/dist/marketing-utilities.css.map +1 -1
  133. package/dist/marketing-utilities.js +1 -1
  134. package/dist/marketing.css +3 -4
  135. package/dist/marketing.css.map +1 -1
  136. package/dist/marketing.js +1 -1
  137. package/dist/meta.json +316 -273
  138. package/dist/navigation.css +1 -2
  139. package/dist/navigation.css.map +1 -1
  140. package/dist/navigation.js +1 -1
  141. package/dist/pagination.css +1 -2
  142. package/dist/pagination.css.map +1 -1
  143. package/dist/pagination.js +1 -1
  144. package/dist/popover.css +1 -2
  145. package/dist/popover.css.map +1 -1
  146. package/dist/popover.js +1 -1
  147. package/dist/primer.css +13 -14
  148. package/dist/primer.css.map +1 -1
  149. package/dist/primer.js +1 -1
  150. package/dist/product.css +3 -4
  151. package/dist/product.css.map +1 -1
  152. package/dist/product.js +1 -1
  153. package/dist/progress.css +1 -2
  154. package/dist/progress.css.map +1 -1
  155. package/dist/progress.js +1 -1
  156. package/dist/select-menu.css +2 -0
  157. package/dist/select-menu.css.map +1 -0
  158. package/dist/select-menu.js +1 -0
  159. package/dist/stats/actionlist.json +1 -0
  160. package/dist/stats/alerts.json +1 -1
  161. package/dist/stats/autocomplete.json +1 -0
  162. package/dist/stats/avatars.json +1 -1
  163. package/dist/stats/base.json +1 -1
  164. package/dist/stats/blankslate.json +1 -1
  165. package/dist/stats/box.json +1 -1
  166. package/dist/stats/branch-name.json +1 -1
  167. package/dist/stats/breadcrumb.json +1 -1
  168. package/dist/stats/buttons.json +1 -1
  169. package/dist/stats/color-modes.json +1 -0
  170. package/dist/stats/core.json +1 -1
  171. package/dist/stats/dropdown.json +1 -0
  172. package/dist/stats/forms.json +1 -1
  173. package/dist/stats/header.json +1 -0
  174. package/dist/stats/labels.json +1 -1
  175. package/dist/stats/layout.json +1 -1
  176. package/dist/stats/links.json +1 -0
  177. package/dist/stats/loaders.json +1 -0
  178. package/dist/stats/markdown.json +1 -1
  179. package/dist/stats/marketing-buttons.json +1 -1
  180. package/dist/stats/marketing-support.json +1 -1
  181. package/dist/stats/marketing-type.json +1 -1
  182. package/dist/stats/marketing-utilities.json +1 -1
  183. package/dist/stats/marketing.json +1 -1
  184. package/dist/stats/navigation.json +1 -1
  185. package/dist/stats/pagination.json +1 -1
  186. package/dist/stats/popover.json +1 -1
  187. package/dist/stats/primer.json +1 -1
  188. package/dist/stats/product.json +1 -1
  189. package/dist/stats/progress.json +1 -1
  190. package/dist/stats/select-menu.json +1 -0
  191. package/dist/stats/subhead.json +1 -1
  192. package/dist/stats/support.json +1 -1
  193. package/dist/stats/table-object.json +1 -1
  194. package/dist/stats/timeline.json +1 -0
  195. package/dist/stats/toasts.json +1 -0
  196. package/dist/stats/tooltips.json +1 -1
  197. package/dist/stats/truncate.json +1 -1
  198. package/dist/stats/utilities.json +1 -1
  199. package/dist/subhead.css +1 -2
  200. package/dist/subhead.css.map +1 -1
  201. package/dist/subhead.js +1 -1
  202. package/dist/support.css +1 -1
  203. package/dist/support.js +1 -1
  204. package/dist/table-object.css +0 -1
  205. package/dist/table-object.css.map +1 -1
  206. package/dist/table-object.js +1 -1
  207. package/dist/timeline.css +2 -0
  208. package/dist/timeline.css.map +1 -0
  209. package/dist/timeline.js +1 -0
  210. package/dist/toasts.css +2 -0
  211. package/dist/toasts.css.map +1 -0
  212. package/dist/toasts.js +1 -0
  213. package/dist/tooltips.css +1 -2
  214. package/dist/tooltips.css.map +1 -1
  215. package/dist/tooltips.js +1 -1
  216. package/dist/truncate.css +1 -2
  217. package/dist/truncate.css.map +1 -1
  218. package/dist/truncate.js +1 -1
  219. package/dist/utilities.css +1 -2
  220. package/dist/utilities.css.map +1 -1
  221. package/dist/utilities.js +1 -1
  222. package/dist/variables.json +1352 -0
  223. package/dropdown/README.md +25 -0
  224. package/dropdown/dropdown.scss +272 -0
  225. package/dropdown/index.scss +2 -0
  226. package/forms/README.md +11 -23
  227. package/forms/form-control.scss +76 -32
  228. package/forms/form-group.scss +83 -46
  229. package/forms/form-select.scss +17 -5
  230. package/forms/form-validation.scss +51 -32
  231. package/forms/index.scss +7 -6
  232. package/forms/input-group.scss +2 -0
  233. package/forms/radio-group.scss +62 -0
  234. package/header/README.md +25 -0
  235. package/header/header.scss +47 -0
  236. package/header/index.scss +2 -0
  237. package/index.scss +7 -4
  238. package/labels/README.md +11 -23
  239. package/labels/counters.scss +24 -13
  240. package/labels/diffstat.scss +37 -0
  241. package/labels/index.scss +8 -4
  242. package/labels/issue-labels.scss +23 -0
  243. package/labels/labels.scss +59 -40
  244. package/labels/mixins.scss +32 -0
  245. package/labels/states.scss +40 -19
  246. package/layout/README.md +11 -23
  247. package/layout/container.scss +0 -8
  248. package/layout/grid-offset.scss +11 -11
  249. package/layout/grid.scss +23 -23
  250. package/layout/index.scss +8 -5
  251. package/layout/layout-beta.scss +339 -0
  252. package/layout/layout.scss +185 -0
  253. package/layout/mixins.scss +79 -0
  254. package/links/README.md +25 -0
  255. package/links/index.scss +3 -0
  256. package/links/link.scss +55 -0
  257. package/loaders/README.md +25 -0
  258. package/loaders/index.scss +2 -0
  259. package/loaders/loaders.scss +19 -0
  260. package/markdown/README.md +11 -23
  261. package/markdown/blob-csv.scss +4 -2
  262. package/markdown/code.scss +11 -3
  263. package/markdown/footnotes.scss +37 -0
  264. package/markdown/headings.scss +13 -4
  265. package/markdown/images.scss +15 -4
  266. package/markdown/index.scss +9 -8
  267. package/markdown/lists.scss +19 -5
  268. package/markdown/markdown-body.scss +15 -18
  269. package/markdown/tables.scss +8 -5
  270. package/marketing/README.md +11 -23
  271. package/marketing/buttons/button.scss +82 -61
  272. package/marketing/index.scss +6 -11
  273. package/marketing/support/index.scss +1 -0
  274. package/marketing/support/mixins.scss +66 -0
  275. package/marketing/support/variables.scss +110 -51
  276. package/marketing/type/typography.scss +100 -62
  277. package/marketing/utilities/animations.scss +9 -0
  278. package/marketing/utilities/filters.scss +0 -1
  279. package/marketing/utilities/index.scss +2 -3
  280. package/marketing/utilities/layout.scss +32 -11
  281. package/navigation/README.md +11 -23
  282. package/navigation/filter-list.scss +16 -14
  283. package/navigation/index.scss +7 -6
  284. package/navigation/menu.scss +44 -35
  285. package/navigation/sidenav.scss +108 -0
  286. package/navigation/subnav.scss +28 -21
  287. package/navigation/tabnav.scss +45 -21
  288. package/navigation/underline-nav.scss +36 -22
  289. package/package.json +78 -107
  290. package/pagination/README.md +12 -14
  291. package/pagination/index.scss +2 -2
  292. package/pagination/pagination.scss +61 -37
  293. package/popover/README.md +11 -24
  294. package/popover/index.scss +2 -2
  295. package/popover/popover.scss +18 -9
  296. package/postcss.config.cjs +22 -0
  297. package/prettier.config.cjs +1 -0
  298. package/product/README.md +11 -23
  299. package/product/index.scss +19 -17
  300. package/progress/README.md +11 -23
  301. package/progress/index.scss +2 -2
  302. package/progress/progress.scss +11 -1
  303. package/select-menu/README.md +25 -0
  304. package/select-menu/index.scss +3 -0
  305. package/select-menu/select-menu.scss +464 -0
  306. package/stylelint.config.cjs +16 -0
  307. package/subhead/README.md +11 -25
  308. package/subhead/index.scss +2 -2
  309. package/subhead/subhead.scss +10 -4
  310. package/support/README.md +12 -18
  311. package/support/index.scss +7 -8
  312. package/support/mixins/color-modes.scss +106 -0
  313. package/support/mixins/misc.scss +9 -12
  314. package/support/mixins/typography.scss +1 -1
  315. package/support/variables/layout.scss +103 -11
  316. package/support/variables/misc.scss +7 -30
  317. package/support/variables/typography.scss +4 -4
  318. package/table-object/README.md +11 -24
  319. package/table-object/index.scss +1 -1
  320. package/timeline/README.md +25 -0
  321. package/timeline/index.scss +2 -0
  322. package/timeline/timeline-item.scss +95 -0
  323. package/toasts/README.md +25 -0
  324. package/toasts/index.scss +2 -0
  325. package/toasts/toasts.scss +124 -0
  326. package/tooltips/README.md +11 -24
  327. package/tooltips/index.scss +2 -2
  328. package/tooltips/tooltips.scss +17 -8
  329. package/truncate/README.md +11 -24
  330. package/truncate/index.scss +2 -1
  331. package/truncate/truncate.scss +41 -7
  332. package/utilities/README.md +11 -23
  333. package/utilities/animations.scss +14 -2
  334. package/utilities/borders.scss +29 -65
  335. package/utilities/box-shadow.scss +8 -9
  336. package/utilities/colors.scss +71 -110
  337. package/utilities/details.scss +12 -4
  338. package/utilities/flexbox.scss +14 -14
  339. package/utilities/index.scss +12 -12
  340. package/utilities/layout.scss +28 -22
  341. package/utilities/margin.scss +34 -17
  342. package/utilities/padding.scss +13 -9
  343. package/utilities/typography.scss +54 -25
  344. package/utilities/visibility-display.scss +0 -13
  345. package/.browserslistrc +0 -6
  346. package/.eslintrc.json +0 -13
  347. package/.stylelintrc.json +0 -9
  348. package/MIGRATING.md +0 -70
  349. package/bin/primer-migrate +0 -86
  350. package/build/build.css +0 -23
  351. package/build/build.json +0 -1
  352. package/build/index.js +0 -1
  353. package/dist/marketing-support.css.map +0 -1
  354. package/dist/support.css.map +0 -1
  355. package/fonts/Inter-Medium.woff +0 -0
  356. package/fonts/Inter-Regular.woff +0 -0
  357. package/layout/columns.scss +0 -56
  358. package/marketing/buttons/README.md +0 -39
  359. package/marketing/support/README.md +0 -31
  360. package/marketing/type/README.md +0 -39
  361. package/marketing/utilities/README.md +0 -36
  362. package/marketing/utilities/margin.scss +0 -18
  363. package/marketing/utilities/padding.scss +0 -28
  364. package/postcss.config.js +0 -14
  365. package/prettier.config.js +0 -1
  366. package/support/mixins/buttons.scss +0 -160
  367. package/support/variables/color-system.scss +0 -243
  368. package/support/variables/colors.scss +0 -70
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/src/forms/form-control.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/color-system.scss","../src/src/support/mixins/layout.scss","../src/src/support/variables/colors.scss","../src/src/forms/form-select.scss","../src/src/forms/form-group.scss","../src/src/forms/form-validation.scss","../src/src/forms/input-group.scss"],"names":[],"mappings":"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","file":"forms.css","sourcesContent":["// Needs refactoring\n// stylelint-disable selector-no-qualifying-type, selector-max-compound-selectors\n// stylelint-disable selector-max-type\n// Base form controls\n//\n// Overrides for common inputs for easier styling.\n\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlabel {\n font-weight: $font-weight-bold;\n}\n\n.form-control,\n.form-select {\n min-height: 34px;\n padding: 6px $spacer-2;\n font-size: $h4-size;\n line-height: 20px;\n color: $text-gray-dark;\n vertical-align: middle;\n background-color: $bg-white;\n background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)\n background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.\n border: 1px solid $border-gray-dark;\n border-radius: 3px;\n outline: none;\n box-shadow: $form-control-shadow;\n\n &.focus,\n &:focus {\n border-color: $blue-400;\n outline: none;\n box-shadow: $form-control-shadow, $btn-input-focus-shadow;\n }\n\n // Ensures inputs don't zoom on mobile but are body-font size on desktop\n @include breakpoint(md) {\n font-size: $body-font-size;\n }\n}\n\n// Inputs with contrast for easy light gray backgrounds against white.\n.input-contrast {\n background-color: $bg-gray-light;\n\n &:focus { background-color: $bg-white; }\n}\n\n// Custom styling for HTML5 validation bubbles (WebKit only)\n::placeholder {\n color: $text-gray-light;\n}\n\n// Mini inputs, to match .minibutton\n.input-sm {\n min-height: 28px;\n padding-top: 3px;\n padding-bottom: 3px;\n font-size: $font-size-small;\n line-height: 20px;\n}\n\n// Large inputs\n.input-lg {\n padding: $spacer-1 10px;\n font-size: $h4-size;\n}\n\n// Full-width inputs\n.input-block {\n display: block;\n width: 100%;\n}\n\n// Inputs with monospace text\n.input-monospace {\n font-family: $mono-font;\n}\n\n// Hide the icon that tries to autofill contact info in webkit\n.input-hide-webkit-autofill {\n &::-webkit-contacts-auto-fill-button {\n position: absolute;\n right: 0;\n display: none !important;\n pointer-events: none;\n visibility: hidden;\n }\n}\n\n// Checkboxes and Radiobuttons\n//\n// For checkboxes and radio button selections.\n.form-checkbox {\n padding-left: 20px;\n margin: 15px 0;\n vertical-align: middle;\n\n label {\n em.highlight {\n position: relative;\n left: -$spacer-1;\n padding: 2px $spacer-1;\n font-style: normal;\n background: $yellow-100;\n border-radius: 3px;\n }\n }\n\n input[type=checkbox],\n input[type=radio] {\n float: left;\n margin: 5px 0 0 -20px;\n vertical-align: middle;\n }\n\n .note {\n display: block;\n margin: 0;\n font-size: $font-size-small;\n font-weight: $font-weight-normal;\n color: $gray-600;\n }\n}\n\n.form-checkbox-details {\n display: none;\n}\n\n.form-checkbox-details-trigger {\n &:checked {\n // child of sibling or sibling\n ~ * .form-checkbox-details,\n ~ .form-checkbox-details { // eslint-disable selector-combinator-space-before\n display: block;\n }\n }\n}\n\n// Field groups\n//\n// Wrap field groups in `<div.hfields>` to lay them out horizontally - great for\n// the top of pages with autosave.\n.hfields {\n margin: 15px 0;\n @include clearfix;\n\n .form-group {\n float: left;\n margin: 0 30px 0 0;\n\n dt {\n label {\n display: inline-block;\n margin: 5px 0 0;\n color: $gray-600;\n }\n\n img {\n position: relative;\n top: -2px;\n }\n }\n }\n\n .btn {\n float: left;\n margin: 28px 25px 0 -20px;\n }\n\n .form-select { margin-top: 5px; }\n}\n\n// Hide the up/down buttons in <input type=\"number\"> in the login form, the\n// input is used for two-factor auth codes, type=\"number\" makes it more usable\n// on phones\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n margin: 0;\n appearance: none;\n}\n\n// Input groups\n\n.form-actions {\n @include clearfix;\n\n .btn {\n float: right;\n\n + .btn {\n margin-right: 5px;\n }\n }\n}\n\n.form-warning {\n padding: $spacer-2 10px;\n margin: 10px 0;\n font-size: $h5-size;\n color: $yellow-900;\n background: $yellow-100;\n border: 1px solid $border-yellow;\n border-radius: 3px;\n\n p {\n margin: 0;\n line-height: $lh-default;\n }\n\n a { font-weight: $font-weight-bold; }\n}\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\n\n// Heading sizes - mobile\n// h4—h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed\n) !default;\n","//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n gray: $grays,\n blue: $blues,\n green: $greens,\n yellow: $yellows,\n orange: $oranges,\n red: $reds,\n purple: $purples,\n pink: $pinks,\n) !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n// stylelint-disable declaration-bang-space-before\n\n// State indicators.\n$status-pending: desaturate($yellow-700, 15%) !default;\n\n// Repository type colors\n// Should be able to deprecate these in future\n$repo-private-text: $black-fade-70 !default;\n$repo-private-bg: $yellow-000 !default;\n$repo-private-icon: transparentize($yellow-900, 0.5) !default;\n\n// Highlight used for things like search\n$highlight-yellow: rgba(255, 247, 140, 0.5);\n\n// Border colors\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n\n$border-purple: $purple !default;\n\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n\n$border-purple: $purple !default;\n\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n\n// Background colors\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-white: $white !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n\n// Text colors\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-white: $white !default;\n","// Custom select\n//\n// Apply `.select` to any `<select>` element for custom styles.\n.form-select {\n display: inline-block;\n max-width: 100%;\n height: 34px;\n padding-right: $spacer-4;\n background: $bg-white url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC\") no-repeat right 8px center;\n background-size: 8px 10px;\n appearance: none;\n\n // Hides the default caret in IE11\n &::-ms-expand {\n opacity: 0;\n }\n\n &[multiple] {\n height: auto;\n }\n}\n\n.select-sm {\n height: 28px;\n min-height: 28px;\n padding-top: 3px;\n padding-bottom: 3px;\n font-size: $font-size-small;\n\n &[multiple] {\n height: auto;\n min-height: 0;\n }\n}\n","// Form groups\n//\n// Typical form groups - `<dl.form-group>` with a `<dt>` containing the label and\n// `<dd> containing the form elements.\n// stylelint-disable selector-max-compound-selectors\n// stylelint-disable selector-max-type\n.form-group {\n margin: 15px 0;\n\n // Text fields\n .form-control {\n width: 440px;\n max-width: 100%;\n margin-right: 5px;\n background-color: $bg-gray-light;\n\n &:focus {\n background-color: $bg-white;\n }\n\n &.shorter { width: 130px; }\n\n &.short { width: 250px; }\n\n &.long { width: 100%; }\n }\n\n // Textarea\n // stylelint-disable selector-no-qualifying-type\n textarea.form-control {\n width: 100%;\n height: 200px;\n min-height: 200px;\n\n &.short {\n height: 50px;\n min-height: 50px;\n }\n }\n // stylelint-enable selector-no-qualifying-type\n\n // The Label\n dt {\n margin: 0 0 6px;\n }\n\n label {\n position: relative;\n }\n\n &.flattened dt {\n float: left;\n margin: 0;\n line-height: 32px;\n }\n\n &.flattened dd {\n line-height: 32px;\n }\n\n //\n // Form Elements\n //\n // stylelint-disable selector-no-qualifying-type\n dd {\n h4 {\n margin: $spacer-1 0 0;\n\n &.is-error { color: $text-red; }\n\n &.is-success { color: $text-green; }\n\n + .note {\n margin-top: 0;\n }\n }\n }\n // stylelint-enable selector-no-qualifying-type\n\n //\n // Variants\n //\n\n &.required {\n dt label::after {\n padding-left: 5px;\n color: $text-red;\n content: \"*\";\n }\n }\n\n // Form AJAX states\n //\n // Form fields that need feedback for AJAX loading, success\n // states and errored states.\n .success,\n .error,\n .indicator {\n display: none;\n font-size: $font-size-small;\n font-weight: $font-weight-bold;\n }\n\n &.loading {\n opacity: 0.5;\n\n .indicator {\n display: inline;\n }\n\n .spinner {\n display: inline-block;\n vertical-align: middle;\n }\n }\n\n &.successful {\n .success {\n display: inline;\n color: $text-green;\n }\n }\n\n // Form validation\n //\n // Our inline errors\n\n &.warn,\n &.errored {\n .warning,\n .error {\n position: absolute;\n z-index: 10;\n display: block; // Show up in errored/warn state\n max-width: 450px; // Keep our long errors readable\n padding: 5px $spacer-2;\n margin: $spacer-1 0 0;\n font-size: 13px;\n font-weight: $font-weight-normal;\n border-style: solid;\n border-width: 1px;\n border-radius: 3px;\n\n &::after,\n &::before {\n position: absolute;\n bottom: 100%;\n left: 10px;\n z-index: 15;\n width: 0;\n height: 0;\n pointer-events: none;\n content: \" \";\n border: solid transparent;\n }\n\n &::after {\n border-width: 5px;\n }\n\n &::before {\n margin-left: -1px;\n border-width: 6px;\n }\n }\n }\n\n &.warn {\n .warning {\n color: $yellow-900;\n background-color: $yellow-100;\n border-color: $border-yellow;\n\n &::after {\n border-bottom-color: $yellow-100;\n }\n\n &::before {\n border-bottom-color: $border-yellow;\n }\n }\n }\n\n &.errored {\n label {\n color: $text-red;\n }\n\n .error {\n color: $red-900;\n background-color: $bg-red-light;\n border-color: $border-red-light;\n\n &::after {\n border-bottom-color: $bg-red-light;\n }\n\n &::before {\n border-bottom-color: $border-red-light;\n }\n }\n }\n}\n\n.note {\n min-height: 17px;\n margin: $spacer-1 0 2px;\n font-size: $font-size-small;\n color: $text-gray;\n\n .spinner {\n margin-right: 3px;\n vertical-align: middle;\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-no-qualifying-type, selector-max-type\ndl.form-group > dd {\n .form-control {\n &.is-autocheck-loading,\n &.is-autocheck-successful,\n &.is-autocheck-errored {\n padding-right: 30px; // Leave some space for our validation icons\n }\n\n &.is-autocheck-loading {\n background-image: url(\"/images/spinners/octocat-spinner-16px.gif\");\n }\n\n &.is-autocheck-successful {\n background-image: url(\"/images/modules/ajax/success.png\");\n }\n\n &.is-autocheck-errored {\n background-image: url(\"/images/modules/ajax/error.png\");\n }\n }\n}\n\n// Retinization of form validation icons that aren't octicons yet\n@include retina-media-query {\n dl.form-group > dd {\n .form-control {\n &.is-autocheck-loading,\n &.is-autocheck-successful,\n &.is-autocheck-errored {\n background-size: 16px 16px;\n }\n\n &.is-autocheck-loading {\n background-image: url(\"/images/spinners/octocat-spinner-32.gif\");\n }\n\n &.is-autocheck-successful {\n background-image: url(\"/images/modules/ajax/success@2x.png\");\n }\n\n &.is-autocheck-errored {\n background-image: url(\"/images/modules/ajax/error@2x.png\");\n }\n }\n }\n}\n\n// Inline verification\n// This overrides primer's inline form stuff\n.status-indicator {\n display: inline-block;\n width: 16px;\n height: 16px;\n margin-left: 5px;\n\n .octicon {\n display: none;\n }\n}\n\n.status-indicator-success {\n // Override primer\n &::before {\n content: \"\";\n }\n\n .octicon-check {\n display: inline-block;\n color: $green;\n fill: $green;\n }\n\n .octicon-x {\n display: none;\n }\n}\n\n.status-indicator-failed {\n // Override primer\n &::before {\n content: \"\";\n }\n\n .octicon-check {\n display: none;\n }\n\n .octicon-x {\n display: inline-block;\n color: $text-red;\n fill: $red;\n }\n}\n\n.status-indicator-loading {\n width: 16px;\n background: url(\"/images/spinners/octocat-spinner-32-EAF2F5.gif\") 0 0 no-repeat;\n background-size: 16px;\n}\n\n.inline-form {\n display: inline-block;\n\n .btn-plain {\n background-color: transparent;\n border: 0;\n }\n}\n\n// Drag and drop\n//\n// Previously part of `_forms.scss` in Primer. Needs accounting for.\n\n.drag-and-drop {\n padding: 7px 10px;\n margin: 0;\n font-size: 13px;\n line-height: 16px;\n color: $text-gray;\n background-color: $gray-000;\n border: 1px solid darken($gray-300, 5%);\n border-top: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n\n .default,\n .loading,\n .error {\n display: none;\n }\n\n .error {\n color: $text-red;\n }\n\n // Spinner\n img {\n vertical-align: top;\n }\n}\n\n.is-default .drag-and-drop .default {\n display: inline-block;\n}\n\n.is-uploading .drag-and-drop .loading {\n display: inline-block;\n}\n\n.is-bad-file .drag-and-drop .bad-file {\n display: inline-block;\n}\n\n.is-duplicate-filename .drag-and-drop .duplicate-filename {\n display: inline-block;\n}\n\n.is-too-big .drag-and-drop .too-big {\n display: inline-block;\n}\n\n.is-hidden-file .drag-and-drop .hidden-file {\n display: inline-block;\n}\n\n.is-empty .drag-and-drop .empty {\n display: inline-block;\n}\n\n.is-bad-permissions .drag-and-drop .bad-permissions {\n display: inline-block;\n}\n\n.is-repository-required .drag-and-drop .repository-required {\n display: inline-block;\n}\n\n.drag-and-drop-error-info {\n font-weight: $font-weight-normal;\n color: $text-gray;\n\n a {\n color: $text-blue;\n }\n}\n\n.is-failed .drag-and-drop .failed-request {\n display: inline-block;\n}\n\n.manual-file-chooser {\n position: absolute;\n width: 240px;\n padding: 5px;\n margin-left: -80px;\n cursor: pointer;\n opacity: 0.0001;\n}\n\n.manual-file-chooser:hover + .manual-file-chooser-text {\n text-decoration: underline;\n}\n\n.btn {\n // align manual-file-chooser inside a button\n .manual-file-chooser {\n top: 0;\n padding: 0;\n line-height: 34px;\n }\n}\n\n// Focused Textarea styles\n.upload-enabled {\n textarea {\n display: block;\n border-bottom: 1px dashed lighten($gray-300, 5%);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &.focused {\n border-radius: 3px;\n box-shadow: $form-control-shadow, $btn-input-focus-shadow;\n\n .form-control {\n box-shadow: none;\n }\n\n .drag-and-drop {\n border-color: lighten($blue-400, 8%);\n }\n }\n}\n\n// Dropping a file on top\n.dragover textarea,\n.dragover .drag-and-drop {\n box-shadow: rgba(#c9ff00, 1) 0 0 3px;\n}\n\n.write-content {\n position: relative;\n}\n\n// Form style with a write and a preview tab\n.previewable-comment-form {\n position: relative;\n\n .tabnav {\n position: relative;\n padding: $spacer-2 $spacer-2 0;\n }\n\n .comment {\n border: 1px solid darken($gray-300, 5%);\n }\n\n .comment-form-error { margin-bottom: $spacer-2; }\n\n .write-content,\n .preview-content {\n display: none;\n margin: 0 $spacer-2 $spacer-2;\n }\n\n &.write-selected .write-content,\n &.preview-selected .preview-content {\n display: block;\n }\n\n textarea {\n display: block;\n width: 100%;\n min-height: 100px;\n max-height: 500px;\n padding: $spacer-2;\n resize: vertical;\n }\n}\n\n// Used in our boxed-group-less form styles. Give the sumbit button enough space\n// to breathe without the need for the extra hr.\n.form-action-spacious {\n margin-top: 10px;\n}\n\n// A two column form, with a .main and a .sidebar column\n//\n// Override some `.timeline-comment-wrapper` defaults.\n// The `div` is needed to be more specific than the other class.\ndiv.composer {\n margin-top: 0;\n border: 0;\n}\n\n// Override the previewable comment form defaults\n.composer .comment-form-textarea {\n height: 200px;\n min-height: 200px;\n}\n\n.composer .tabnav { margin: 0 0 10px; }\n\n// Misc CSS\n//\n// Previously part of `_forms.scss` in Primer. Needs accounting for.\n\nh2.account {\n margin: 15px 0 0;\n font-size: 18px;\n font-weight: $font-weight-normal;\n color: $gray-600;\n}\n\np.explain {\n position: relative;\n font-size: $font-size-small;\n color: $gray-600;\n\n strong {\n color: $text-gray-dark;\n }\n\n .octicon {\n margin-right: 5px;\n color: $gray-400;\n }\n\n .minibutton {\n top: -4px;\n float: right;\n }\n}\n\n// fix for chrome bug, see https://github.com/github/github/issues/53931\n.form-group label {\n position: static;\n}\n",".input-group {\n display: table;\n\n .form-control {\n position: relative;\n width: 100%;\n\n &:focus {\n z-index: 2;\n }\n\n + .btn {\n margin-left: 0;\n }\n }\n\n // For when you want the input group to behave like inline-block.\n &.inline {\n display: inline-table;\n }\n}\n\n.input-group .form-control,\n.input-group-button {\n display: table-cell;\n}\n\n.input-group-button {\n width: 1%;\n vertical-align: middle; // Match the inputs\n}\n\n.input-group .form-control:first-child,\n.input-group-button:first-child .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group-button:first-child .btn {\n margin-right: -1px;\n}\n\n.input-group .form-control:last-child,\n.input-group-button:last-child .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group-button:last-child .btn {\n margin-left: -1px;\n}\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/forms/index.scss%23sass"],"names":[],"mappings":"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","file":"forms.css"}
package/dist/forms.js CHANGED
@@ -1 +1 @@
1
- module.exports = {cssstats: require('./stats/forms.json')}
1
+ export {cssstats: require('./stats/forms.json')}
@@ -0,0 +1,2 @@
1
+ .Header{z-index:32;display:flex;padding:16px;font-size:14px;line-height:1.5;color:var(--color-header-text);background-color:var(--color-header-bg);align-items:center;flex-wrap:nowrap}.Header-item{display:flex;margin-right:16px;align-self:stretch;align-items:center;flex-wrap:nowrap}.Header-item--full{flex:auto}.Header-link{font-weight:600;color:var(--color-header-logo);white-space:nowrap}.Header-link:hover,.Header-link:focus{color:var(--color-header-text);text-decoration:none}.Header-input{color:var(--color-header-text);background-color:var(--color-header-search-bg);border:1px solid var(--color-header-search-border);box-shadow:none}.Header-input::placeholder{color:rgba(255,255,255,.75)}
2
+ /*# sourceMappingURL=header.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/header/index.scss%23sass"],"names":[],"mappings":"AA8fA,QAAA,UACE,CAAA,YAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,8BAAA,CAAA,uCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,aAAA,YAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,mBAAA,SAAA,CAAA,aAAA,eAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,sCAAA,8BAAA,CAAA,oBAAA,CAAA,cAAA,8BAAA,CAAA,8CAAA,CAAA,kDAAA,CAAA,eAAA,CAAA,2BAAA,2BAAA","file":"header.css"}
package/dist/header.js ADDED
@@ -0,0 +1 @@
1
+ export {cssstats: require('./stats/header.json')}
package/dist/labels.css CHANGED
@@ -1,3 +1,2 @@
1
- .labels{position:relative}.label,.Label{display:inline-block;padding:3px 4px;font-size:12px;font-weight:600;line-height:1;color:#fff;border-radius:2px;box-shadow:inset 0 -1px 0 rgba(27,31,35,0.12)}.label:hover,.Label:hover{text-decoration:none}.Label--gray{color:#586069;background-color:#eaecef}.Label--outline{margin-top:-1px;margin-bottom:-1px;font-weight:400;color:#586069;background-color:transparent;border:1px solid rgba(27,31,35,0.15);box-shadow:none}.Label--outline-green{color:#28a745;border:1px solid #34d058}.Label--gray-darker{background-color:#6a737d}.Label--orange{background-color:#d15704}.state,.State{display:inline-block;padding:4px 8px;font-weight:600;line-height:20px;color:#fff;text-align:center;background-color:#6a737d;border-radius:3px}.State--green{background-color:#2cbe4e}.State--purple{background-color:#6f42c1}.State--red{background-color:#cb2431}.State--small{padding:.125em 4px;font-size:12px}.State--small .octicon{width:1em}.Counter{display:inline-block;padding:2px 5px;font-size:12px;font-weight:600;line-height:1;color:#586069;background-color:rgba(27,31,35,0.08);border-radius:20px}.Counter:empty{visibility:hidden}.Counter--gray-light{color:#24292e;background-color:rgba(27,31,35,0.15)}.Counter--gray{color:#fff;background-color:#6a737d}
2
-
1
+ .IssueLabel{display:inline-block;padding:0 7px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em}.IssueLabel .g-emoji{position:relative;top:-0.05em;display:inline-block;font-size:1em;line-height:1}.IssueLabel:hover{text-decoration:none}.IssueLabel--big{padding-right:10px;padding-left:10px;line-height:22px}.labels{position:relative}.label,.Label{display:inline-block;padding:0 7px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:transparent !important;border-color:var(--color-border-default)}.label:hover,.Label:hover{text-decoration:none}.Label--large{padding-right:10px;padding-left:10px;line-height:22px}.Label--inline{display:inline;padding:.1667em .5em;font-size:.9em}.Label--primary{color:var(--color-fg-default);border-color:var(--color-neutral-emphasis)}.Label--secondary{color:var(--color-fg-muted);border-color:var(--color-border-default)}.Label--info,.Label--accent{color:var(--color-accent-fg);border-color:var(--color-accent-emphasis)}.Label--success{color:var(--color-success-fg);border-color:var(--color-success-emphasis)}.Label--warning,.Label--attention{color:var(--color-attention-fg);border-color:var(--color-attention-emphasis)}.Label--severe{color:var(--color-severe-fg);border-color:var(--color-severe-emphasis)}.Label--danger{color:var(--color-danger-fg);border-color:var(--color-danger-emphasis)}.Label--done{color:var(--color-done-fg);border-color:var(--color-done-emphasis)}.Label--sponsors{color:var(--color-sponsors-fg);border-color:var(--color-sponsors-emphasis)}.state,.State{display:inline-block;padding:5px 12px;font-size:14px;font-weight:500;line-height:20px;text-align:center;white-space:nowrap;border-radius:2em}.state,.State,.State--draft{color:var(--color-fg-on-emphasis);background-color:var(--color-neutral-emphasis);border:1px solid transparent}.State--open{color:var(--color-fg-on-emphasis);background-color:var(--color-success-emphasis)}.State--merged{color:var(--color-fg-on-emphasis);background-color:var(--color-done-emphasis)}.State--closed{color:var(--color-fg-on-emphasis);background-color:var(--color-danger-emphasis)}.State--small{padding:0 10px;font-size:12px;line-height:24px}.State--small .octicon{width:1em}.Counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.Counter:empty{display:none}.Counter .octicon{vertical-align:text-top;opacity:.8}.Counter--primary{color:var(--color-fg-on-emphasis);background-color:var(--color-neutral-emphasis)}.Counter--secondary{color:var(--color-fg-muted);background-color:var(--color-neutral-subtle)}.diffstat{font-size:12px;font-weight:600;color:var(--color-fg-muted);white-space:nowrap;cursor:default}.diffstat-block-deleted,.diffstat-block-added,.diffstat-block-neutral{display:inline-block;width:8px;height:8px;margin-left:1px;outline-offset:-1px}.diffstat-block-deleted{background-color:var(--color-danger-emphasis);outline:1px solid var(--color-border-subtle)}.diffstat-block-added{background-color:var(--color-diffstat-addition-bg);outline:1px solid var(--color-border-subtle)}.diffstat-block-neutral{background-color:var(--color-neutral-muted);outline:1px solid var(--color-border-subtle)}
3
2
  /*# sourceMappingURL=labels.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/src/labels/labels.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/color-system.scss","../src/src/labels/states.scss","../src/src/labels/counters.scss"],"names":[],"mappings":"AAUA,QACE,iBAAkB,CACnB,cAMC,oBAAqB,CACrB,eCH2B,CDI3B,cECoB,CFApB,eEGoB,CFFpB,aEQoB,CFPpB,UG8EU,CH7EV,iBAAkB,CAClB,6CG2Ea,CHpFf,0BAYI,oBAAqB,CACtB,aAQD,aG5BuB,CH6BvB,wBAAwC,CACzC,gBAGC,eAAgB,CAChB,kBAAmB,CACnB,eElBsB,CFmBtB,aGpCuB,CHqCvB,4BAA6B,CAC7B,oCGqDa,CHpDb,eAAgB,CACjB,sBAGC,aGpBuB,CHqBvB,wBGtBuB,CHuBxB,oBAGC,wBGjDuB,CHkDxB,eAGC,wBGHuB,CHIxB,cInDC,oBAAqB,CACrB,eHAU,CGCV,eFWoB,CEVpB,gBAAiB,CACjB,UDsFU,CCrFV,iBAAkB,CAClB,wBDTuB,CCUvB,iBAAkB,CACnB,cAEe,wBAAwC,CAAI,eAE3C,wBDyDQ,CCzDwB,YAEnC,wBD4CW,CC5CmB,cAG1C,kBHZ2B,CGa3B,cFVY,CEQd,uBAKI,SAAU,CACX,SC/BD,oBAAqB,CACrB,eAAgB,CAChB,cHiBoB,CGhBpB,eHmBoB,CGlBpB,aHwBoB,CGvBpB,aFEuB,CEDvB,oCF4Fa,CE3Fb,kBAAmB,CARrB,eAWI,iBAAkB,CACnB,qBAID,aFLuB,CEMvB,oCFkFa,CEjFd,eAGC,UF+EU,CE9EV,wBFfuB","file":"labels.css","sourcesContent":["// Needs refactoring\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n// Labels\n//\n// Use labels to add keyword tags or phrases to issues and pull requests. These\n// are used within a list of issues/PRs, on individual issues/PRs, and within\n// the select menus that manage them.\n\n// Provide a wrapper to ensure labels stick together\n.labels {\n position: relative;\n}\n\n// Each label gets common styles\n// .label will be deprecated for .Label\n.label,\n.Label {\n display: inline-block;\n padding: 3px $spacer-1;\n font-size: $font-size-small;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed-ultra; // prevent inheritance from changing proportions\n color: $text-white;\n border-radius: 2px;\n box-shadow: inset 0 -1px 0 rgba($black, 0.12);\n\n &:hover {\n text-decoration: none;\n }\n}\n\n// Custom GitHub labels (not for issues/PRs/etc)\n//\n// Commonly used across the site to indicate a particular role. For example,\n// \"repo owner\" within code comments or role in organizations.\n.Label--gray {\n color: $gray-600;\n background-color: lighten($gray-200, 3%);\n}\n\n.Label--outline {\n margin-top: -1px; // offsets the 1px border\n margin-bottom: -1px; // offsets the 1px border\n font-weight: $font-weight-normal;\n color: $text-gray;\n background-color: transparent;\n border: 1px solid $black-fade-15;\n box-shadow: none;\n}\n\n.Label--outline-green {\n color: $text-green;\n border: 1px solid $border-green;\n}\n\n.Label--gray-darker {\n background-color: $gray;\n}\n\n.Label--orange {\n background-color: $bg-orange;\n}\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed\n) !default;\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\n\n// Heading sizes - mobile\n// h4—h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n gray: $grays,\n blue: $blues,\n green: $greens,\n yellow: $yellows,\n orange: $oranges,\n red: $reds,\n purple: $purples,\n pink: $pinks,\n) !default;\n","// A rounded corner box containing a label \"open\" or \"closed\"\n// The default state is gray.\n//\n// open - $green background\n// reopened - $green background\n// closed - $red background\n// merged - $purple background\n\n// .state to be deprecated in replace of .State\n.state,\n.State {\n display: inline-block;\n padding: $spacer-1 $spacer-2;\n font-weight: $font-weight-bold;\n line-height: 20px;\n color: $text-white;\n text-align: center;\n background-color: $gray-500;\n border-radius: 3px;\n}\n\n.State--green { background-color: darken($green-400, 5%); }\n\n.State--purple { background-color: $bg-purple; }\n\n.State--red { background-color: $red-600; }\n\n.State--small {\n padding: $em-spacer-2 $spacer-1;\n font-size: $h6-size;\n\n .octicon {\n width: 1em; // Ensures different icons don't change State indicator width\n }\n}\n","// Counters are rounded-corner badges for numbers\n.Counter {\n display: inline-block;\n padding: 2px 5px;\n font-size: $font-size-small;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed-ultra;\n color: $gray-600;\n background-color: rgba($black, 0.08);\n border-radius: 20px;\n\n &:empty {\n visibility: hidden;\n }\n}\n\n.Counter--gray-light {\n color: $text-gray-dark;\n background-color: $black-fade-15;\n}\n\n.Counter--gray {\n color: $white;\n background-color: $gray;\n}\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/labels/index.scss%23sass"],"names":[],"mappings":"AA2hBA,YAAA,oBAAA,CAAA,aAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,iBAAA,CAAA,qBAAA,iBAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,aAAA,CAAA,kBAAA,oBAAA,CAAA,iBAAA,kBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,QAAA,iBAAA,CAAA,cAAA,oBAAA,CAAA,aAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,4BAAA,CAAA,iBAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,0BAAA,oBAAA,CAAA,cAAA,kBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,eAAA,cAAA,CAAA,oBAAA,CAAA,cAAA,CAAA,gBAAA,6BAAA,CAAA,0CAAA,CAAA,kBAAA,2BAAA,CAAA,wCAAA,CAAA,4BAAA,4BAAA,CAAA,yCAAA,CAAA,gBAAA,6BAAA,CAAA,0CAAA,CAAA,kCAAA,+BAAA,CAAA,4CAAA,CAAA,eAAA,4BAAA,CAAA,yCAAA,CAAA,eAAA,4BAAA,CAAA,yCAAA,CAAA,aAAA,0BAAA,CAAA,uCAAA,CAAA,iBAAA,8BAAA,CAAA,2CAAA,CAAA,cAAA,oBAAA,CAAA,gBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,4BAAA,iCAAA,CAAA,8CAAA,CAAA,4BAAA,CAAA,aAAA,iCAAA,CAAA,8CAAA,CAAA,eAAA,iCAAA,CAAA,2CAAA,CAAA,eAAA,iCAAA,CAAA,6CAAA,CAAA,cAAA,cAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,uBAAA,SAAA,CAAA,SAAA,oBAAA,CAAA,cAAA,CAAA,aAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,6BAAA,CAAA,iBAAA,CAAA,2CAAA,CAAA,4BAAA,CAAA,iBAAA,CAAA,eAAA,YAAA,CAAA,kBAAA,uBAAA,CAAA,UAAA,CAAA,kBAAA,iCAAA,CAAA,8CAAA,CAAA,oBAAA,2BAAA,CAAA,4CAAA,CAAA,UAAA,cAAA,CAAA,eAAA,CAAA,2BAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,sEAAA,oBAAA,CAAA,SAAA,CAAA,UAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,wBAAA,6CAAA,CAAA,4CAAA,CAAA,sBAAA,kDAAA,CAAA,4CAAA,CAAA,wBAAA,2CAAA,CAAA,4CAAA","file":"labels.css"}
package/dist/labels.js CHANGED
@@ -1 +1 @@
1
- module.exports = {cssstats: require('./stats/labels.json')}
1
+ export {cssstats: require('./stats/labels.json')}
package/dist/layout.css CHANGED
@@ -1,3 +1,2 @@
1
- .container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-sm{max-width:544px;margin-right:auto;margin-left:auto}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.columns{margin-right:-10px;margin-left:-10px}.columns::before{display:table;content:""}.columns::after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.one-third{width:33.333333%}.two-thirds{width:66.666667%}.one-fourth{width:25%}.one-half{width:50%}.three-fourths{width:75%}.one-fifth{width:20%}.four-fifths{width:80%}.centered{display:block;float:none;margin-right:auto;margin-left:auto}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width: 544px){.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}}@media (min-width: 1012px){.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}}@media (min-width: 1280px){.col-xl-1{width:8.33333%}.col-xl-2{width:16.66667%}.col-xl-3{width:25%}.col-xl-4{width:33.33333%}.col-xl-5{width:41.66667%}.col-xl-6{width:50%}.col-xl-7{width:58.33333%}.col-xl-8{width:66.66667%}.col-xl-9{width:75%}.col-xl-10{width:83.33333%}.col-xl-11{width:91.66667%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}@media (min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333% !important}.offset-2{margin-left:16.66667% !important}.offset-3{margin-left:25% !important}.offset-4{margin-left:33.33333% !important}.offset-5{margin-left:41.66667% !important}.offset-6{margin-left:50% !important}.offset-7{margin-left:58.33333% !important}.offset-8{margin-left:66.66667% !important}.offset-9{margin-left:75% !important}.offset-10{margin-left:83.33333% !important}.offset-11{margin-left:91.66667% !important}@media (min-width: 544px){.offset-sm-1{margin-left:8.33333% !important}.offset-sm-2{margin-left:16.66667% !important}.offset-sm-3{margin-left:25% !important}.offset-sm-4{margin-left:33.33333% !important}.offset-sm-5{margin-left:41.66667% !important}.offset-sm-6{margin-left:50% !important}.offset-sm-7{margin-left:58.33333% !important}.offset-sm-8{margin-left:66.66667% !important}.offset-sm-9{margin-left:75% !important}.offset-sm-10{margin-left:83.33333% !important}.offset-sm-11{margin-left:91.66667% !important}}@media (min-width: 768px){.offset-md-1{margin-left:8.33333% !important}.offset-md-2{margin-left:16.66667% !important}.offset-md-3{margin-left:25% !important}.offset-md-4{margin-left:33.33333% !important}.offset-md-5{margin-left:41.66667% !important}.offset-md-6{margin-left:50% !important}.offset-md-7{margin-left:58.33333% !important}.offset-md-8{margin-left:66.66667% !important}.offset-md-9{margin-left:75% !important}.offset-md-10{margin-left:83.33333% !important}.offset-md-11{margin-left:91.66667% !important}}@media (min-width: 1012px){.offset-lg-1{margin-left:8.33333% !important}.offset-lg-2{margin-left:16.66667% !important}.offset-lg-3{margin-left:25% !important}.offset-lg-4{margin-left:33.33333% !important}.offset-lg-5{margin-left:41.66667% !important}.offset-lg-6{margin-left:50% !important}.offset-lg-7{margin-left:58.33333% !important}.offset-lg-8{margin-left:66.66667% !important}.offset-lg-9{margin-left:75% !important}.offset-lg-10{margin-left:83.33333% !important}.offset-lg-11{margin-left:91.66667% !important}}@media (min-width: 1280px){.offset-xl-1{margin-left:8.33333% !important}.offset-xl-2{margin-left:16.66667% !important}.offset-xl-3{margin-left:25% !important}.offset-xl-4{margin-left:33.33333% !important}.offset-xl-5{margin-left:41.66667% !important}.offset-xl-6{margin-left:50% !important}.offset-xl-7{margin-left:58.33333% !important}.offset-xl-8{margin-left:66.66667% !important}.offset-xl-9{margin-left:75% !important}.offset-xl-10{margin-left:83.33333% !important}.offset-xl-11{margin-left:91.66667% !important}}
2
-
1
+ .container-sm{max-width:544px;margin-right:auto;margin-left:auto}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.col-1{width:8.33333333%}.col-2{width:16.66666666%}.col-3{width:24.99999999%}.col-4{width:33.33333332%}.col-5{width:41.66666665%}.col-6{width:49.99999998%}.col-7{width:58.33333331%}.col-8{width:66.66666664%}.col-9{width:74.99999997%}.col-10{width:83.3333333%}.col-11{width:91.66666663%}.col-12{width:100%}@media(min-width: 544px){.col-sm-1{width:8.33333333%}.col-sm-2{width:16.66666666%}.col-sm-3{width:24.99999999%}.col-sm-4{width:33.33333332%}.col-sm-5{width:41.66666665%}.col-sm-6{width:49.99999998%}.col-sm-7{width:58.33333331%}.col-sm-8{width:66.66666664%}.col-sm-9{width:74.99999997%}.col-sm-10{width:83.3333333%}.col-sm-11{width:91.66666663%}.col-sm-12{width:100%}}@media(min-width: 768px){.col-md-1{width:8.33333333%}.col-md-2{width:16.66666666%}.col-md-3{width:24.99999999%}.col-md-4{width:33.33333332%}.col-md-5{width:41.66666665%}.col-md-6{width:49.99999998%}.col-md-7{width:58.33333331%}.col-md-8{width:66.66666664%}.col-md-9{width:74.99999997%}.col-md-10{width:83.3333333%}.col-md-11{width:91.66666663%}.col-md-12{width:100%}}@media(min-width: 1012px){.col-lg-1{width:8.33333333%}.col-lg-2{width:16.66666666%}.col-lg-3{width:24.99999999%}.col-lg-4{width:33.33333332%}.col-lg-5{width:41.66666665%}.col-lg-6{width:49.99999998%}.col-lg-7{width:58.33333331%}.col-lg-8{width:66.66666664%}.col-lg-9{width:74.99999997%}.col-lg-10{width:83.3333333%}.col-lg-11{width:91.66666663%}.col-lg-12{width:100%}}@media(min-width: 1280px){.col-xl-1{width:8.33333333%}.col-xl-2{width:16.66666666%}.col-xl-3{width:24.99999999%}.col-xl-4{width:33.33333332%}.col-xl-5{width:41.66666665%}.col-xl-6{width:49.99999998%}.col-xl-7{width:58.33333331%}.col-xl-8{width:66.66666664%}.col-xl-9{width:74.99999997%}.col-xl-10{width:83.3333333%}.col-xl-11{width:91.66666663%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}@media(min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}@media(min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}@media(min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}@media(min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*=col-]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*=col-]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*=col-]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333333% !important}.offset-2{margin-left:16.66666666% !important}.offset-3{margin-left:24.99999999% !important}.offset-4{margin-left:33.33333332% !important}.offset-5{margin-left:41.66666665% !important}.offset-6{margin-left:49.99999998% !important}.offset-7{margin-left:58.33333331% !important}.offset-8{margin-left:66.66666664% !important}.offset-9{margin-left:74.99999997% !important}.offset-10{margin-left:83.3333333% !important}.offset-11{margin-left:91.66666663% !important}@media(min-width: 544px){.offset-sm-1{margin-left:8.33333333% !important}.offset-sm-2{margin-left:16.66666666% !important}.offset-sm-3{margin-left:24.99999999% !important}.offset-sm-4{margin-left:33.33333332% !important}.offset-sm-5{margin-left:41.66666665% !important}.offset-sm-6{margin-left:49.99999998% !important}.offset-sm-7{margin-left:58.33333331% !important}.offset-sm-8{margin-left:66.66666664% !important}.offset-sm-9{margin-left:74.99999997% !important}.offset-sm-10{margin-left:83.3333333% !important}.offset-sm-11{margin-left:91.66666663% !important}}@media(min-width: 768px){.offset-md-1{margin-left:8.33333333% !important}.offset-md-2{margin-left:16.66666666% !important}.offset-md-3{margin-left:24.99999999% !important}.offset-md-4{margin-left:33.33333332% !important}.offset-md-5{margin-left:41.66666665% !important}.offset-md-6{margin-left:49.99999998% !important}.offset-md-7{margin-left:58.33333331% !important}.offset-md-8{margin-left:66.66666664% !important}.offset-md-9{margin-left:74.99999997% !important}.offset-md-10{margin-left:83.3333333% !important}.offset-md-11{margin-left:91.66666663% !important}}@media(min-width: 1012px){.offset-lg-1{margin-left:8.33333333% !important}.offset-lg-2{margin-left:16.66666666% !important}.offset-lg-3{margin-left:24.99999999% !important}.offset-lg-4{margin-left:33.33333332% !important}.offset-lg-5{margin-left:41.66666665% !important}.offset-lg-6{margin-left:49.99999998% !important}.offset-lg-7{margin-left:58.33333331% !important}.offset-lg-8{margin-left:66.66666664% !important}.offset-lg-9{margin-left:74.99999997% !important}.offset-lg-10{margin-left:83.3333333% !important}.offset-lg-11{margin-left:91.66666663% !important}}@media(min-width: 1280px){.offset-xl-1{margin-left:8.33333333% !important}.offset-xl-2{margin-left:16.66666666% !important}.offset-xl-3{margin-left:24.99999999% !important}.offset-xl-4{margin-left:33.33333332% !important}.offset-xl-5{margin-left:41.66666665% !important}.offset-xl-6{margin-left:49.99999998% !important}.offset-xl-7{margin-left:58.33333331% !important}.offset-xl-8{margin-left:66.66666664% !important}.offset-xl-9{margin-left:74.99999997% !important}.offset-xl-10{margin-left:83.3333333% !important}.offset-xl-11{margin-left:91.66666663% !important}}.Layout{display:grid;--Layout-sidebar-width: 220px;--Layout-gutter: 16px;grid-auto-flow:column;grid-template-columns:auto 0 1fr;grid-gap:var(--Layout-gutter)}@media(max-width: calc(544px - 1px)){.Layout{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout .Layout-sidebar,.Layout .Layout-divider,.Layout .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2/span 2}.Layout.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--divided{--Layout-gutter: 0}.Layout.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--divided .Layout-main{grid-row:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media(max-width: calc(768px - 1px)){.Layout.Layout--flowRow-until-md{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout.Layout--flowRow-until-md .Layout-sidebar,.Layout.Layout--flowRow-until-md .Layout-divider,.Layout.Layout--flowRow-until-md .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2/span 2}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-md.Layout--divided{--Layout-gutter: 0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-main{grid-row:3/span 1}.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media(max-width: calc(1012px - 1px)){.Layout.Layout--flowRow-until-lg{grid-auto-flow:row;grid-template-columns:1fr !important}.Layout.Layout--flowRow-until-lg .Layout-sidebar,.Layout.Layout--flowRow-until-lg .Layout-divider,.Layout.Layout--flowRow-until-lg .Layout-main{width:100% !important;grid-column:1 !important}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:2/span 2}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided{--Layout-gutter: 0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider{height:1px;grid-row:2}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{height:8px;margin-right:0;background:var(--color-canvas-inset);border-color:var(--color-border-default);border-style:solid;border-width:1px 0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main{grid-row:3/span 1}.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}.Layout .Layout-sidebar{grid-column:1}.Layout .Layout-divider{display:none}.Layout .Layout-main{grid-column:2/span 2}@media(min-width: 1012px){.Layout{--Layout-gutter: 24px}}.Layout.Layout--gutter-none{--Layout-gutter: 0}.Layout.Layout--gutter-condensed{--Layout-gutter: 16px}@media(min-width: 1012px){.Layout.Layout--gutter-spacious{--Layout-gutter: 32px}}@media(min-width: 1280px){.Layout.Layout--gutter-spacious{--Layout-gutter: 40px}}@media(min-width: 544px){.Layout{--Layout-sidebar-width: 220px}}@media(min-width: 768px){.Layout{--Layout-sidebar-width: 256px}}@media(min-width: 1012px){.Layout{--Layout-sidebar-width: 296px}}@media(min-width: 768px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 240px}}@media(min-width: 1012px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width: 256px}}@media(min-width: 1012px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 320px}}@media(min-width: 1280px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width: 336px}}.Layout.Layout--sidebarPosition-start .Layout-sidebar{grid-column:1}.Layout.Layout--sidebarPosition-start .Layout-main{grid-column:2/span 2}.Layout.Layout--sidebarPosition-end{grid-template-columns:1fr 0 auto}.Layout.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout.Layout--sidebarPosition-end .Layout-sidebar{grid-column:2/span 2}.Layout.Layout--divided .Layout-divider{display:block;grid-column:2;width:1px;margin-right:-1px;background:var(--color-border-default)}.Layout.Layout--divided .Layout-main{grid-column:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar{grid-column:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout-divider{display:none;width:1px}.Layout-sidebar{width:var(--Layout-sidebar-width)}.Layout-main{min-width:0}.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-xl{margin-right:auto;margin-left:auto}.Layout-main .Layout-main-centered-md>.container-md,.Layout-main .Layout-main-centered-md>.container-lg,.Layout-main .Layout-main-centered-md>.container-xl,.Layout-main .Layout-main-centered-lg>.container-md,.Layout-main .Layout-main-centered-lg>.container-lg,.Layout-main .Layout-main-centered-lg>.container-xl,.Layout-main .Layout-main-centered-xl>.container-md,.Layout-main .Layout-main-centered-xl>.container-lg,.Layout-main .Layout-main-centered-xl>.container-xl{margin-left:0}.Layout-main .Layout-main-centered-md{max-width:calc(768px + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-lg{max-width:calc(1012px + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-xl{max-width:calc(1280px + var(--Layout-sidebar-width) + var(--Layout-gutter))}.LayoutBeta{--Layout-pane-width: 220px;--Layout-template-columns: 1fr var(--Layout-pane-width);--Layout-template-rows: min-content;--Layout-template-areas: "content pane";--Layout-column-gap: 16px;--Layout-row-gap: 16px;--Layout-outer-spacing-x: 0;--Layout-outer-spacing-y: 0;--Layout-inner-spacing-min: 0;--Layout-inner-spacing-max: 0}.LayoutBeta.LayoutBeta--flow-horizontal{margin:var(--Layout-outer-spacing-x)}.LayoutBeta.LayoutBeta--flow-horizontal>.LayoutBeta-regions{display:grid;column-gap:var(--Layout-column-gap);row-gap:var(--Layout-row-gap);grid-template-columns:var(--Layout-template-columns);grid-template-rows:var(--Layout-template-rows);grid-template-areas:var(--Layout-template-areas)}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-start{--Layout-template-columns: var(--Layout-pane-width) 1fr;--Layout-template-areas: "pane content"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-start.LayoutBeta--has-header{--Layout-template-areas: "header header" "pane content"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-start.LayoutBeta--has-footer{--Layout-template-areas: "pane content" "footer footer"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-start.LayoutBeta--has-header.LayoutBeta--has-footer{--Layout-template-areas: "header header" "pane content" "footer footer"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-end{--Layout-template-columns: 1fr var(--Layout-pane-width);--Layout-template-areas: "content pane"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-end.LayoutBeta--has-header{--Layout-template-areas: "header header" "content pane"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-end.LayoutBeta--has-footer{--Layout-template-areas: "content pane" "footer footer"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-position-end.LayoutBeta--has-header.LayoutBeta--has-footer{--Layout-template-areas: "header header" "content pane" "footer footer"}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--has-header{--Layout-template-rows: min-content 1fr}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--has-footer{--Layout-template-rows: 1fr min-content}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--has-header.LayoutBeta--has-footer{--Layout-template-rows: min-content 1fr min-content}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--outer-spacing-normal{--Layout-outer-spacing-x: 16px;--Layout-outer-spacing-y: 16px}@media(min-width: 1012px){.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--outer-spacing-normal{--Layout-outer-spacing-x: 24px;--Layout-outer-spacing-y: 24px}}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--outer-spacing-condensed{--Layout-outer-spacing-x: 16px;--Layout-outer-spacing-y: 16px}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--inner-spacing-normal{--Layout-inner-spacing-min: 16px;--Layout-inner-spacing-max: 16px}@media(min-width: 1012px){.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--inner-spacing-normal{--Layout-inner-spacing-max: 24px}}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--inner-spacing-condensed{--Layout-inner-spacing-min: 16px;--Layout-inner-spacing-max: 16px}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-divider.LayoutBeta--pane-position-start .LayoutBeta-pane{border-right:1px solid red}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-divider.LayoutBeta--pane-position-start:not(.LayoutBeta--column-gap-none) .LayoutBeta-pane{margin-right:calc(var(--Layout-column-gap)*-1);padding-right:calc(var(--Layout-column-gap) - 1px)}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-divider.LayoutBeta--pane-position-start:not(.LayoutBeta--column-gap-none) .LayoutBeta-content{margin-left:var(--Layout-column-gap)}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-divider.LayoutBeta--pane-position-end .LayoutBeta-pane{border-left:1px solid red}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-divider.LayoutBeta--pane-position-end:not(.LayoutBeta--column-gap-none) .LayoutBeta-pane{margin-left:calc(var(--Layout-column-gap)*-1);padding-left:calc(var(--Layout-column-gap) - 1px)}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--pane-divider.LayoutBeta--pane-position-end:not(.LayoutBeta--column-gap-none) .LayoutBeta-content{margin-right:var(--Layout-column-gap)}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--header-divider .LayoutBeta-header{border-bottom:1px solid red}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--footer-divider .LayoutBeta-footer{border-top:1px solid red}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--column-gap-normal{--Layout-column-gap: 16px}@media(min-width: 1012px){.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--column-gap-normal{--Layout-column-gap: 24px}}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--column-gap-condensed{--Layout-column-gap: 16px}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--column-gap-none{--Layout-column-gap: 0}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--row-gap-normal{--Layout-row-gap: 16px}@media(min-width: 1012px){.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--row-gap-normal{--Layout-row-gap: 24px}}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--row-gap-none{--Layout-row-gap: 0}.LayoutBeta.LayoutBeta--flow-horizontal.LayoutBeta--row-gap-condensed{--Layout-row-gap: 16px}@media(min-width: 544px){.LayoutBeta{--Layout-pane-width: 220px}}@media(min-width: 768px){.LayoutBeta{--Layout-pane-width: 256px}}@media(min-width: 1012px){.LayoutBeta{--Layout-pane-width: 296px}}@media(min-width: 768px){.LayoutBeta.LayoutBeta--pane-width-narrow{--Layout-pane-width: 240px}}@media(min-width: 1012px){.LayoutBeta.LayoutBeta--pane-width-narrow{--Layout-pane-width: 256px}}@media(min-width: 1012px){.LayoutBeta.LayoutBeta--pane-width-wide{--Layout-pane-width: 320px}}@media(min-width: 1280px){.LayoutBeta.LayoutBeta--pane-width-wide{--Layout-pane-width: 336px}}.LayoutBeta.LayoutBeta--responsive-behavior-flowVertical:not(.LayoutBeta--flow-horizontal)>.LayoutBeta-regions{display:grid;grid-template-columns:1fr;grid-template-areas:var(--Layout-template-areas)}.LayoutBeta .LayoutBeta-header,.LayoutBeta .LayoutBeta-content,.LayoutBeta .LayoutBeta-pane,.LayoutBeta .LayoutBeta-footer{padding:var(--Layout-inner-spacing-min)}.LayoutBeta .LayoutBeta-header{grid-area:header;background:#ffb6c1}.LayoutBeta .LayoutBeta-content{padding-left:var(--Layout-inner-spacing-max);padding-right:var(--Layout-inner-spacing-max);grid-area:content;background:#ffc5fd}.LayoutBeta .LayoutBeta-pane{grid-area:pane;background:#d7ffe9}.LayoutBeta .LayoutBeta-footer{grid-area:footer;background:#ffffe0}
3
2
  /*# sourceMappingURL=layout.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/src/layout/container.scss","../src/src/support/variables/layout.scss","../src/src/support/mixins/layout.scss","../src/src/layout/columns.scss","../src/src/layout/grid.scss","../src/src/layout/grid-offset.scss"],"names":[],"mappings":"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","file":"layout.css","sourcesContent":["// Fixed-width, centered column for site content.\n// This will be deprecated and replaced with container-lg in future\n.container {\n width: $container-width;\n margin-right: auto;\n margin-left: auto;\n @include clearfix;\n}\n\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed\n) !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Grid system\n//\n// Create rows with `.columns` to clear the floated columns and outdent the\n// padding on `.column`s with negative margin for alignment.\n\n@warn \".columns, .column, .one-third, .two-thirds, .one-fourth, .one-half, .three-fourths, .one-fifth, .four-fifths, .centered will be deprecated in 12.0.0 please migrate to grid.scss\";\n\n.columns {\n margin-right: -$grid-gutter;\n margin-left: -$grid-gutter;\n @include clearfix;\n}\n\n// Base class for every column (requires a column width from below)\n.column {\n float: left;\n padding-right: $grid-gutter;\n padding-left: $grid-gutter;\n}\n\n// Column widths\n.one-third {\n width: 33.333333%;\n}\n\n.two-thirds {\n width: 66.666667%;\n}\n\n.one-fourth {\n width: 25%;\n}\n\n.one-half {\n width: 50%;\n}\n\n.three-fourths {\n width: 75%;\n}\n\n.one-fifth {\n width: 20%;\n}\n\n.four-fifths {\n width: 80%;\n}\n\n// Centers content horizontally. Can be used inside or outside the grid.\n.centered {\n display: block;\n float: none;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// Optional offset options to work with grid.scss\n\n// Offset Columns\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n .offset#{$variant}-1 { margin-left: (1 / 12 * 100%) !important; }\n .offset#{$variant}-2 { margin-left: (2 / 12 * 100%) !important; }\n .offset#{$variant}-3 { margin-left: (3 / 12 * 100%) !important; }\n .offset#{$variant}-4 { margin-left: (4 / 12 * 100%) !important; }\n .offset#{$variant}-5 { margin-left: (5 / 12 * 100%) !important; }\n .offset#{$variant}-6 { margin-left: (6 / 12 * 100%) !important; }\n .offset#{$variant}-7 { margin-left: (7 / 12 * 100%) !important; }\n .offset#{$variant}-8 { margin-left: (8 / 12 * 100%) !important; }\n .offset#{$variant}-9 { margin-left: (9 / 12 * 100%) !important; }\n .offset#{$variant}-10 { margin-left: (10 / 12 * 100%) !important; }\n .offset#{$variant}-11 { margin-left: (11 / 12 * 100%) !important; }\n }\n}\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/layout/index.scss%23sass"],"names":[],"mappings":"AA8kBA,cAAA,eAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,cAAA,eAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,cAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,cAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,OAAA,iBAAA,CAAA,OAAA,kBAAA,CAAA,OAAA,kBAAA,CAAA,OAAA,kBAAA,CAAA,OAAA,kBAAA,CAAA,OAAA,kBAAA,CAAA,OAAA,kBAAA,CAAA,OAAA,kBAAA,CAAA,OAAA,kBAAA,CAAA,QAAA,iBAAA,CAAA,QAAA,kBAAA,CAAA,QAAA,UAAA,CAAA,yBAAA,UAAA,iBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,WAAA,iBAAA,CAAA,WAAA,kBAAA,CAAA,WAAA,UAAA,CAAA,CAAA,yBAAA,UAAA,iBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,WAAA,iBAAA,CAAA,WAAA,kBAAA,CAAA,WAAA,UAAA,CAAA,CAAA,0BAAA,UAAA,iBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,WAAA,iBAAA,CAAA,WAAA,kBAAA,CAAA,WAAA,UAAA,CAAA,CAAA,0BAAA,UAAA,iBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,UAAA,kBAAA,CAAA,WAAA,iBAAA,CAAA,WAAA,kBAAA,CAAA,WAAA,UAAA,CAAA,CAAA,QAAA,kBAAA,CAAA,iBAAA,CAAA,sBAAA,6BAAA,CAAA,4BAAA,CAAA,kBAAA,iBAAA,CAAA,gBAAA,CAAA,gCAAA,4BAAA,CAAA,2BAAA,CAAA,iBAAA,kBAAA,CAAA,iBAAA,CAAA,+BAAA,6BAAA,CAAA,4BAAA,CAAA,yBAAA,WAAA,kBAAA,CAAA,iBAAA,CAAA,yBAAA,6BAAA,CAAA,4BAAA,CAAA,qBAAA,iBAAA,CAAA,gBAAA,CAAA,mCAAA,4BAAA,CAAA,2BAAA,CAAA,oBAAA,kBAAA,CAAA,iBAAA,CAAA,kCAAA,6BAAA,CAAA,4BAAA,CAAA,CAAA,yBAAA,WAAA,kBAAA,CAAA,iBAAA,CAAA,yBAAA,6BAAA,CAAA,4BAAA,CAAA,qBAAA,iBAAA,CAAA,gBAAA,CAAA,mCAAA,4BAAA,CAAA,2BAAA,CAAA,oBAAA,kBAAA,CAAA,iBAAA,CAAA,kCAAA,6BAAA,CAAA,4BAAA,CAAA,CAAA,0BAAA,WAAA,kBAAA,CAAA,iBAAA,CAAA,yBAAA,6BAAA,CAAA,4BAAA,CAAA,qBAAA,iBAAA,CAAA,gBAAA,CAAA,mCAAA,4BAAA,CAAA,2BAAA,CAAA,oBAAA,kBAAA,CAAA,iBAAA,CAAA,kCAAA,6BAAA,CAAA,4BAAA,CAAA,CAAA,0BAAA,WAAA,kBAAA,CAAA,iBAAA,CAAA,yBAAA,6BAAA,CAAA,4BAAA,CAAA,qBAAA,iBAAA,CAAA,gBAAA,CAAA,mCAAA,4BAAA,CAAA,2BAAA,CAAA,oBAAA,kBAAA,CAAA,iBAAA,CAAA,kCAAA,6BAAA,CAAA,4BAAA,CAAA,CAAA,UAAA,kCAAA,CAAA,UAAA,mCAAA,CAAA,UAAA,mCAAA,CAAA,UAAA,mCAAA,CAAA,UAAA,mCAAA,CAAA,UAAA,mCAAA,CAAA,UAAA,mCAAA,CAAA,UAAA,mCAAA,CAAA,UAAA,mCAAA,CAAA,WAAA,kCAAA,CAAA,WAAA,mCAAA,CAAA,yBAAA,aAAA,kCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,cAAA,kCAAA,CAAA,cAAA,mCAAA,CAAA,CAAA,yBAAA,aAAA,kCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,cAAA,kCAAA,CAAA,cAAA,mCAAA,CAAA,CAAA,0BAAA,aAAA,kCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,cAAA,kCAAA,CAAA,cAAA,mCAAA,CAAA,CAAA,0BAAA,aAAA,kCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,aAAA,mCAAA,CAAA,cAAA,kCAAA,CAAA,cAAA,mCAAA,CAAA,CAAA,QAAA,YAAA,CAAA,6BAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,6BAAA,CAAA,qCAAA,QAAA,kBAAA,CAAA,oCAAA,CAAA,qEAAA,qBAAA,CAAA,wBAAA,CAAA,8DAAA,UAAA,CAAA,2DAAA,iBAAA,CAAA,4DAAA,iBAAA,CAAA,yDAAA,UAAA,CAAA,6DAAA,YAAA,CAAA,wBAAA,kBAAA,CAAA,wCAAA,UAAA,CAAA,UAAA,CAAA,uEAAA,YAAA,CAAA,wEAAA,UAAA,CAAA,cAAA,CAAA,oCAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,qCAAA,iBAAA,CAAA,4EAAA,iBAAA,CAAA,yEAAA,UAAA,CAAA,CAAA,qCAAA,iCAAA,kBAAA,CAAA,oCAAA,CAAA,gJAAA,qBAAA,CAAA,wBAAA,CAAA,uFAAA,UAAA,CAAA,oFAAA,iBAAA,CAAA,qFAAA,iBAAA,CAAA,kFAAA,UAAA,CAAA,sFAAA,YAAA,CAAA,iDAAA,kBAAA,CAAA,iEAAA,UAAA,CAAA,UAAA,CAAA,gGAAA,YAAA,CAAA,iGAAA,UAAA,CAAA,cAAA,CAAA,oCAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,8DAAA,iBAAA,CAAA,qGAAA,iBAAA,CAAA,kGAAA,UAAA,CAAA,CAAA,sCAAA,iCAAA,kBAAA,CAAA,oCAAA,CAAA,gJAAA,qBAAA,CAAA,wBAAA,CAAA,uFAAA,UAAA,CAAA,oFAAA,iBAAA,CAAA,qFAAA,iBAAA,CAAA,kFAAA,UAAA,CAAA,sFAAA,YAAA,CAAA,iDAAA,kBAAA,CAAA,iEAAA,UAAA,CAAA,UAAA,CAAA,gGAAA,YAAA,CAAA,iGAAA,UAAA,CAAA,cAAA,CAAA,oCAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,8DAAA,iBAAA,CAAA,qGAAA,iBAAA,CAAA,kGAAA,UAAA,CAAA,CAAA,wBAAA,aAAA,CAAA,wBAAA,YAAA,CAAA,qBAAA,oBAAA,CAAA,0BAAA,QAAA,qBAAA,CAAA,CAAA,4BAAA,kBAAA,CAAA,iCAAA,qBAAA,CAAA,0BAAA,gCAAA,qBAAA,CAAA,CAAA,0BAAA,gCAAA,qBAAA,CAAA,CAAA,yBAAA,QAAA,6BAAA,CAAA,CAAA,yBAAA,QAAA,6BAAA,CAAA,CAAA,0BAAA,QAAA,6BAAA,CAAA,CAAA,yBAAA,+BAAA,6BAAA,CAAA,CAAA,0BAAA,+BAAA,6BAAA,CAAA,CAAA,0BAAA,6BAAA,6BAAA,CAAA,CAAA,0BAAA,6BAAA,6BAAA,CAAA,CAAA,sDAAA,aAAA,CAAA,mDAAA,oBAAA,CAAA,oCAAA,gCAAA,CAAA,iDAAA,aAAA,CAAA,oDAAA,oBAAA,CAAA,wCAAA,aAAA,CAAA,aAAA,CAAA,SAAA,CAAA,iBAAA,CAAA,sCAAA,CAAA,qCAAA,oBAAA,CAAA,oEAAA,oBAAA,CAAA,iEAAA,aAAA,CAAA,gBAAA,YAAA,CAAA,SAAA,CAAA,gBAAA,iCAAA,CAAA,aAAA,WAAA,CAAA,kHAAA,iBAAA,CAAA,gBAAA,CAAA,odAAA,aAAA,CAAA,sCAAA,0EAAA,CAAA,sCAAA,2EAAA,CAAA,sCAAA,2EAAA,CAAA,YAAA,0BAAA,CAAA,uDAAA,CAAA,mCAAA,CAAA,uCAAA,CAAA,yBAAA,CAAA,sBAAA,CAAA,2BAAA,CAAA,2BAAA,CAAA,6BAAA,CAAA,6BAAA,CAAA,wCAAA,oCAAA,CAAA,4DAAA,YAAA,CAAA,mCAAA,CAAA,6BAAA,CAAA,oDAAA,CAAA,8CAAA,CAAA,gDAAA,CAAA,wEAAA,uDAAA,CAAA,uCAAA,CAAA,+FAAA,uDAAA,CAAA,+FAAA,uDAAA,CAAA,sHAAA,uEAAA,CAAA,sEAAA,uDAAA,CAAA,uCAAA,CAAA,6FAAA,uDAAA,CAAA,6FAAA,uDAAA,CAAA,oHAAA,uEAAA,CAAA,+DAAA,uCAAA,CAAA,+DAAA,uCAAA,CAAA,sFAAA,mDAAA,CAAA,yEAAA,8BAAA,CAAA,8BAAA,CAAA,0BAAA,yEAAA,8BAAA,CAAA,8BAAA,CAAA,CAAA,4EAAA,8BAAA,CAAA,8BAAA,CAAA,yEAAA,gCAAA,CAAA,gCAAA,CAAA,0BAAA,yEAAA,gCAAA,CAAA,CAAA,4EAAA,gCAAA,CAAA,gCAAA,CAAA,kHAAA,0BAAA,CAAA,oJAAA,8CAAA,CAAA,kDAAA,CAAA,uJAAA,oCAAA,CAAA,gHAAA,yBAAA,CAAA,kJAAA,6CAAA,CAAA,iDAAA,CAAA,qJAAA,qCAAA,CAAA,sFAAA,2BAAA,CAAA,sFAAA,wBAAA,CAAA,sEAAA,yBAAA,CAAA,0BAAA,sEAAA,yBAAA,CAAA,CAAA,yEAAA,yBAAA,CAAA,oEAAA,sBAAA,CAAA,mEAAA,sBAAA,CAAA,0BAAA,mEAAA,sBAAA,CAAA,CAAA,iEAAA,mBAAA,CAAA,sEAAA,sBAAA,CAAA,yBAAA,YAAA,0BAAA,CAAA,CAAA,yBAAA,YAAA,0BAAA,CAAA,CAAA,0BAAA,YAAA,0BAAA,CAAA,CAAA,yBAAA,0CAAA,0BAAA,CAAA,CAAA,0BAAA,0CAAA,0BAAA,CAAA,CAAA,0BAAA,wCAAA,0BAAA,CAAA,CAAA,0BAAA,wCAAA,0BAAA,CAAA,CAAA,+GAAA,YAAA,CAAA,yBAAA,CAAA,gDAAA,CAAA,2HAAA,uCAAA,CAAA,+BAAA,gBAAA,CAAA,kBAAA,CAAA,gCAAA,4CAAA,CAAA,6CAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,6BAAA,cAAA,CAAA,kBAAA,CAAA,+BAAA,gBAAA,CAAA,kBAAA","file":"layout.css"}
package/dist/layout.js CHANGED
@@ -1 +1 @@
1
- module.exports = {cssstats: require('./stats/layout.json')}
1
+ export {cssstats: require('./stats/layout.json')}
package/dist/links.css ADDED
@@ -0,0 +1,2 @@
1
+ .Link{color:var(--color-accent-fg)}.Link:hover{text-decoration:underline;cursor:pointer}.Link--primary{color:var(--color-fg-default) !important}.Link--primary:hover{color:var(--color-accent-fg) !important}.Link--secondary{color:var(--color-fg-muted) !important}.Link--secondary:hover{color:var(--color-accent-fg) !important}.Link--muted{color:var(--color-fg-muted) !important}.Link--muted:hover{color:var(--color-accent-fg) !important;text-decoration:none}.Link--onHover:hover{color:var(--color-accent-fg) !important;text-decoration:underline;cursor:pointer}.Link--secondary:hover [class*=color-text],.Link--primary:hover [class*=color-text],.Link--muted:hover [class*=color-text]{color:inherit !important}
2
+ /*# sourceMappingURL=links.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/links/index.scss%23sass"],"names":[],"mappings":"AAggBA,MAAA,4BACE,CAAA,YAAA,yBAAA,CAAA,cAAA,CAAA,eAAA,wCAAA,CAAA,qBAAA,uCAAA,CAAA,iBAAA,sCAAA,CAAA,uBAAA,uCAAA,CAAA,aAAA,sCAAA,CAAA,mBAAA,uCAAA,CAAA,oBAAA,CAAA,qBAAA,uCAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,2HAAA,wBAAA","file":"links.css"}
package/dist/links.js ADDED
@@ -0,0 +1 @@
1
+ export {cssstats: require('./stats/links.json')}
@@ -0,0 +1,2 @@
1
+ .AnimatedEllipsis{display:inline-block;overflow:hidden;vertical-align:bottom}.AnimatedEllipsis::after{display:inline-block;content:"...";animation:AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite}@keyframes AnimatedEllipsis-keyframes{0%{transform:translateX(-100%)}}
2
+ /*# sourceMappingURL=loaders.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/loaders/index.scss%23sass"],"names":[],"mappings":"AAggBA,kBAAA,oBAAA,CAAA,eAAA,CAAA,qBAAA,CAAA,yBAAA,oBAAA,CAAA,aAAA,CAAA,sEAAA,CAAA,sCAAA,GAAA,2BAAA,CAAA","file":"loaders.css"}
@@ -0,0 +1 @@
1
+ export {cssstats: require('./stats/loaders.json')}
package/dist/markdown.css CHANGED
@@ -1,3 +1,2 @@
1
- .markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:""}.markdown-body::after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#cb2431}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:0.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit}.markdown-body h1{padding-bottom:0.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:0.875em}.markdown-body h6{font-size:0.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}
2
-
1
+ .markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:""}.markdown-body::after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:var(--color-danger-fg)}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-default);border:0}.markdown-body blockquote{padding:0 1em;color:var(--color-fg-muted);border-left:.25em solid var(--color-border-default)}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body sup>a::before{content:"["}.markdown-body sup>a::after{content:"]"}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body h1{padding-bottom:.3em;font-size:2em;border-bottom:1px solid var(--color-border-muted)}.markdown-body h2{padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid var(--color-border-muted)}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:var(--color-fg-muted)}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body ol[type=a]{list-style-type:lower-alpha}.markdown-body ol[type=i]{list-style-type:lower-roman}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;width:max-content;max-width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid var(--color-border-default)}.markdown-body table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.markdown-body table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:var(--color-canvas-default)}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid var(--color-border-default)}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:var(--color-fg-default)}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;background-color:var(--color-neutral-muted);border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre code{font-size:100%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--color-canvas-subtle);border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:var(--color-canvas-default);border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:var(--color-canvas-subtle);border-top:0}.markdown-body .footnotes{font-size:12px;color:var(--color-fg-muted);border-top:1px solid var(--color-border-default)}.markdown-body .footnotes ol{padding-left:16px}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target::before{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-24px;pointer-events:none;content:"";border:2px solid var(--color-accent-emphasis);border-radius:6px}.markdown-body .footnotes li:target{color:var(--color-fg-default)}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}
3
2
  /*# sourceMappingURL=markdown.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/src/markdown/markdown-body.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/color-system.scss","../src/src/support/variables/layout.scss","../src/src/markdown/headings.scss","../src/src/markdown/lists.scss","../src/src/markdown/tables.scss","../src/src/markdown/images.scss","../src/src/markdown/code.scss","../src/src/support/variables/misc.scss","../src/src/markdown/blob-csv.scss"],"names":[],"mappings":"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","file":"markdown.css","sourcesContent":["// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like <a name=\"examples\">. These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of <a href> elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $red-600;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n padding: 0 1em;\n color: $gray-500;\n border-left: 0.25em solid lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n kbd {\n display: inline-block;\n padding: 3px 5px;\n font-size: 11px;\n line-height: 10px;\n color: $gray-700;\n vertical-align: middle;\n background-color: $gray-000;\n border: solid 1px darken($gray-300, 4%);\n border-bottom-color: $gray-400;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 $gray-400;\n }\n}\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\n\n// Heading sizes - mobile\n// h4—h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n gray: $grays,\n blue: $blues,\n green: $greens,\n yellow: $yellows,\n orange: $oranges,\n red: $reds,\n purple: $purples,\n pink: $pinks,\n) !default;\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed\n) !default;\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid lighten($gray-200, 3%);\n }\n\n h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid lighten($gray-200, 3%);\n }\n\n h3 {\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n font-size: 0.875em;\n }\n\n h6 {\n font-size: 0.85em;\n color: $gray-500;\n }\n}\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n padding: 6px 13px;\n border: 1px solid lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n border-top: 1px solid darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $gray-100;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type, primer/selector-no-utility\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n padding-left: 20px;\n }\n\n &[align=left] {\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `<img>` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden;\n\n span {\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (<pre>s)\n > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: $gray-100;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// Miscellaneous variables\n// stylelint-disable declaration-bang-space-before\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Custom explore grid border\n$exploregrid-item-border-radius: 4px;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n\n// Should be moved into custom github css\n$stats-switcher-py: 10px;\n// Future proof this `height` value by finding the computed line-height, then\n// adding the total value of the vertical padding. This var is used to toggle\n// between the stats bar and language breakdown.\n$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);\n\n$min_tab_size: 1;\n$max_tab_size: 12;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075);\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3);\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15;\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $gray-100;\n border-top: 0;\n }\n}\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/markdown/index.scss%23sass"],"names":[],"mappings":"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","file":"markdown.css"}
package/dist/markdown.js CHANGED
@@ -1 +1 @@
1
- module.exports = {cssstats: require('./stats/markdown.json')}
1
+ export {cssstats: require('./stats/markdown.json')}
@@ -1,3 +1,2 @@
1
- @font-face{font-family:Inter;font-style:normal;font-weight:400;src:local("Inter"),local("Inter-Regular"),url("/primer-marketing-support/fonts/Inter-Regular.woff") format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local("Inter Medium"),local("Inter-Medium"),url("/primer-marketing-support/fonts/Inter-Medium.woff") format("woff")}.btn-mktg{display:inline-block;padding:16px 24px;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#1074e7;border:1px solid #1074e7;border-radius:3px;transition:.2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-mktg:hover{text-decoration:none;background-color:#0366d6;border-color:#0366d6}.btn-mktg:focus{outline:0;box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn-mktg:disabled,.btn-mktg.disabled{pointer-events:none;cursor:default;opacity:0.65}.btn-primary-mktg{background-color:#2ebc4f;border-color:#2ebc4f}.btn-primary-mktg:hover{background-color:#28a745;border-color:#28a745}.btn-primary-mktg:focus{box-shadow:0 0 0 0.2em rgba(40,167,69,0.3)}.btn-large-mktg{padding:20px 32px;font-size:16px}.btn-outline-mktg{color:#1074e7;background-color:rgba(255,255,255,0);border-color:rgba(16,116,231,0.5)}.btn-outline-mktg:hover{color:#0366d6;text-decoration:none;background-color:rgba(255,255,255,0);border-color:#1074e7}.btn-transparent{color:#fff;background-color:transparent;background-image:none;border:1px solid rgba(255,255,255,0.5)}.btn-transparent:hover,.btn-transparent:active{color:#2f363d;background-color:#fff;background-image:none;border-color:#fff}
2
-
1
+ .btn-mktg{position:relative;z-index:1;display:inline-block;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;padding:.9rem 1.5rem 1.1rem;font-size:1rem;font-weight:600;line-height:1;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:0;border-radius:.375rem;color:var(--color-mktg-btn-text);background-color:var(--color-mktg-btn-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-bg-top) 0%, var(--color-mktg-btn-bg-bottom) 100%)}.btn-mktg::before{background-image:linear-gradient(-180deg, var(--color-mktg-btn-bg-overlay-top) 0%, var(--color-mktg-btn-bg-overlay-bottom) 100%)}.btn-mktg:hover,.btn-mktg.hover,.btn-mktg:active,.btn-mktg.selected,.btn-mktg[aria-selected=true],[open]>.btn-mktg{background-color:var(--color-mktg-btn-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-bg-top) 0%, var(--color-mktg-btn-bg-bottom) 100%)}.btn-mktg:focus,.btn-mktg.focus{outline:0;box-shadow:0 0 0 .2em rgba(var(--color-mktg-btn-bg-bottom), 0.4)}.btn-mktg:disabled,.btn-mktg.disabled,.btn-mktg[aria-disabled=true]{pointer-events:none;cursor:default;opacity:.5}.btn-mktg::before{background-blend-mode:overlay,normal;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border-radius:.375rem;opacity:0;transition:opacity .4s}.btn-mktg:hover{text-decoration:none}.btn-mktg:hover::before{opacity:1;transition:opacity .4s}.btn-primary-mktg{color:var(--color-mktg-btn-primary-text);background-color:var(--color-mktg-btn-primary-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-top) 0%, var(--color-mktg-btn-primary-bg-bottom) 100%)}.btn-primary-mktg::before{background-image:linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-overlay-top) 0%, var(--color-mktg-btn-primary-bg-overlay-bottom) 100%)}.btn-primary-mktg:hover,.btn-primary-mktg.hover,.btn-primary-mktg:active,.btn-primary-mktg.selected,.btn-primary-mktg[aria-selected=true],[open]>.btn-primary-mktg{background-color:var(--color-mktg-btn-primary-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-top) 0%, var(--color-mktg-btn-primary-bg-bottom) 100%)}.btn-primary-mktg:focus,.btn-primary-mktg.focus{outline:0;box-shadow:0 0 0 .2em rgba(var(--color-mktg-btn-primary-bg-bottom), 0.4)}.btn-primary-mktg:disabled,.btn-primary-mktg.disabled,.btn-primary-mktg[aria-disabled=true]{pointer-events:none;cursor:default;opacity:.5}.btn-enterprise-mktg{color:var(--color-mktg-btn-enterprise-text);background-color:var(--color-mktg-btn-enterprise-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-top) 0%, var(--color-mktg-btn-enterprise-bg-bottom) 100%)}.btn-enterprise-mktg::before{background-image:linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-overlay-top) 0%, var(--color-mktg-btn-enterprise-bg-overlay-bottom) 100%)}.btn-enterprise-mktg:hover,.btn-enterprise-mktg.hover,.btn-enterprise-mktg:active,.btn-enterprise-mktg.selected,.btn-enterprise-mktg[aria-selected=true],[open]>.btn-enterprise-mktg{background-color:var(--color-mktg-btn-enterprise-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-top) 0%, var(--color-mktg-btn-enterprise-bg-bottom) 100%)}.btn-enterprise-mktg:focus,.btn-enterprise-mktg.focus{outline:0;box-shadow:0 0 0 .2em rgba(var(--color-mktg-btn-enterprise-bg-bottom), 0.4)}.btn-enterprise-mktg:disabled,.btn-enterprise-mktg.disabled,.btn-enterprise-mktg[aria-disabled=true]{pointer-events:none;cursor:default;opacity:.5}.btn-outline-mktg{color:var(--color-mktg-btn-outline-text);background:none;box-shadow:0 0 0 1px var(--color-mktg-btn-outline-border) inset;transition:box-shadow .4s,color .4s}.btn-outline-mktg::before{display:none}.btn-outline-mktg:hover,.btn-outline-mktg.hover,.btn-outline-mktg:active,.btn-outline-mktg.selected,.btn-outline-mktg[aria-selected=true],[open]>.btn-outline-mktg{color:var(--color-mktg-btn-outline-hover-text);background:none;box-shadow:0 0 0 2px var(--color-mktg-btn-outline-hover-border) inset}.btn-outline-mktg:focus,.btn-outline-mktg.focus{outline:0;box-shadow:0 0 0 2px var(--color-mktg-btn-outline-focus-border) inset,0 0 0 4px var(--color-mktg-btn-outline-focus-border-inset)}.btn-outline-mktg:disabled,.btn-outline-mktg.disabled,.btn-outline-mktg[aria-disabled=true]{opacity:.5}.btn-transparent{color:var(--color-mktg-btn-dark-text);background:none;box-shadow:0 0 0 1px var(--color-mktg-btn-dark-border) inset;transition:box-shadow .4s,color .4s}.btn-transparent::before{display:none}.btn-transparent:hover,.btn-transparent.hover,.btn-transparent:active,.btn-transparent.selected,.btn-transparent[aria-selected=true],[open]>.btn-transparent{color:var(--color-mktg-btn-dark-hover-text);background:none;box-shadow:0 0 0 2px var(--color-mktg-btn-dark-hover-border) inset}.btn-transparent:focus,.btn-transparent.focus{outline:0;box-shadow:0 0 0 2px var(--color-mktg-btn-dark-focus-border) inset,0 0 0 4px var(--color-mktg-btn-dark-focus-border-inset)}.btn-transparent:disabled,.btn-transparent.disabled,.btn-transparent[aria-disabled=true]{opacity:.5}.btn-small-mktg{padding:.625rem 1rem .8125rem}.btn-large-mktg{padding:20px 30px 23px !important}
3
2
  /*# sourceMappingURL=marketing-buttons.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/marketing/src/marketing/support/variables.scss","../src/marketing/src/support/variables/typography.scss","../src/marketing/src/marketing/buttons/button.scss","../src/marketing/src/support/variables/layout.scss","../src/marketing/src/support/variables/color-system.scss","../src/marketing/src/support/variables/misc.scss"],"names":[],"mappings":"AAGA,WACE,iBAAkB,CAClB,iBAAkB,CAClB,eCoBsB,CDnBtB,kHAA4G,CAG9G,WACE,iBAAkB,CAClB,iBAAkB,CAClB,eCYwB,CDXxB,uHAAiH,CEdnH,UACE,oBAAqB,CACrB,iBCiBoB,CDhBpB,cDeY,CCdZ,eDqBwB,CCpBxB,UEgGU,CF/FV,kBAAmB,CACnB,qBAAsB,CACtB,cAAe,CACf,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,wBFewC,CEdxC,wBFcwC,CEbxC,iBGJiB,CHKjB,cAAgC,CAChC,uBAAY,CAAZ,oBAAY,CAAZ,eAAgB,CAdlB,gBAiBI,oBAAqB,CACrB,wBEEqB,CFDrB,oBECqB,CFpBzB,gBAuBI,SAAU,CACV,0CEJqB,CFpBzB,sCA6BI,mBAAoB,CACpB,cAAe,CACf,YAAa,CACd,kBAID,wBFZ2C,CEa3C,oBFb2C,CEW7C,wBAKI,wBERqB,CFSrB,oBETqB,CFGzB,wBAUI,0CEbqB,CFctB,gBAID,iBC9BoB,CD+BpB,cDlCY,CCmCb,kBAGC,aF9BwC,CE+BxC,oCE6CU,CF5CV,iCFhCwC,CE6B1C,wBAMI,aExCqB,CFyCrB,oBAAqB,CACrB,oCEuCQ,CFtCR,oBFtCsC,CEuCvC,iBAWD,UE0BU,CFzBV,4BAA6B,CAC7B,qBAAsB,CACtB,sCEuBU,CF3BZ,+CANE,aEzDuB,CF0DvB,qBEgCU,CF/BV,qBAAsB,CACtB,iBE8BU","file":"marketing-buttons.css","sourcesContent":["$marketing-font-path: \"/primer-marketing-support/fonts/\" !default;\n\n// Type\n@font-face {\n font-family: Inter;\n font-style: normal;\n font-weight: $font-weight-normal;\n src: local(\"Inter\"), local(\"Inter-Regular\"), url(\"#{$marketing-font-path}Inter-Regular.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: Inter;\n font-style: normal;\n font-weight: $font-weight-semibold;\n src: local(\"Inter Medium\"), local(\"Inter-Medium\"), url(\"#{$marketing-font-path}Inter-Medium.woff\") format(\"woff\");\n}\n\n$font-mktg: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n\n// Builds upon primer-support/variables/typography.scss\n$h000-size: 64px !default;\n$h000-size-mobile: 48px !default;\n\n// Colors\n$green-mktg: mix($green-500, $green-400, 50%);\n$blue-mktg: mix($blue-400, $blue-500, 42%);\n\n// Animations\n$transition-time: 0.4s;\n\n// Increases primer-core scale first by 8px for spacer-7 then by 16px step increments for spacer-8 to spacer-12\n// i.e. After 40px, we have 48, 64, 80, 96, etc.\n$spacer-7: $spacer * 6 !default; // 48px\n$spacer-8: $spacer * 8 !default; // 64px\n$spacer-9: $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$marketingSpacers: $spacer-7, $spacer-8, $spacer-9, $spacer-10, $spacer-11, $spacer-12;\n$allSpacers: $spacer-1, $spacer-2, $spacer-3, $spacer-4, $spacer-5, $spacer-6, $spacer-7, $spacer-8, $spacer-9, $spacer-10, $spacer-11, $spacer-12;\n\n$marketing-spacers: (\n 7: $spacer-7,\n 8: $spacer-8,\n 9: $spacer-9,\n 10: $spacer-10,\n 11: $spacer-11,\n 12: $spacer-12,\n) !default;\n\n$marketing-all-spacers: map-merge(\n (\n 0: 0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n ),\n $marketing-spacers,\n) !default;\n\n$marketing-position-variants: (\n \"\": \"\",\n md: \"-md\",\n lg: \"-lg\",\n) !default;\n","// Typography variables\n// stylelint-disable declaration-bang-space-before\n\n// Heading sizes - mobile\n// h4—h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n",".btn-mktg {\n display: inline-block;\n padding: $spacer-3 $spacer-4;\n font-size: $h5-size;\n font-weight: $font-weight-semibold;\n color: $white;\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n background-color: $blue-mktg;\n border: 1px solid $blue-mktg;\n border-radius: $border-radius;\n transition: $transition-time / 2;\n appearance: none; // Corrects inability to style clickable `input` types in iOS.\n\n &:hover {\n text-decoration: none;\n background-color: $blue-500;\n border-color: $blue-500;\n }\n\n &:focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba($blue-500, 0.3);\n }\n\n &:disabled,\n &.disabled {\n pointer-events: none; // Disable hover styles\n cursor: default;\n opacity: 0.65;\n }\n}\n\n.btn-primary-mktg {\n background-color: $green-mktg;\n border-color: $green-mktg;\n\n &:hover {\n background-color: $green-500;\n border-color: $green-500;\n }\n\n &:focus {\n box-shadow: 0 0 0 0.2em rgba($green-500, 0.3);\n }\n}\n\n.btn-large-mktg {\n padding: 20px $spacer-5;\n font-size: $h4-size;\n}\n\n.btn-outline-mktg {\n color: $blue-mktg;\n background-color: rgba($white, 0);\n border-color: rgba($blue-mktg, 0.5);\n\n &:hover {\n color: $blue-500;\n text-decoration: none;\n background-color: rgba($white, 0);\n border-color: rgba($blue-mktg, 1);\n }\n}\n\n@mixin btn-transparent-active {\n color: $gray-800;\n background-color: $white;\n background-image: none;\n border-color: $white;\n}\n\n.btn-transparent {\n color: $white;\n background-color: transparent;\n background-image: none;\n border: $border-width $border-style $white-fade-50;\n\n &:hover,\n &:active {\n @include btn-transparent-active;\n }\n}\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed\n) !default;\n","//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n gray: $grays,\n blue: $blues,\n green: $greens,\n yellow: $yellows,\n orange: $oranges,\n red: $reds,\n purple: $purples,\n pink: $pinks,\n) !default;\n","// Miscellaneous variables\n// stylelint-disable declaration-bang-space-before\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Custom explore grid border\n$exploregrid-item-border-radius: 4px;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n\n// Should be moved into custom github css\n$stats-switcher-py: 10px;\n// Future proof this `height` value by finding the computed line-height, then\n// adding the total value of the vertical padding. This var is used to toggle\n// between the stats bar and language breakdown.\n$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);\n\n$min_tab_size: 1;\n$max_tab_size: 12;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075);\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3);\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15;\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/marketing/buttons/index.scss%23sass"],"names":[],"mappings":"AAkrBA,UAAA,iBACE,CAAA,SAAA,CAAA,oBAAA,CAAA,kCAAA,CAAA,+BAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,cAAA,CAAA,eAAA,CAAA,aAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,gDAAA,CAAA,gHAAA,CAAA,kBAAA,gIAAA,CAAA,mHAAA,gDAAA,CAAA,gHAAA,CAAA,gCAAA,SAAA,CAAA,gEAAA,CAAA,oEAAA,mBAAA,CAAA,cAAA,CAAA,UAAA,CAAA,kBAAA,oCAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,OAAA,CAAA,QAAA,CAAA,MAAA,CAAA,UAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,sBAAA,CAAA,gBAAA,oBAAA,CAAA,wBAAA,SAAA,CAAA,sBAAA,CAAA,kBAAA,wCAAA,CAAA,wDAAA,CAAA,gIAAA,CAAA,0BAAA,gJAAA,CAAA,mKAAA,wDAAA,CAAA,gIAAA,CAAA,gDAAA,SAAA,CAAA,wEAAA,CAAA,4FAAA,mBAAA,CAAA,cAAA,CAAA,UAAA,CAAA,qBAAA,2CAAA,CAAA,2DAAA,CAAA,sIAAA,CAAA,6BAAA,sJAAA,CAAA,qLAAA,2DAAA,CAAA,sIAAA,CAAA,sDAAA,SAAA,CAAA,2EAAA,CAAA,qGAAA,mBAAA,CAAA,cAAA,CAAA,UAAA,CAAA,kBAAA,wCAAA,CAAA,eAAA,CAAA,+DAAA,CAAA,mCAAA,CAAA,0BAAA,YAAA,CAAA,mKAAA,8CAAA,CAAA,eAAA,CAAA,qEAAA,CAAA,gDAAA,SAAA,CAAA,gIAAA,CAAA,4FAAA,UAAA,CAAA,iBAAA,qCAAA,CAAA,eAAA,CAAA,4DAAA,CAAA,mCAAA,CAAA,yBAAA,YAAA,CAAA,6JAAA,2CAAA,CAAA,eAAA,CAAA,kEAAA,CAAA,8CAAA,SAAA,CAAA,0HAAA,CAAA,yFAAA,UAAA,CAAA,gBAAA,6BAAA,CAAA,gBAAA,iCAAA","file":"marketing-buttons.css"}
@@ -1 +1 @@
1
- module.exports = {cssstats: require('./stats/marketing-buttons.json')}
1
+ export {cssstats: require('./stats/marketing-buttons.json')}
@@ -1,3 +1,2 @@
1
- @font-face{font-family:Inter;font-style:normal;font-weight:400;src:local("Inter"),local("Inter-Regular"),url("/primer-marketing-support/fonts/Inter-Regular.woff") format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local("Inter Medium"),local("Inter-Medium"),url("/primer-marketing-support/fonts/Inter-Medium.woff") format("woff")}
2
1
 
3
- /*# sourceMappingURL=marketing-support.css.map */
2
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJtYXJrZXRpbmctc3VwcG9ydC5jc3MifQ== */
@@ -1 +1 @@
1
- module.exports = {cssstats: require('./stats/marketing-support.json')}
1
+ export {cssstats: require('./stats/marketing-support.json')}
@@ -1,3 +1,2 @@
1
- @font-face{font-family:Inter;font-style:normal;font-weight:400;src:local("Inter"),local("Inter-Regular"),url("/primer-marketing-support/fonts/Inter-Regular.woff") format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local("Inter Medium"),local("Inter-Medium"),url("/primer-marketing-support/fonts/Inter-Medium.woff") format("woff")}.h000-mktg,.h00-mktg,.h0-mktg,.h1-mktg,.h2-mktg,.h3-mktg,.h4-mktg,.h5-mktg,.h6-mktg,.lead-mktg{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:500}.h000-mktg{font-size:48px !important}@media (min-width: 768px){.h000-mktg{font-size:64px !important}}.h00-mktg{font-size:40px !important}@media (min-width: 768px){.h00-mktg{font-size:48px !important}}.h0-mktg{font-size:32px !important}@media (min-width: 768px){.h0-mktg{font-size:40px !important}}.h1-mktg{font-size:26px !important}@media (min-width: 768px){.h1-mktg{font-size:32px !important}}.h2-mktg{font-size:22px !important}@media (min-width: 768px){.h2-mktg{font-size:24px !important}}.h3-mktg{font-size:18px !important}@media (min-width: 768px){.h3-mktg{font-size:20px !important}}.h4-mktg{font-size:16px !important}.h5-mktg{font-size:14px !important}.h6-mktg{font-size:12px !important}.lead-mktg{font-size:20px;font-weight:400}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px;line-height:1.4;color:#586069;border-left:3px solid #e1e4e8}@media (min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}}
2
-
1
+ .h0-mktg,.h1-mktg,.h2-mktg,.h3-mktg,.h4-mktg,.h5-mktg,.h6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:600 !important;letter-spacing:-0.01em !important}.h0-mktg{font-size:48px !important;line-height:52px !important;font-weight:800 !important}@media(min-width: 768px){.h0-mktg{font-size:72px !important;line-height:76px !important}}@media(min-width: 1012px){.h0-mktg{font-size:96px !important;line-height:100px !important}}.h1-mktg{font-size:40px !important;line-height:44px !important;font-weight:800 !important}@media(min-width: 768px){.h1-mktg{font-size:56px !important;line-height:60px !important;letter-spacing:-0.03em !important}}@media(min-width: 1012px){.h1-mktg{font-size:72px !important;line-height:76px !important}}.h2-mktg{font-size:32px !important;line-height:36px !important;font-weight:800 !important}@media(min-width: 768px){.h2-mktg{font-size:48px !important;line-height:52px !important;letter-spacing:-0.03em !important}}@media(min-width: 1012px){.h2-mktg{font-size:64px !important;line-height:68px !important}}.h3-mktg{font-size:28px !important;line-height:32px !important;font-weight:800 !important}@media(min-width: 768px){.h3-mktg{font-size:40px !important;line-height:44px !important}}@media(min-width: 1012px){.h3-mktg{font-size:48px !important;line-height:52px !important;letter-spacing:-0.03em !important}}.h4-mktg{font-size:24px !important;line-height:28px !important;font-weight:800 !important}@media(min-width: 768px){.h4-mktg{font-size:28px !important;line-height:32px !important}}@media(min-width: 1012px){.h4-mktg{font-size:32px !important;line-height:36px !important}}.h5-mktg{font-size:20px !important;line-height:24px !important}@media(min-width: 768px){.h5-mktg{font-size:24px !important;line-height:28px !important;font-weight:800 !important}}.h6-mktg{font-size:16px !important;line-height:20px !important}@media(min-width: 768px){.h6-mktg{font-size:20px !important;line-height:24px !important}}.f0-mktg,.f1-mktg,.f2-mktg,.f3-mktg,.f4-mktg,.f5-mktg,.f6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:400}.f0-mktg{font-size:28px !important;line-height:40px !important;letter-spacing:-0.01em !important;font-weight:500}@media(min-width: 768px){.f0-mktg{font-size:40px !important;line-height:52px !important}}@media(min-width: 1012px){.f0-mktg{font-size:48px !important;line-height:64px !important}}.f1-mktg{font-size:24px !important;line-height:32px !important;font-weight:500}@media(min-width: 768px){.f1-mktg{font-size:28px !important;line-height:40px !important;letter-spacing:-0.01em !important}}@media(min-width: 1012px){.f1-mktg{font-size:32px !important;line-height:44px !important}}.f2-mktg{font-size:20px !important;line-height:28px !important}@media(min-width: 1012px){.f2-mktg{font-size:24px !important;line-height:32px !important;font-weight:450}}.f3-mktg{font-size:16px !important;line-height:24px !important}@media(min-width: 768px){.f3-mktg{font-size:20px !important;line-height:28px !important}}.f4-mktg{font-size:16px !important;line-height:24px !important}.f5-mktg{font-size:14px !important;line-height:20px !important}.f6-mktg{font-size:12px !important;line-height:20px !important}.text-medium{font-weight:450 !important}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:16px;line-height:1.4;color:var(--color-color-text-secondary);border-left:3px solid var(--color-border-default)}@media(min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}}
3
2
  /*# sourceMappingURL=marketing-type.css.map */