@tacc/core-styles 1.0.0 → 2.0.0

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 (329) hide show
  1. package/dist/branding_logos.css +1 -1
  2. package/dist/components/README.css +1 -1
  3. package/dist/components/admonition/demo.css +1 -0
  4. package/dist/components/admonition.css +1 -0
  5. package/dist/components/align/demo.css +1 -0
  6. package/dist/components/align.css +1 -0
  7. package/dist/components/bootstrap/bootstrap--form.demo.css +1 -1
  8. package/dist/components/bootstrap/bootstrap--modal.demo.css +1 -1
  9. package/dist/components/bootstrap/demo.css +1 -1
  10. package/dist/components/bootstrap.container.css +1 -1
  11. package/dist/components/bootstrap.css +1 -1
  12. package/dist/components/bootstrap.figure.css +1 -1
  13. package/dist/components/bootstrap.form.css +1 -1
  14. package/dist/components/bootstrap.modal.css +1 -1
  15. package/dist/components/bootstrap.pagination.css +1 -1
  16. package/dist/components/c-button/demo.css +1 -1
  17. package/dist/components/c-button.css +1 -1
  18. package/dist/components/c-callout.css +1 -1
  19. package/dist/components/c-card/c-card--frontera.demo.css +1 -0
  20. package/dist/components/c-card/c-card.demo.css +1 -0
  21. package/dist/components/c-card--frontera-about-page.css +1 -0
  22. package/dist/components/c-card.css +1 -1
  23. package/dist/components/c-card.selectors.css +1 -0
  24. package/dist/components/c-data-list.css +1 -1
  25. package/dist/components/c-footer.css +1 -1
  26. package/dist/components/c-form.css +1 -1
  27. package/dist/components/c-image-map.css +1 -1
  28. package/dist/components/c-image-map.skin.css +1 -1
  29. package/dist/components/c-image-map.structure.css +1 -1
  30. package/dist/components/c-message/demo.css +1 -0
  31. package/dist/components/c-message.css +1 -1
  32. package/dist/components/c-message.portal.css +1 -0
  33. package/dist/components/c-nav.css +1 -1
  34. package/dist/components/c-page.css +1 -1
  35. package/dist/components/c-recognition.css +1 -1
  36. package/dist/components/c-see-all-link.css +1 -1
  37. package/dist/components/c-show-more.css +1 -1
  38. package/dist/components/cortal.icon.css +1 -1
  39. package/dist/components/cortal.icon.font.css +1 -1
  40. package/dist/components/demo.css +1 -0
  41. package/dist/components/django-cms-forms.css +1 -1
  42. package/dist/components/django-cms-forms.hacks.css +1 -1
  43. package/dist/components/mui.tabs.css +1 -1
  44. package/dist/components/tacc-docs.css +1 -0
  45. package/dist/core-styles.base.css +3 -3
  46. package/dist/core-styles.cms.css +2 -2
  47. package/dist/core-styles.demo.css +2 -2
  48. package/dist/core-styles.docs.css +2 -0
  49. package/dist/core-styles.header.css +2 -2
  50. package/dist/core-styles.portal.css +2 -2
  51. package/dist/core-styles.settings.css +2 -2
  52. package/dist/elements/README.css +1 -1
  53. package/dist/elements/bootstrap.css +1 -1
  54. package/dist/{tools/x-link/demo.css → elements/c-card.selectors.css} +1 -1
  55. package/dist/elements/demo.css +1 -1
  56. package/dist/elements/form.cms.css +1 -1
  57. package/dist/elements/headings/demo.css +1 -0
  58. package/dist/elements/headings--cms.css +1 -0
  59. package/dist/elements/html-elements/demo.css +1 -0
  60. package/dist/elements/html-elements.cms.css +1 -1
  61. package/dist/elements/html-elements.css +1 -1
  62. package/dist/elements/html-elements.docs.css +1 -0
  63. package/dist/elements/links.css +1 -1
  64. package/dist/elements/monospace.css +1 -0
  65. package/dist/elements/root.css +1 -0
  66. package/dist/elements/sticky-footer.css +1 -0
  67. package/dist/elements/table--basic.css +1 -1
  68. package/dist/elements/table--nested.css +1 -1
  69. package/dist/elements/table.cms.css +1 -0
  70. package/dist/elements/table.css +1 -1
  71. package/dist/elements/table.selectors.css +1 -0
  72. package/dist/elements/tacc-search-bar.css +1 -1
  73. package/dist/fractal.server.refresh.css +1 -1
  74. package/dist/generics/README.css +1 -1
  75. package/dist/generics/fonts.css +1 -1
  76. package/dist/objects/README.css +1 -1
  77. package/dist/objects/o-fixed-header-table/demo.css +1 -1
  78. package/dist/objects/o-fixed-header-table.css +1 -1
  79. package/dist/objects/o-flex-item-table-wrap/demo.css +1 -1
  80. package/dist/objects/o-flex-item-table-wrap.css +1 -1
  81. package/dist/objects/o-float-content.css +1 -1
  82. package/dist/objects/o-grid.css +1 -1
  83. package/dist/objects/o-offset-content.css +1 -1
  84. package/dist/objects/o-section/demo.css +1 -0
  85. package/dist/objects/o-section.css +1 -1
  86. package/dist/objects/o-section.selectors.css +1 -0
  87. package/dist/objects/o-site.css +1 -1
  88. package/dist/objects/o-table-wrap/demo.basic.css +1 -1
  89. package/dist/objects/o-table-wrap/demo.extra.css +1 -1
  90. package/dist/objects/o-table-wrap/{extra.flexible-horz.css → example.flexible-horz.css} +1 -1
  91. package/dist/objects/o-table-wrap/example.overflow-hidden.css +1 -0
  92. package/dist/objects/o-table-wrap/example.overflow-scroll.css +1 -0
  93. package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -1
  94. package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -1
  95. package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -1
  96. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -1
  97. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -1
  98. package/dist/objects/o-table-wrap.css +1 -1
  99. package/dist/settings/README.css +1 -1
  100. package/dist/settings/border.css +1 -1
  101. package/dist/settings/color.css +1 -1
  102. package/dist/settings/demo.css +1 -0
  103. package/dist/settings/font/demo-family.css +1 -0
  104. package/dist/settings/font/demo-size.css +1 -0
  105. package/dist/settings/font/demo-style.css +1 -0
  106. package/dist/settings/font/demo-weight.css +1 -0
  107. package/dist/settings/font--cms.css +1 -0
  108. package/dist/settings/font--docs.css +1 -0
  109. package/dist/settings/font--portal.css +1 -0
  110. package/dist/settings/font.css +1 -1
  111. package/dist/settings/max-width.css +1 -1
  112. package/dist/settings/space.css +1 -1
  113. package/dist/tools/README.css +1 -1
  114. package/dist/tools/media-queries.css +1 -1
  115. package/dist/tools/selectors.common.css +1 -0
  116. package/dist/tools/selectors.css +1 -0
  117. package/dist/tools/selectors.monospace.css +1 -0
  118. package/dist/tools/x-article-link.css +1 -1
  119. package/dist/tools/x-center.css +1 -1
  120. package/dist/tools/x-fake-border.css +1 -1
  121. package/dist/tools/x-grid.css +1 -1
  122. package/dist/tools/x-layout.css +1 -1
  123. package/dist/tools/x-link.css +1 -1
  124. package/dist/tools/x-mailto-text-replace.css +1 -1
  125. package/dist/tools/x-overlay.css +1 -1
  126. package/dist/tools/x-truncate.css +1 -1
  127. package/dist/trumps/README.css +1 -1
  128. package/dist/trumps/demo.css +1 -0
  129. package/dist/trumps/s-affixed-input-wrapper.css +1 -1
  130. package/dist/trumps/s-article-list.css +1 -1
  131. package/dist/trumps/s-article-preview.css +1 -1
  132. package/dist/trumps/s-blockquote.css +1 -1
  133. package/dist/trumps/s-breadcrumbs.css +1 -1
  134. package/dist/trumps/s-cms-nav.css +1 -1
  135. package/dist/trumps/s-document.css +1 -1
  136. package/dist/trumps/s-footer.css +1 -1
  137. package/dist/trumps/s-guide-doc.css +1 -1
  138. package/dist/trumps/s-header.bootstrap.css +1 -1
  139. package/dist/trumps/s-header.css +1 -1
  140. package/dist/trumps/s-inline-dl.css +1 -1
  141. package/dist/trumps/s-irregular-links.css +1 -1
  142. package/dist/trumps/s-paragraph-table.css +1 -0
  143. package/dist/trumps/s-portal-nav.css +1 -1
  144. package/dist/trumps/s-style-guide.css +1 -1
  145. package/dist/trumps/s-system-specs.css +1 -1
  146. package/dist/trumps/tacc-search-bar.css +1 -1
  147. package/dist/trumps/u-empty.css +1 -1
  148. package/dist/trumps/u-hide.css +1 -1
  149. package/dist/trumps/u-mailto-text-replace.css +1 -1
  150. package/dist/trumps/u-nested-text-content.css +1 -1
  151. package/docs/index.md +3 -0
  152. package/fractal.config.js +29 -5
  153. package/package.json +4 -5
  154. package/src/.postcssrc.base.yml +1 -0
  155. package/src/lib/_imports/_partials/blockquote.hbs +5 -0
  156. package/src/lib/_imports/_partials/figure.hbs +15 -0
  157. package/src/lib/_imports/_partials/img.hbs +5 -0
  158. package/src/lib/_imports/_partials/loremipsum-paragraphs.hbs +15 -0
  159. package/src/lib/_imports/_partials/text-and-link-no-href.hbs +1 -0
  160. package/src/lib/_imports/_partials/text-of-one-paragraph-long.hbs +1 -0
  161. package/src/lib/_imports/_partials/text-of-one-paragraph-medium.hbs +1 -0
  162. package/src/lib/_imports/_partials/text-of-one-paragraph-short.hbs +1 -0
  163. package/src/lib/_imports/_partials/text-of-one-paragraph-with-tags.hbs +1 -0
  164. package/src/lib/_imports/_preview.hbs +49 -31
  165. package/src/lib/_imports/components/admonition/admonition.hbs +39 -0
  166. package/src/lib/_imports/components/admonition/config.yml +2 -0
  167. package/src/lib/_imports/components/admonition/demo.css +5 -0
  168. package/src/lib/_imports/components/admonition/readme.md +14 -0
  169. package/src/lib/_imports/components/admonition.css +35 -0
  170. package/src/lib/_imports/components/align/align.hbs +51 -0
  171. package/src/lib/_imports/components/align/config.yml +3 -0
  172. package/src/lib/_imports/components/align/demo.css +7 -0
  173. package/src/lib/_imports/components/align/readme.md +31 -0
  174. package/src/lib/_imports/components/align.css +33 -0
  175. package/src/lib/_imports/components/bootstrap/bootstrap--container.hbs +1 -1
  176. package/src/lib/_imports/components/bootstrap/bootstrap--modal.hbs +1 -1
  177. package/src/lib/_imports/components/c-button.css +6 -1
  178. package/src/lib/_imports/components/c-card/_c-card--many-variable.hbs +107 -0
  179. package/src/lib/_imports/components/c-card/_c-card--one-image.hbs +6 -0
  180. package/src/lib/_imports/components/c-card/_c-card--one-plain.hbs +4 -0
  181. package/src/lib/_imports/components/c-card/_c-card--one-standard.hbs +15 -0
  182. package/src/lib/_imports/components/c-card/_c-card--one-transparent.hbs +4 -0
  183. package/src/lib/_imports/components/c-card/_c-card--one-with-grid.hbs +26 -0
  184. package/src/lib/_imports/components/c-card/c-card--frontera.demo.css +5 -0
  185. package/src/lib/_imports/components/{c-card.html → c-card/c-card--frontera.hbs} +7 -6
  186. package/src/lib/_imports/components/c-card/c-card--frontera.readme.md +5 -0
  187. package/src/lib/_imports/components/c-card/c-card.demo.css +11 -0
  188. package/src/lib/_imports/components/c-card/c-card.hbs +36 -0
  189. package/src/lib/_imports/components/c-card/c-card.readme.md +33 -0
  190. package/src/lib/_imports/components/c-card/config.yml +23 -0
  191. package/src/lib/_imports/components/c-card--frontera-about-page.css +48 -0
  192. package/src/lib/_imports/components/c-card.css +165 -34
  193. package/src/lib/_imports/components/c-card.selectors.css +38 -0
  194. package/src/lib/_imports/components/c-data-list/config.yml +9 -0
  195. package/src/lib/_imports/components/c-data-list/description-list/config.yml +68 -0
  196. package/src/lib/_imports/components/c-data-list/description-list/description-list.hbs +4 -0
  197. package/src/lib/_imports/components/c-data-list/description-list/readme.md +8 -0
  198. package/src/lib/_imports/components/c-data-list/readme.md +8 -0
  199. package/src/lib/_imports/components/c-data-list/table/config.yml +68 -0
  200. package/src/lib/_imports/components/c-data-list/table/readme.md +12 -0
  201. package/src/lib/_imports/components/c-data-list/table/table.hbs +4 -0
  202. package/src/lib/_imports/components/c-data-list.css +125 -46
  203. package/src/lib/_imports/components/c-footer.css +3 -50
  204. package/src/lib/_imports/components/c-form/c-form.hbs +3 -0
  205. package/src/lib/_imports/components/c-form/config.yml +2 -1
  206. package/src/lib/_imports/components/c-form.css +1 -1
  207. package/src/lib/_imports/components/c-message/_c-message--classes.hbs +5 -0
  208. package/src/lib/_imports/components/c-message/_c-message--intro.hbs +1 -0
  209. package/src/lib/_imports/components/c-message/_c-message--single.hbs +3 -0
  210. package/src/lib/_imports/components/c-message/c-message--scope.hbs +15 -0
  211. package/src/lib/_imports/components/c-message/c-message--scope.readme.md +14 -0
  212. package/src/lib/_imports/components/c-message/c-message--type.hbs +15 -0
  213. package/src/lib/_imports/components/c-message/c-message--type.readme.md +12 -0
  214. package/src/lib/_imports/components/c-message/c-message.hbs +1 -0
  215. package/src/lib/_imports/components/c-message/config.yml +35 -0
  216. package/src/lib/_imports/components/c-message/demo.css +12 -0
  217. package/src/lib/_imports/components/c-message/readme.md +1 -0
  218. package/src/lib/_imports/components/c-message.css +54 -25
  219. package/src/lib/_imports/components/c-message.portal.css +5 -0
  220. package/src/lib/_imports/components/cortal.icon.css +39 -0
  221. package/src/lib/_imports/components/demo.css +40 -0
  222. package/src/lib/_imports/components/django-cms-forms/config.yml +4 -3
  223. package/src/lib/_imports/components/django-cms-forms/django-cms-forms.hbs +3 -0
  224. package/src/lib/_imports/components/django-cms-forms.css +1 -1
  225. package/src/lib/_imports/components/tacc-docs/config.yml +3 -0
  226. package/src/lib/_imports/components/tacc-docs/readme.md +23 -0
  227. package/src/lib/_imports/components/tacc-docs/tacc-docs.hbs +43 -0
  228. package/src/lib/_imports/components/tacc-docs.css +11 -0
  229. package/src/lib/_imports/core-styles.base.css +1 -6
  230. package/src/lib/_imports/core-styles.cms.css +15 -3
  231. package/src/lib/_imports/core-styles.demo.css +3 -3
  232. package/src/lib/_imports/core-styles.docs.css +36 -0
  233. package/src/lib/_imports/core-styles.portal.css +5 -2
  234. package/src/lib/_imports/elements/demo.css +78 -45
  235. package/src/lib/_imports/elements/dl/dl.hbs +6 -0
  236. package/src/lib/_imports/elements/headings/config.yml +15 -0
  237. package/src/lib/_imports/elements/headings/demo.css +10 -0
  238. package/src/lib/_imports/elements/headings/headings--cms.hbs +18 -0
  239. package/src/lib/_imports/elements/headings/headings.hbs +12 -0
  240. package/src/lib/_imports/elements/headings/readme.md +12 -0
  241. package/src/lib/_imports/elements/headings--cms.css +70 -0
  242. package/src/lib/_imports/elements/html-elements/config.yml +12 -0
  243. package/src/lib/_imports/elements/html-elements/demo.css +5 -0
  244. package/src/lib/_imports/elements/html-elements/html-elements.hbs +83 -0
  245. package/src/lib/_imports/elements/html-elements/readme.md +1 -0
  246. package/src/lib/_imports/elements/html-elements.cms.css +44 -164
  247. package/src/lib/_imports/elements/html-elements.css +34 -4
  248. package/src/lib/_imports/elements/html-elements.docs.css +6 -0
  249. package/src/lib/_imports/elements/links/links.hbs +7 -1
  250. package/src/lib/_imports/elements/links.css +7 -3
  251. package/src/lib/_imports/elements/monospace/config.yml +12 -0
  252. package/src/lib/_imports/elements/monospace/monospace.hbs +60 -0
  253. package/src/lib/_imports/elements/monospace.css +95 -0
  254. package/src/lib/_imports/elements/root.css +41 -0
  255. package/src/lib/_imports/elements/sticky-footer.css +6 -0
  256. package/src/lib/_imports/elements/table/config.yml +123 -3
  257. package/src/lib/_imports/elements/table/table--via-paragraphs.hbs +22 -0
  258. package/src/lib/_imports/elements/table/table--via-paragraphs.readme.md +17 -0
  259. package/src/lib/_imports/elements/table/table.hbs +11 -3
  260. package/src/lib/_imports/elements/table--basic.css +42 -26
  261. package/src/lib/_imports/elements/table--nested.css +16 -5
  262. package/src/lib/_imports/elements/table.cms.css +22 -0
  263. package/src/lib/_imports/elements/table.selectors.css +3 -0
  264. package/src/lib/_imports/objects/o-fixed-header-table/config.yml +5 -3
  265. package/src/lib/_imports/objects/o-fixed-header-table/demo.css +2 -3
  266. package/src/lib/_imports/objects/o-fixed-header-table/o-fixed-header-table.hbs +16 -3
  267. package/src/lib/_imports/objects/o-fixed-header-table/readme.md +4 -0
  268. package/src/lib/_imports/objects/o-grid.css +7 -0
  269. package/src/lib/_imports/objects/o-offset-content.css +16 -17
  270. package/src/lib/_imports/objects/o-section/_o-section--usage.hbs +1 -0
  271. package/src/lib/_imports/objects/o-section/config.yml +18 -0
  272. package/src/lib/_imports/objects/o-section/demo.css +8 -0
  273. package/src/lib/_imports/objects/o-section/o-section.hbs +57 -0
  274. package/src/lib/_imports/objects/o-section/readme.md +32 -0
  275. package/src/lib/_imports/objects/o-section.css +59 -103
  276. package/src/lib/_imports/objects/o-section.selectors.css +20 -0
  277. package/src/lib/_imports/objects/o-table-wrap/config.yml +4 -2
  278. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap.hbs +2 -2
  279. package/src/lib/_imports/settings/_settings.config.yml +2 -0
  280. package/src/lib/_imports/settings/color.css +22 -0
  281. package/src/lib/_imports/settings/demo.css +5 -0
  282. package/src/lib/_imports/settings/font/_font--family.hbs +13 -0
  283. package/src/lib/_imports/settings/font/_font--size.hbs +5 -0
  284. package/src/lib/_imports/settings/font/_font--weight.hbs +33 -0
  285. package/src/lib/_imports/settings/font/config.yml +16 -0
  286. package/src/lib/_imports/settings/font/demo-family.css +10 -0
  287. package/src/lib/_imports/settings/font/demo-size.css +11 -0
  288. package/src/lib/_imports/settings/font/demo-style.css +2 -0
  289. package/src/lib/_imports/settings/font/demo-weight.css +20 -0
  290. package/src/lib/_imports/settings/font/font.hbs +39 -0
  291. package/src/lib/_imports/settings/font/readme.md +8 -0
  292. package/src/lib/_imports/settings/font--cms.css +17 -0
  293. package/src/lib/_imports/settings/font--docs.css +18 -0
  294. package/src/lib/_imports/settings/font--portal.css +17 -0
  295. package/src/lib/_imports/settings/font.css +10 -21
  296. package/src/lib/_imports/settings/space.css +6 -2
  297. package/src/lib/_imports/tools/selectors.common.css +13 -0
  298. package/src/lib/_imports/tools/selectors.css +20 -0
  299. package/src/lib/_imports/tools/selectors.monospace.css +64 -0
  300. package/src/lib/_imports/tools/x-link/readme.md +1 -0
  301. package/src/lib/_imports/tools/x-link/x-link.hbs +2 -0
  302. package/src/lib/_imports/tools/x-link.css +7 -0
  303. package/src/lib/_imports/{tools/x-link → trumps}/demo.css +3 -2
  304. package/src/lib/_imports/trumps/s-affixed-input-wrapper/config.yml +3 -2
  305. package/src/lib/_imports/trumps/s-blockquote/readme.md +12 -0
  306. package/src/lib/_imports/trumps/s-blockquote/s-blockquote.hbs +4 -0
  307. package/src/lib/_imports/trumps/s-blockquote.css +3 -25
  308. package/src/lib/_imports/trumps/s-breadcrumbs.css +18 -10
  309. package/src/lib/_imports/trumps/s-guide-doc.css +0 -39
  310. package/src/lib/_imports/trumps/s-header.css +1 -1
  311. package/src/lib/_imports/trumps/s-irregular-links/config.yml +0 -3
  312. package/src/lib/_imports/trumps/s-irregular-links/s-irregular-links.hbs +15 -3
  313. package/src/lib/_imports/trumps/s-paragraph-table/config.yml +7 -0
  314. package/src/lib/_imports/trumps/s-paragraph-table/readme.md +17 -0
  315. package/src/lib/_imports/trumps/s-paragraph-table/s-paragraph-table.hbs +7 -0
  316. package/src/lib/_imports/trumps/s-paragraph-table.css +3 -0
  317. package/dist/elements/links/demo.css +0 -1
  318. package/dist/objects/o-table-wrap/extra.overflow-hidden.css +0 -1
  319. package/dist/objects/o-table-wrap/extra.overflow-scroll.css +0 -1
  320. package/dist/trumps/s-affixed-input-wrapper/demo.css +0 -1
  321. package/src/lib/_imports/_partials/loremipsum.hbs +0 -18
  322. package/src/lib/_imports/_partials/text-of-one-paragraph.hbs +0 -1
  323. package/src/lib/_imports/components/c-data-list.html +0 -131
  324. package/src/lib/_imports/elements/links/config.yml +0 -3
  325. package/src/lib/_imports/objects/o-section.html +0 -134
  326. /package/src/lib/_imports/elements/table/{table--paragraph.readme.md → table--with-paragraphs.readme.md} +0 -0
  327. /package/src/lib/_imports/objects/o-table-wrap/{extra.flexible-horz.css → example.flexible-horz.css} +0 -0
  328. /package/src/lib/_imports/objects/o-table-wrap/{extra.overflow-hidden.css → example.overflow-hidden.css} +0 -0
  329. /package/src/lib/_imports/objects/o-table-wrap/{extra.overflow-scroll.css → example.overflow-scroll.css} +0 -0
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line,[class*=s-article-list--]>h2,[class*=s-article-list--]>p:last-child a{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d,.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px) and (max-width:767px),(min-width:768px) and (max-width:991px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.s-article-list--layout-e,.x-layout--e{display:flex;flex-direction:column}.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover--gapless{--outline-offset:0}.s-article-list--layout-e>:not(h2):not(p:last-child){flex-grow:1}.s-article-list--layout-a>h2,.s-article-list--layout-b>h2,.s-article-list--layout-c>h2,.s-article-list--layout-d>h2{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>h2{color:var(--global-color-accent--normal);font-size:1.6rem;font-weight:var(--bold);margin-bottom:3rem;margin-top:0;text-transform:uppercase}[class*=s-article-list--]>h2{padding-top:1em;position:relative}[class*=s-article-list--]>h2:before{background-color:var(--global-color-accent--normal);content:"";display:block;height:.5em;position:absolute;top:0;width:2.5em}.s-article-list--layout-a>p:last-child,.s-article-list--layout-b>p:last-child,.s-article-list--layout-c>p:last-child,.s-article-list--layout-d>p:last-child{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>p:last-child{border-top-style:solid;border-top-width:var(--global-border-width--thick);font-size:1.2rem;font-weight:var(--bold);margin-bottom:-1rem;margin-top:3rem}[class*=s-article-list--]>p:last-child a{display:inline-block;max-width:100%;padding-bottom:1rem;padding-right:1rem;padding-top:1rem}.o-section--style-dark [class*=s-article-list--]>p:last-child,.o-section--style-dark[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-light)}.o-section--style-dark [class*=s-article-list--]>p:last-child a,.o-section--style-dark[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-light)}.o-section--style-light [class*=s-article-list--]>p:last-child,.o-section--style-light[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-dark)}.o-section--style-light [class*=s-article-list--]>p:last-child a,.o-section--style-light[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-dark)}[class*=s-article-list--]>p:last-child a:before{content:"\f35a";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:1.4rem;margin-right:10px;vertical-align:middle}.s-article-list--links{color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-list--links p:not(:last-child){margin:0}.s-article-list--links p:not(:last-child) a{color:var(--global-color-primary--xx-dark);font-weight:var(--bold)}.s-article-list--links p:not(:last-child){position:relative}.s-article-list--links p:not(:last-child) a:before{content:""}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d{-moz-column-gap:3rem;column-gap:3rem}.s-article-list--layout-gapless{gap:0}.s-article-list--layout-compact>p:last-child{margin-top:0}.s-article-list--layout-divided>:not(h2):not(p:last-child){border-style:solid;border-width:var(--global-border-width--normal) 0 0;padding-top:.8rem}.o-section--style-dark .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-dark.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--light)}.o-section--style-light .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-light.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--dark)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line,[class*=s-article-list--]>h2,[class*=s-article-list--]>p:last-child a{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d,.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px) and (max-width:767px),(min-width:768px) and (max-width:991px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.s-article-list--layout-e,.x-layout--e{display:flex;flex-direction:column}.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover--gapless{--outline-offset:0}.s-article-list--layout-e>:not(h2):not(p:last-child){flex-grow:1}.s-article-list--layout-a>h2,.s-article-list--layout-b>h2,.s-article-list--layout-c>h2,.s-article-list--layout-d>h2{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>h2{color:var(--global-color-accent--normal);font-size:1.6rem;font-weight:var(--bold);margin-bottom:3rem;margin-top:0;text-transform:uppercase}[class*=s-article-list--]>h2{padding-top:1em;position:relative}[class*=s-article-list--]>h2:before{background-color:var(--global-color-accent--normal);content:"";display:block;height:.5em;position:absolute;top:0;width:2.5em}.s-article-list--layout-a>p:last-child,.s-article-list--layout-b>p:last-child,.s-article-list--layout-c>p:last-child,.s-article-list--layout-d>p:last-child{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>p:last-child{border-top-style:solid;border-top-width:var(--global-border-width--thick);font-size:1.2rem;font-weight:var(--bold);margin-bottom:-1rem;margin-top:3rem}[class*=s-article-list--]>p:last-child a{display:inline-block;max-width:100%;padding-bottom:1rem;padding-right:1rem;padding-top:1rem}.o-section--style-dark [class*=s-article-list--]>p:last-child,.o-section--style-dark[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-light)}.o-section--style-dark [class*=s-article-list--]>p:last-child a,.o-section--style-dark[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-light)}.o-section--style-light [class*=s-article-list--]>p:last-child,.o-section--style-light[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-dark)}.o-section--style-light [class*=s-article-list--]>p:last-child a,.o-section--style-light[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-dark)}[class*=s-article-list--]>p:last-child a:before{content:"\f35a";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:1.4rem;margin-right:10px;vertical-align:middle}.s-article-list--links{color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-list--links p:not(:last-child){margin:0}.s-article-list--links p:not(:last-child) a{color:var(--global-color-primary--xx-dark);font-weight:var(--bold)}.s-article-list--links p:not(:last-child){position:relative}.s-article-list--links p:not(:last-child) a:before{content:""}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d{-moz-column-gap:3rem;column-gap:3rem}.s-article-list--layout-gapless{gap:0}.s-article-list--layout-compact>p:last-child{margin-top:0}.s-article-list--layout-divided>:not(h2):not(p:last-child){border-style:solid;border-width:var(--global-border-width--normal) 0 0;padding-top:.8rem}.o-section--style-dark .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-dark.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--light)}.o-section--style-light .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-light.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--dark)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines,[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line,[class*=s-article-list--] .s-article-preview h3{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-preview p:last-child>a,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless .s-article-preview p:last-child>a,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-preview p:last-child>a:hover,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless .s-article-preview p:last-child>a:hover,.x-article-link-hover--gapless{--outline-offset:0}.s-article-preview{display:flex;flex-direction:column;position:relative}.s-article-preview p:first-child{margin-bottom:.8rem;order:1;overflow:hidden}.s-article-preview p:first-child>img{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.s-article-preview p:first-child>img.img-fluid{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.s-article-list--news .s-article-preview p:first-child{height:180px}.s-article-list--allocations .s-article-preview p:first-child{height:10rem}.s-article-list--events .s-article-preview p:first-child{display:none}.s-article-preview h3{font-size:1.8rem;font-weight:var(--bold);line-height:2.4rem;margin-bottom:.8rem;margin-top:0;order:3}.s-article-list--allocations .s-article-preview h3{color:inherit;font-size:1.6rem;font-weight:var(--bold)}.s-article-list--events .s-article-preview h3{font-size:1.4rem}.s-article-preview p:not(:first-child):not(:last-child){font-size:1.6rem;line-height:2.4rem;margin-bottom:0;order:4}[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:3}.s-article-list--allocations .s-article-preview p:not(:first-child):not(:last-child){display:none}.s-article-list--events .s-article-preview p:not(:first-child):not(:last-child){color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-preview ul{display:flex;flex-direction:column;list-style:none;margin-bottom:.8rem;order:2;padding-left:0}.s-article-list--allocations .s-article-preview ul{order:5}.s-article-preview ul>li:first-child{display:flex;flex-direction:row;flex-wrap:wrap;font-weight:var(--medium);order:2}.s-article-list--news .s-article-preview ul>li:first-child{font-size:1rem;margin-bottom:.8rem}.s-article-list--news .s-article-preview ul>li:first-child:before{content:"Published: ";white-space:pre}.s-article-list--events .s-article-preview ul>li:first-child{color:var(--global-color-accent--normal);font-size:1.4rem}.s-article-list--allocations .s-article-preview ul>li:first-child{font-size:1.6rem}.s-article-list--allocations .s-article-preview ul>li:first-child:before{content:"Submission Deadlines: ";white-space:pre}.s-article-preview ul>li:nth-child(2){font-size:1.2rem;font-weight:var(--bold);order:1;text-transform:uppercase}.s-article-list--allocations .s-article-preview ul>li:nth-child(2),.s-article-list--events .s-article-preview ul>li:nth-child(2){display:none}.s-article-preview ul>li:nth-child(3){order:3}.s-article-list--allocations .s-article-preview ul>li:nth-child(3),.s-article-list--events .s-article-preview ul>li:nth-child(3),.s-article-list--news .s-article-preview ul>li:nth-child(3){display:none}.s-article-preview p:last-child{margin-bottom:0}.s-article-preview p:last-child{z-index:1}.s-article-preview p:last-child>a{color:transparent}.s-article-list--layout-compact .s-article-preview>*{margin-bottom:0}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines,[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line,[class*=s-article-list--] .s-article-preview h3{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-preview p:last-child>a,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless .s-article-preview p:last-child>a,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-preview p:last-child>a:hover,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless .s-article-preview p:last-child>a:hover,.x-article-link-hover--gapless{--outline-offset:0}.s-article-preview{display:flex;flex-direction:column;position:relative}.s-article-preview p:first-child{margin-bottom:.8rem;order:1;overflow:hidden}.s-article-preview p:first-child>img{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.s-article-preview p:first-child>img.img-fluid{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.s-article-list--news .s-article-preview p:first-child{height:180px}.s-article-list--allocations .s-article-preview p:first-child{height:10rem}.s-article-list--events .s-article-preview p:first-child{display:none}.s-article-preview h3{font-size:1.8rem;font-weight:var(--bold);line-height:2.4rem;margin-bottom:.8rem;margin-top:0;order:3}.s-article-list--allocations .s-article-preview h3{color:inherit;font-size:1.6rem;font-weight:var(--bold)}.s-article-list--events .s-article-preview h3{font-size:1.4rem}.s-article-preview p:not(:first-child):not(:last-child){font-size:1.6rem;line-height:2.4rem;margin-bottom:0;order:4}[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:3}.s-article-list--allocations .s-article-preview p:not(:first-child):not(:last-child){display:none}.s-article-list--events .s-article-preview p:not(:first-child):not(:last-child){color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-preview ul{display:flex;flex-direction:column;list-style:none;margin-bottom:.8rem;order:2;padding-left:0}.s-article-list--allocations .s-article-preview ul{order:5}.s-article-preview ul>li:first-child{display:flex;flex-direction:row;flex-wrap:wrap;font-weight:var(--medium);order:2}.s-article-list--news .s-article-preview ul>li:first-child{font-size:1rem;margin-bottom:.8rem}.s-article-list--news .s-article-preview ul>li:first-child:before{content:"Published: ";white-space:pre}.s-article-list--events .s-article-preview ul>li:first-child{color:var(--global-color-accent--normal);font-size:1.4rem}.s-article-list--allocations .s-article-preview ul>li:first-child{font-size:1.6rem}.s-article-list--allocations .s-article-preview ul>li:first-child:before{content:"Submission Deadlines: ";white-space:pre}.s-article-preview ul>li:nth-child(2){font-size:1.2rem;font-weight:var(--bold);order:1;text-transform:uppercase}.s-article-list--allocations .s-article-preview ul>li:nth-child(2),.s-article-list--events .s-article-preview ul>li:nth-child(2){display:none}.s-article-preview ul>li:nth-child(3){order:3}.s-article-list--allocations .s-article-preview ul>li:nth-child(3),.s-article-list--events .s-article-preview ul>li:nth-child(3),.s-article-list--news .s-article-preview ul>li:nth-child(3){display:none}.s-article-preview p:last-child{margin-bottom:0}.s-article-preview p:last-child{z-index:1}.s-article-preview p:last-child>a{color:transparent}.s-article-list--layout-compact .s-article-preview>*{margin-bottom:0}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-blockquote{margin-bottom:1.25em;margin-top:1.25em}.s-blockquote blockquote{font-size:1.125em;font-style:italic;margin-bottom:0}.s-blockquote blockquote p{margin:0;white-space:pre-wrap}.s-blockquote blockquote p:before{content:"“"}.s-blockquote blockquote p:after{content:"”"}.s-blockquote figcaption{font-size:1em;margin-top:.3em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:normal}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-blockquote blockquote{font-style:italic;margin:unset}.s-blockquote blockquote p{margin:0;white-space:pre-wrap}.s-blockquote blockquote p:before{content:"“"}.s-blockquote blockquote p:after{content:"”"}.s-blockquote figcaption{margin-top:.3em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:unset}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}nav.s-breadcrumbs{font-size:var(--global-font-size--x-small);padding-top:15px;text-transform:uppercase}nav.s-breadcrumbs ol{font-weight:var(--global-font-weight--medium);list-style:none;margin-bottom:unset;padding-left:unset}nav.s-breadcrumbs ol li,ol.s-breadcrumbs li{display:inline-block}nav.s-breadcrumbs ol li+li:before,ol.s-breadcrumbs li+li:before{content:" > "}nav.s-breadcrumbs ol li:last-child span{font-weight:var(--bold)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-breadcrumbs-via-ul,.s-breadcrumbs:is(nav){font-size:var(--global-font-size--x-small);margin-bottom:var(--global-space--under-breadcrumbs);padding-top:var(--global-space--above-breadcrumbs)}.s-breadcrumbs-via-ul ul,.s-breadcrumbs:is(nav) ol{font-weight:var(--global-font-weight--medium);list-style:none;margin-bottom:unset;padding-left:unset}.s-breadcrumbs-via-ul ul li,.s-breadcrumbs:is(nav) ol li,.s-breadcrumbs:is(ol) li{display:inline-block}.s-breadcrumbs-via-ul ul li+li:before,.s-breadcrumbs:is(nav) ol li+li:before,.s-breadcrumbs:is(ol) li+li:before{content:" > "}.s-breadcrumbs-via-ul ul li:last-child,.s-breadcrumbs:is(nav) ol li:last-child{font-weight:var(--bold)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */ul.s-cms-nav{margin-bottom:0;padding-left:0}.s-cms-nav a:hover{text-decoration:none}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */ul.s-cms-nav{margin-bottom:0;padding-left:0}.s-cms-nav a:hover{text-decoration:none}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-document{margin-bottom:var(--global-space--large)}.s-document blockquote{border:var(--global-border--normal);opacity:.75;padding:1em}.s-document blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}p+dl.small{padding-left:var(--global-space--list-indent)}.s-document p+details,.s-document p+dl.small,.s-document p+img,.s-document p+ol.small,.s-document p+pre,.s-document p+ul.small{margin-bottom:1rem;margin-top:-.75rem}code,pre>samp{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--light);border-style:solid;border-width:var(--global-border-width--normal)}.s-document img{border:var(--global-border--normal);display:block;max-width:800px;width:100%}.s-document i.icon--as-image{border:var(--global-border--normal);display:inline-block;font-size:2.8em;padding:.25em}.s-document table{max-width:500px;text-align:center;width:100%}.s-document details{--buffer-horz:1em;padding-left:var(--buffer-horz)}.s-document summary{margin-left:calc(var(--buffer-horz)*-1)}.s-document details[open]>summary{margin-bottom:.5em}.s-document summary:after{display:inline-block;margin-left:.2rem;opacity:.75}.s-document details[open]>summary:after{content:"(hide)"}.s-document details:not([open])>summary:after{content:"(show)"}.s-document .row>.col>:last-child{margin-bottom:0}.s-document .row .row{padding:var(--global-space--normal) 0}.s-document .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-document{margin-bottom:var(--global-space--large)}.s-document blockquote{border:var(--global-border--normal);opacity:.75;padding:1em}.s-document blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}p+dl.small{padding-left:var(--global-space--list-indent)}.s-document p+details,.s-document p+dl.small,.s-document p+img,.s-document p+ol.small,.s-document p+pre,.s-document p+ul.small{margin-bottom:1rem;margin-top:-.75rem}code,pre>samp{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--light);border-style:solid;border-width:var(--global-border-width--normal)}.s-document img{border:var(--global-border--normal);display:block;max-width:800px;width:100%}.s-document i.icon--as-image{border:var(--global-border--normal);display:inline-block;font-size:2.8em;padding:.25em}.s-document table{max-width:500px;text-align:center;width:100%}.s-document details{--buffer-horz:1em;padding-left:var(--buffer-horz)}.s-document summary{margin-left:calc(var(--buffer-horz)*-1)}.s-document details[open]>summary{margin-bottom:.5em}.s-document summary:after{display:inline-block;margin-left:.2rem;opacity:.75}.s-document details[open]>summary:after{content:"(hide)"}.s-document details:not([open])>summary:after{content:"(show)"}.s-document .row>.col>:last-child{margin-bottom:0}.s-document .row .row{padding:var(--global-space--normal) 0}.s-document .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-footer>p:last-of-type{margin:0}.s-footer a{color:var(--global-color-primary--light)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-footer>p:last-of-type{margin:0}.s-footer a{color:var(--global-color-primary--light)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-guide-doc h2:not(hr+h2):before{border-top:1px solid var(--global-color-primary--light);content:"";display:block;margin-bottom:var(--global-space--hr-buffer-below);margin-top:var(--global-space--hr-buffer-above)}.s-guide-doc blockquote{border:var(--global-border--normal);opacity:.75;padding:1em}.s-guide-doc blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}.s-guide-doc figure{align-items:center;display:flex;flex-direction:column}.s-guide-doc figcaption{font-weight:700}.s-guide-doc table{max-width:500px;text-align:center;width:100%}.s-guide-doc .row>.col>:last-child{margin-bottom:0}.s-guide-doc .row .row{padding:var(--global-space--normal) 0}.s-guide-doc .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-guide-doc table{max-width:500px;text-align:center;width:100%}.s-guide-doc .row>.col>:last-child{margin-bottom:0}.s-guide-doc .row .row{padding:var(--global-space--normal) 0}.s-guide-doc .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--global-color-primary--xx-dark);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--xx-light);margin-right:16px;min-width:176px;padding:0}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--global-color-primary--xx-dark);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:#d5b57c;line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--global-color-primary--xx-light)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:none}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--global-color-primary--xx-dark);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--xx-light);margin-right:16px;min-width:176px;padding:0}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--global-color-primary--xx-dark);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:var(--global-color-secondary--light);line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--global-color-primary--xx-light)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:none}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{-webkit-margin-end:.25em;content:":";margin-inline-end:.25em}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{-webkit-margin-end:.25em;content:":";margin-inline-end:.25em}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-irregular-links .c-button--as-link,.s-irregular-links a,.x-link,.x-link--irregular{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.s-irregular-links .c-button--as-link:hover,.s-irregular-links a:hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links .c-button--as-link:active,.s-irregular-links a:active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.s-irregular-links .c-button--as-link,.s-irregular-links a,.x-link--irregular{text-decoration-line:underline}.s-irregular-links .c-button--as-link:hover,.s-irregular-links a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.s-irregular-links .c-button--as-link:active,.s-irregular-links a:active,.x-link--irregular--active{text-decoration-style:dotted}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-irregular-links .c-button--as-link,.s-irregular-links a,.x-link,.x-link--irregular{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled{opacity:.5;pointer-events:none}.s-irregular-links .c-button--as-link:hover,.s-irregular-links a:hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links .c-button--as-link:active,.s-irregular-links a:active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.s-irregular-links .c-button--as-link,.s-irregular-links a,.x-link--irregular{text-decoration-line:underline}.s-irregular-links .c-button--as-link:hover,.s-irregular-links a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.s-irregular-links .c-button--as-link:active,.s-irregular-links a:active,.x-link--irregular--active{text-decoration-style:dotted}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--global-font-weight--medium)}@media only screen and (min-width:768px){.s-system-specs{display:flow-root}.s-system-specs>*{display:inline-block}.s-system-specs>figure{float:left}}.s-system-specs{--row-height:32px}.s-system-specs>aside{margin-top:var(--row-height)}@media only screen and (max-width:991px){.s-system-specs>figure{margin-bottom:var(--row-height)}}@media only screen and (min-width:992px){.s-system-specs{--col-width--thin:42%;--col-width--wide:48%;--col-gutter:10%;--col-padding:40px;padding-inline:var(--col-padding)}.s-system-specs>aside,.s-system-specs>div{padding-inline:var(--col-padding)}.s-system-specs>div{width:var(--col-width--thin)}.s-system-specs>figure{margin-right:var(--col-gutter);width:var(--col-width--wide)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{display:block;width:100%}.s-system-specs>figure>figcaption{margin-top:-40px;position:relative}@media only screen and (max-width:991px){.s-system-specs>figure>img{margin-left:auto;margin-right:auto;width:60%}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{margin-left:auto;margin-right:auto;width:80%}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--global-font-weight--medium)}@media only screen and (min-width:768px){.s-system-specs{display:flow-root}.s-system-specs>*{display:inline-block}.s-system-specs>figure{float:left}}.s-system-specs{--row-height:32px}.s-system-specs>aside{margin-top:var(--row-height)}@media only screen and (max-width:991px){.s-system-specs>figure{margin-bottom:var(--row-height)}}@media only screen and (min-width:992px){.s-system-specs{--col-width--thin:42%;--col-width--wide:48%;--col-gutter:10%;--col-padding:40px;padding-inline:var(--col-padding)}.s-system-specs>aside,.s-system-specs>div{padding-inline:var(--col-padding)}.s-system-specs>div{width:var(--col-width--thin)}.s-system-specs>figure{margin-right:var(--col-gutter);width:var(--col-width--wide)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{display:block;width:100%}.s-system-specs>figure>figcaption{margin-top:-40px;position:relative}@media only screen and (max-width:991px){.s-system-specs>figure>img{margin-left:auto;margin-right:auto;width:60%}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{margin-left:auto;margin-right:auto;width:80%}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host{font-size:0}:host [part=form]{align-items:center;display:flex;font-family:Roboto;position:relative}:host [part=button]{align-items:center;background-color:transparent;border:none;box-sizing:content-box;color:var(--global-color-primary--xx-light);font-size:16px;font-size:var(--button-font-size);height:var(--input-height,38px);left:0;margin:0;padding:0 var(--button-horz-pad);position:absolute;top:50%;transform:translateY(-50%)}:host [part=input]{background-color:#313131;border:var(--global-border-width--normal) solid var(--global-color-primary--dark);border-radius:5px;color:var(--global-color-primary--xx-light);display:block;font-size:var(--input-font-size);height:var(--input-height);margin:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);padding-top:0;width:100%}:host [part=input]::-moz-placeholder{color:var(--global-color-primary--xx-light);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--xx-light);opacity:.5}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host{font-size:0}:host [part=form]{align-items:center;display:flex;font-family:Roboto;position:relative}:host [part=button]{align-items:center;background-color:transparent;border:none;box-sizing:content-box;color:var(--global-color-primary--xx-light);font-size:16px;font-size:var(--button-font-size);height:var(--input-height,38px);left:0;margin:0;padding:0 var(--button-horz-pad);position:absolute;top:50%;transform:translateY(-50%)}:host [part=input]{background-color:#313131;border:var(--global-border-width--normal) solid var(--global-color-primary--dark);border-radius:5px;color:var(--global-color-primary--xx-light);display:block;font-size:var(--input-font-size);height:var(--input-height);margin:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);padding-top:0;width:100%}:host [part=input]::-moz-placeholder{color:var(--global-color-primary--xx-light);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--xx-light);opacity:.5}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:medium;visibility:visible}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:medium;visibility:visible}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
package/docs/index.md CHANGED
@@ -8,6 +8,8 @@ The pattern CSS is available via [@tacc/core-styles].
8
8
 
9
9
  The patterns are organized by [ITCSS][tacc itcss].
10
10
 
11
+ Any patterns that expect Bootstrap are tested on [Bootstrap 4.3.1][bootstrap].
12
+
11
13
  ---
12
14
 
13
15
  Known Clients:
@@ -23,6 +25,7 @@ Known Clients:
23
25
 
24
26
  [tacc shared css]: https://confluence.tacc.utexas.edu/x/eJR9E
25
27
  [tacc itcss]: https://confluence.tacc.utexas.edu/x/IAA9Cw
28
+ [bootstrap]: https://getbootstrap.com/docs/4.3/
26
29
 
27
30
  <script type="module">
28
31
  Array.from(document.body.querySelectorAll('a'))
package/fractal.config.js CHANGED
@@ -16,22 +16,27 @@ fractal.components.set('statuses', {
16
16
  prototype: {
17
17
  label: "Prototype",
18
18
  description: "Do not implement.",
19
- color: "#999999"
19
+ color: "#666666"
20
20
  },
21
21
  wip: {
22
22
  label: "Work in Progress",
23
23
  description: "Work in progress. Implement with caution.",
24
- color: "#CC9933"
24
+ color: "#999933"
25
+ },
26
+ backup: {
27
+ label: "Backup",
28
+ description: "If regular variations fail.",
29
+ color: "#996633"
25
30
  },
26
31
  ready: {
27
32
  label: "Ready",
28
33
  description: "Ready to implement.",
29
- color: "#339933"
34
+ color: "#339966"
30
35
  },
31
36
  deprecated: {
32
37
  label: 'Deprecated',
33
38
  description: 'Do not implement.',
34
- color: '#990000'
39
+ color: '#800000'
35
40
  }
36
41
  });
37
42
 
@@ -49,11 +54,30 @@ fractal.components.set('resources', {
49
54
  },
50
55
  });
51
56
  fractal.components.set('default.context', {
52
- shouldSkipPattern: true, // true, because …base.css loads most components
57
+ shouldSkipPattern: true, // true, because core-styles.….css loads most
53
58
  globalStyles: [{
59
+ isInternal: true,
60
+ layer: 'base',
61
+ path: '/assets/core-styles.demo.css'
62
+ },{
54
63
  isInternal: true,
55
64
  layer: 'base',
56
65
  path: '/assets/core-styles.base.css'
66
+ }],
67
+ cmsStyles: [{
68
+ isInternal: true,
69
+ layer: 'base',
70
+ path: '/assets/core-styles.cms.css'
71
+ }],
72
+ docsStyles: [{
73
+ isInternal: true,
74
+ layer: 'base',
75
+ path: '/assets/core-styles.docs.css'
76
+ }],
77
+ portalStyles: [{
78
+ isInternal: true,
79
+ layer: 'base',
80
+ path: '/assets/core-styles.portal.css'
57
81
  }]
58
82
  });
59
83
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tacc/core-styles",
3
- "version": "1.0.0",
3
+ "version": "2.0.0",
4
4
  "license": "MIT",
5
5
  "author": "TACC ACI WMA <wma-portals@gmail.com>",
6
6
  "description": "CSS source and processor for TACC Core-CMS and Core-Portal.",
@@ -39,7 +39,6 @@
39
39
  "js-yaml": "^4.1.0",
40
40
  "merge-lite": "^1.0.2",
41
41
  "node-cmd": "^5.0.0",
42
- "npm-watch": "^0.11.0",
43
42
  "postcss": "^8.4.18",
44
43
  "postcss-banner": "^4.0.1",
45
44
  "postcss-cli": "^10.0.0",
@@ -63,13 +62,13 @@
63
62
  "postcss-extend": "To extend CSS rule sets at build-time",
64
63
  "postcss-preset-env": "To use future CSS features now",
65
64
  "// postcss-preset-env": "Using bleeding edge because https://github.com/csstools/postcss-plugins/issues/481#issuecomment-1334903391",
66
- "postcss-replace": "To edit relative paths to fonts",
67
- "npm-watch": "To live build on source file change"
65
+ "postcss-replace": "To edit relative paths to fonts"
68
66
  },
69
67
  "devDependencies": {
70
68
  "@frctl/fractal": "^1.5.13",
71
69
  "@frctl/mandelbrot": "^1.10.1",
72
- "minimist": "^1.2.7"
70
+ "minimist": "^1.2.7",
71
+ "npm-watch": "^0.11.0"
73
72
  },
74
73
  "watch": {
75
74
  "build:watch": {
@@ -18,6 +18,7 @@ plugins:
18
18
  features:
19
19
  custom-media-queries: true
20
20
  media-query-ranges: true
21
+ nesting-rules: true
21
22
  custom-selectors: true
22
23
  # This feature (to come in v8) is not ready yet
23
24
  # https://github.com/csstools/postcss-plugins/issues/481#issuecomment-1335678359
@@ -0,0 +1,5 @@
1
+ <blockquote
2
+ {{#if class}}class="{{ class }}"{{/if}}
3
+ >
4
+ <p>Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.</p>
5
+ </blockquote>
@@ -0,0 +1,15 @@
1
+ <figure {{#if class}}class="{{ class }}"{{/if}}>
2
+ <img
3
+ {{#if use-image-wide}}
4
+ src="https://cep.tacc.utexas.edu/media/filer_public/db/ff/dbff8f57-5b25-4273-8e6f-ae95462e7d19/spectrum-wide-1024px.png"
5
+ {{else if use-image-tall}}
6
+ src="https://cep.tacc.utexas.edu/media/filer_public/87/b2/87b24b37-7b66-4d4a-b305-47c2308892ea/spectrum-tall-1024px.png"
7
+ {{else}}
8
+ src="https://cep.tacc.utexas.edu/media/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png"
9
+ {{/if}}
10
+ alt="(sample image)"
11
+ />
12
+ <figcaption>
13
+ I am a &lt;figcaption&gt; within a &lt;figure&gt;. <span class="c-message c-message--style-inline c-message--type-warning">I may be wider than image. If so, should I wrap?</span>
14
+ </figcaption>
15
+ </figure>
@@ -0,0 +1,5 @@
1
+ <img
2
+ {{#if class}}class="{{ class }}"{{/if}}
3
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png"
4
+ alt="(sample image)"
5
+ />
@@ -0,0 +1,15 @@
1
+ <p>
2
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis odio elit, faucibus blandit tellus mollis ut. Donec vel nibh at nisl fermentum sodales nec quis risus. Nullam et magna in metus vulputate fermentum a a augue. Nulla in ante id mi mattis elementum. Proin augue felis, feugiat eu nulla id, laoreet egestas nibh. Praesent pharetra at urna ut ullamcorper. Nam eleifend mauris ex, sit amet sollicitudin quam mollis sed.
3
+ </p>
4
+ <p>
5
+ Maecenas faucibus ut neque hendrerit egestas. Pellentesque id sodales arcu, ac tempus nunc. Integer aliquam a urna vitae molestie. Ut commodo erat porta erat accumsan, et gravida tellus vehicula. Proin ac enim imperdiet, placerat odio sed, pharetra velit. Duis a nunc ut est tincidunt malesuada. Vivamus tristique augue nunc, at dictum ante luctus pretium. Donec ac suscipit lorem. Integer lacus arcu, cursus nec arcu ac, fermentum mollis leo. Praesent quis erat convallis, bibendum nibh eu, sagittis quam. Donec sodales est quis aliquet lacinia.
6
+ </p>
7
+ <p>
8
+ Nunc condimentum pretium lorem, nec malesuada odio consectetur tristique. Morbi condimentum nec massa eu commodo. Praesent faucibus congue risus, auctor rhoncus augue faucibus eget. Cras faucibus et tortor a dignissim. Cras non nibh magna. Aenean quis ullamcorper risus. Mauris molestie, leo vel elementum bibendum, quam ex sodales felis, vulputate laoreet erat nibh at odio. Phasellus eget ante cursus, elementum magna vel, tristique elit. Aenean risus ipsum, ullamcorper tempor ante eu, laoreet venenatis lorem. Sed at vehicula sapien, a ultricies diam.
9
+ </p>
10
+ <p>
11
+ Proin ac rhoncus diam, sit amet congue nibh. Nullam consectetur pretium erat vitae ornare. Quisque porta a dolor vel maximus. Nullam dictum risus pellentesque orci hendrerit commodo. Nunc et dolor sed turpis accumsan feugiat quis sed mi. Aliquam venenatis scelerisque neque id lobortis. Proin dignissim suscipit pharetra.
12
+ </p>
13
+ <p>
14
+ Donec sed viverra velit, pellentesque blandit mi. Duis accumsan efficitur sem sed dictum. Donec cursus nulla nec condimentum malesuada. Aliquam tincidunt finibus condimentum. Aliquam erat volutpat. Mauris porttitor nulla quam, id bibendum arcu lobortis id. Donec vestibulum, neque ac malesuada mollis, mauris dui tincidunt libero, a faucibus elit nisi sit amet dolor. Nunc aliquam vitae nunc eu varius. Duis malesuada est orci, et accumsan turpis suscipit vel. Nam eleifend arcu eu tortor ullamcorper, sed pellentesque libero vehicula. Aliquam pharetra eget sem in dictum. Suspendisse et enim vitae metus bibendum pellentesque sed in ligula. Duis a dui lacus. Nulla tempor nisl vel luctus consequat.
15
+ </p>
@@ -0,0 +1 @@
1
+ <p>Pack my red box with five dozen quality jugs. A quick brown fox jumps over the <a>lazy dog</a> (with no <code>href</code> attribute). A waxy gent chuckled over my fab jazzy quips.</p>
@@ -0,0 +1 @@
1
+ Donec sed viverra velit, pellentesque blandit mi. Duis accumsan efficitur sem sed dictum. Donec cursus nulla nec condimentum malesuada. Aliquam tincidunt finibus condimentum. Aliquam erat volutpat. Mauris porttitor nulla quam, id bibendum arcu lobortis id. Donec vestibulum, neque ac malesuada mollis, mauris dui tincidunt libero, a faucibus elit nisi sit amet dolor. Nunc aliquam vitae nunc eu varius. Duis malesuada est orci, et accumsan turpis suscipit vel. Nam eleifend arcu eu tortor ullamcorper, sed pellentesque libero vehicula. Aliquam pharetra eget sem in dictum. Suspendisse et enim vitae metus bibendum pellentesque sed in ligula. Duis a dui lacus. Nulla tempor nisl vel luctus consequat.
@@ -0,0 +1 @@
1
+ Proin ac rhoncus diam, sit amet congue nibh. Nullam consectetur pretium erat vitae ornare. Quisque porta a dolor vel maximus. Nullam dictum risus pellentesque orci hendrerit commodo. Nunc et dolor sed turpis accumsan feugiat quis sed mi. Aliquam venenatis scelerisque neque id lobortis. Proin dignissim suscipit pharetra.
@@ -0,0 +1 @@
1
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis odio elit, faucibus blandit tellus mollis ut. Donec vel nibh at nisl fermentum sodales nec quis risus. Nullam et magna in metus vulputate fermentum a a augue.
@@ -0,0 +1 @@
1
+ Proin ac <strong>rhoncus diam (&lt;strong&gt;)</strong>, sit amet <b>congue nibh (&lt;b&gt;)</b>. Nullam consectetur pretium erat vitae ornare. <em>Quisque porta (&lt;em&gt;)</em> a dolor vel maximus. <i>Nullam dictum (&lt;i&gt;)</i> risus pellentesque <u>orci hendrerit (&lt;u&gt;)</u> commodo. Nunc et dolor sed turpis <s>accumsan feugiat (&lt;s&gt;)</s> quis sed mi. Aliquam venenatis <mark>scelerisque neque (&lt;mark&gt;)</mark> id lobortis.
@@ -12,14 +12,14 @@
12
12
 
13
13
  {{#if _target.context.shouldLoadBootstrap}}
14
14
  {{#unless _target.context.shouldSkipBootstrap }}
15
- <!-- Styles: Global (for current component): Bootstrap -->
15
+ <!-- Styles: Global (for current pattern): Bootstrap -->
16
16
  <style>
17
- @import url('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css');
17
+ @import url('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css') layer(foundation);
18
18
  </style>
19
19
  {{/unless}}
20
20
  {{/if}}
21
21
 
22
- <!-- Styles: Global (for every component) -->
22
+ <!-- Styles: Global (for every pattern) -->
23
23
  <style>
24
24
  {{#each globalStyles}}
25
25
  {{#if this.isInternal}}
@@ -32,9 +32,45 @@
32
32
 
33
33
  {{#if _target.context.shouldLoadCMS }}
34
34
  {{#unless _target.context.shouldSkipCMS }}
35
- <!-- Styles: Global (for current component): CMS -->
35
+ <!-- Styles: Global (for current pattern): CMS -->
36
36
  <style>
37
- @import url('{{path "/assets/core-styles.cms.css"}}');
37
+ {{#each cmsStyles}}
38
+ {{#if this.isInternal}}
39
+ @import url('{{path this.path}}');
40
+ {{else}}
41
+ @import url('{{this.path}}');
42
+ {{/if}}
43
+ {{/each}}
44
+ </style>
45
+ {{/unless}}
46
+ {{/if}}
47
+
48
+ {{#if _target.context.shouldLoadDocs }}
49
+ {{#unless _target.context.shouldSkipDocs }}
50
+ <!-- Styles: Global (for current pattern): Docs -->
51
+ <style>
52
+ {{#each docsStyles}}
53
+ {{#if this.isInternal}}
54
+ @import url('{{path this.path}}');
55
+ {{else}}
56
+ @import url('{{this.path}}');
57
+ {{/if}}
58
+ {{/each}}
59
+ </style>
60
+ {{/unless}}
61
+ {{/if}}
62
+
63
+ {{#if _target.context.shouldLoadPortal }}
64
+ {{#unless _target.context.shouldSkipPortal }}
65
+ <!-- Styles: Global (for current pattern): Portal -->
66
+ <style>
67
+ {{#each portalStyles}}
68
+ {{#if this.isInternal}}
69
+ @import url('{{path this.path}}');
70
+ {{else}}
71
+ @import url('{{this.path}}');
72
+ {{/if}}
73
+ {{/each}}
38
74
  </style>
39
75
  {{/unless}}
40
76
  {{/if}}
@@ -42,7 +78,7 @@
42
78
 
43
79
 
44
80
  {{#if _target.context.supportStyles}}
45
- <!-- Styles: Local (for current component): Supporting Patterns -->
81
+ <!-- Styles: Local (for current pattern): Supporting Patterns -->
46
82
  <style>
47
83
  {{#each _target.context.supportStyles}}
48
84
  @import url('{{path this}}');
@@ -51,7 +87,7 @@
51
87
  {{/if}}
52
88
 
53
89
  {{#unless _target.context.shouldSkipPattern}}
54
- <!-- Styles: Local (for current component): Current Pattern -->
90
+ <!-- Styles: Local (for current pattern): Current Pattern -->
55
91
  <style>
56
92
  @import url('{{path "/assets/{{ _target.context.subdir }}/{{ _target.baseHandle }}.css"}}');
57
93
  </style>
@@ -59,7 +95,7 @@
59
95
 
60
96
 
61
97
 
62
- <!-- Styles: Demo (for current component) -->
98
+ <!-- Styles: Demo (for current pattern) -->
63
99
  {{#each _target.resources.assets}}
64
100
  {{#if this.isCSS}}
65
101
  <style>
@@ -68,20 +104,15 @@
68
104
  {{/if}}
69
105
  {{/each}}
70
106
 
71
- <!-- Styles: Demo (for every component) -->
72
- <style>
73
- @import url('{{path "/assets/core-styles.demo.css"}}');
74
- </style>
75
-
76
107
 
77
108
 
78
109
  {{#if _target.context.shouldLoadBootstrap}}
79
- <!-- Scripts: Global (for current component): Bootstrap -->
110
+ <!-- Scripts: Global (for current pattern): Bootstrap -->
80
111
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
81
112
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
82
113
  {{/if}}
83
114
 
84
- <!-- Scripts: Local (for current component) -->
115
+ <!-- Scripts: Local (for current pattern) -->
85
116
  {{#each _target.resources.assets}}
86
117
  {{#if this.isJS}}
87
118
  <script
@@ -93,20 +124,7 @@
93
124
 
94
125
 
95
126
 
96
- {{!-- Config (for current component) --}}
97
- <details style="display:none;">
98
- <summary>Configuration</summary>
99
- <dl>
100
- <dt>shouldLoadBootstrap</dt>
101
- <dd>{{_target.context.shouldLoadBootstrap}}</dd>
102
- <dt>shouldSkipBootstrap</dt>
103
- <dd>{{_target.context.shouldSkipBootstrap}}</dd>
104
- <dt>shouldLoadCMS</dt>
105
- <dd>{{_target.context.shouldLoadCMS}}</dd>
106
- <dt>shouldSkipCMS</dt>
107
- <dd>{{_target.context.shouldSkipCMS}}</dd>
108
- </dl>
109
- </details>
110
-
111
- {{!-- Markup (for current component) --}}
127
+ {{!-- Markup (for current pattern) --}}
128
+ <main>
112
129
  {{{yield}}}
130
+ </main>
@@ -0,0 +1,39 @@
1
+ <div class="admonition tip">
2
+ <p class="admonition-title">Tip</p>
3
+ <p>{{> @text-of-one-paragraph-short }}</p>
4
+ </div>
5
+ <div class="admonition hint">
6
+ <p class="admonition-title">Hint</p>
7
+ <p>{{> @text-of-one-paragraph-short }}</p>
8
+ </div>
9
+ <div class="admonition important">
10
+ <p class="admonition-title">Important</p>
11
+ <p>{{> @text-of-one-paragraph-short }}</p>
12
+ </div>
13
+
14
+ <div class="admonition attention">
15
+ <p class="admonition-title">Attention</p>
16
+ <p>{{> @text-of-one-paragraph-short }}</p>
17
+ </div>
18
+ <div class="admonition note">
19
+ <p class="admonition-title">Note</p>
20
+ <p>{{> @text-of-one-paragraph-short }}</p>
21
+ </div>
22
+
23
+ <div class="admonition warning">
24
+ <p class="admonition-title">Warning</p>
25
+ <p>{{> @text-of-one-paragraph-short }}</p>
26
+ </div>
27
+ <div class="admonition caution">
28
+ <p class="admonition-title">Caution</p>
29
+ <p>{{> @text-of-one-paragraph-short }}</p>
30
+ </div>
31
+
32
+ <div class="admonition error">
33
+ <p class="admonition-title">Error</p>
34
+ <p>{{> @text-of-one-paragraph-short }}</p>
35
+ </div>
36
+ <div class="admonition danger">
37
+ <p class="admonition-title">Danger</p>
38
+ <p>{{> @text-of-one-paragraph-short }}</p>
39
+ </div>
@@ -0,0 +1,2 @@
1
+ context:
2
+ shouldLoadDocs: true
@@ -0,0 +1,5 @@
1
+ /* This CSS is ONLY for the pattern library. It is NOT part of the pattern. */
2
+
3
+ .admonition {
4
+ margin-top: 1em;
5
+ }
@@ -0,0 +1,14 @@
1
+ To style ["Admonition" messages][rtd-admonition].
2
+
3
+ > **ⓘ Notice**
4
+ >
5
+ > These styles merely extend the [TACC message component]({{path './c-message--type' }}) (the "section" scope).
6
+
7
+ [rtd-admonition]: https://learning-readthedocs.readthedocs.io/en/latest/Options/admonition.html "ReadTheDocs: Admonition"
8
+
9
+ <script>
10
+ /* To open external links in new window */
11
+ Array.from(document.links)
12
+ .filter(link => link.hostname != window.location.hostname)
13
+ .forEach(link => link.target = '_blank');
14
+ </script>
@@ -0,0 +1,35 @@
1
+ @import url("../components/c-message.css");
2
+
3
+
4
+
5
+ .admonition {
6
+ @extend .c-message;
7
+ @extend .c-message--scope-section;
8
+ }
9
+ .admonition-title {
10
+ font-weight: var(--bold);
11
+ margin-top: unset; /* undo Browser */
12
+ margin-bottom: unset; /* undo `html-elements.cms.css` */
13
+ }
14
+
15
+ .admonition.tip,
16
+ .admonition.hint,
17
+ .admonition.important {
18
+ @extend .c-message--type-success;
19
+ @extend .c-message--type-success.c-message--scope-section;
20
+ }
21
+ .admonition.attention,
22
+ .admonition.note {
23
+ @extend .c-message--type-info;
24
+ @extend .c-message--type-info.c-message--scope-section;
25
+ }
26
+ .admonition.caution,
27
+ .admonition.warning {
28
+ @extend .c-message--type-warning;
29
+ @extend .c-message--type-warning.c-message--scope-section;
30
+ }
31
+ .admonition.error,
32
+ .admonition.danger {
33
+ @extend .c-message--type-error;
34
+ @extend .c-message--type-error.c-message--scope-section;
35
+ }