@tacc/core-styles 2.6.1 → 2.7.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 (242) hide show
  1. package/README.md +5 -0
  2. package/dist/branding_logos.css +1 -1
  3. package/dist/components/README.css +1 -1
  4. package/dist/components/admonition/demo.css +1 -1
  5. package/dist/components/admonition.css +1 -1
  6. package/dist/components/align/demo.css +1 -1
  7. package/dist/components/align.css +1 -1
  8. package/dist/components/bootstrap/bootstrap--form.demo.css +1 -1
  9. package/dist/components/bootstrap/bootstrap--modal.demo.css +1 -1
  10. package/dist/components/bootstrap/demo.css +1 -1
  11. package/dist/components/bootstrap.container.css +1 -1
  12. package/dist/components/bootstrap.css +1 -1
  13. package/dist/components/bootstrap.figure.css +1 -1
  14. package/dist/components/bootstrap.form.css +1 -1
  15. package/dist/components/bootstrap.modal--cms.css +1 -0
  16. package/dist/components/bootstrap.modal--portal.css +1 -0
  17. package/dist/components/bootstrap.modal.css +1 -1
  18. package/dist/components/bootstrap.nav-tabs.css +1 -1
  19. package/dist/components/bootstrap.pagination.css +1 -1
  20. package/dist/components/c-button/demo.css +1 -1
  21. package/dist/components/c-button.css +1 -1
  22. package/dist/components/c-button.selectors.css +1 -1
  23. package/dist/components/c-callout.css +1 -1
  24. package/dist/components/c-card/c-card--frontera.demo.css +1 -1
  25. package/dist/components/c-card/c-card.demo.css +1 -1
  26. package/dist/components/c-card--docs.css +1 -0
  27. package/dist/components/c-card--from-tup-cms.css +1 -0
  28. package/dist/components/c-card--frontera-about-page.css +1 -1
  29. package/dist/components/c-card.css +1 -1
  30. package/dist/components/c-card.selectors.css +1 -1
  31. package/dist/components/c-data-list.css +1 -1
  32. package/dist/components/c-footer.css +1 -1
  33. package/dist/components/c-form--cms.css +1 -1
  34. package/dist/components/c-form--portal.css +1 -1
  35. package/dist/components/c-form.css +1 -1
  36. package/dist/components/c-image-map.css +1 -1
  37. package/dist/components/c-image-map.skin.css +1 -1
  38. package/dist/components/c-image-map.structure.css +1 -1
  39. package/dist/components/c-island/demo.css +1 -1
  40. package/dist/components/c-island.css +1 -1
  41. package/dist/components/c-message/demo.css +1 -1
  42. package/dist/components/c-message--compact.css +1 -1
  43. package/dist/components/c-message--expanded.css +1 -1
  44. package/dist/components/c-message.css +1 -1
  45. package/dist/components/c-message.selectors.css +1 -1
  46. package/dist/components/c-nav.css +1 -1
  47. package/dist/components/c-page.css +1 -1
  48. package/dist/components/c-recognition.css +1 -1
  49. package/dist/components/c-see-all-link.css +1 -1
  50. package/dist/components/c-show-more.css +1 -1
  51. package/dist/components/c-tag/demo.css +1 -1
  52. package/dist/components/c-tag.css +1 -1
  53. package/dist/components/c-tag.selectors.css +1 -1
  54. package/dist/components/cortal.icon.css +1 -1
  55. package/dist/components/cortal.icon.font.css +1 -1
  56. package/dist/components/demo.css +1 -1
  57. package/dist/components/django-cms-forms--errors-via-c-message.css +1 -1
  58. package/dist/components/django-cms-forms.css +1 -1
  59. package/dist/components/django-cms-forms.hacks.css +1 -1
  60. package/dist/components/mui.tabs.css +1 -1
  61. package/dist/components/pymdownx--tabbed.css +1 -1
  62. package/dist/components/pymdownx.css +1 -1
  63. package/dist/components/tacc-docs.css +1 -1
  64. package/dist/core-styles.base.css +3 -3
  65. package/dist/core-styles.cms.css +2 -2
  66. package/dist/core-styles.demo.css +2 -2
  67. package/dist/core-styles.docs.css +2 -2
  68. package/dist/core-styles.header.css +1 -1
  69. package/dist/core-styles.header.theme-has-dark-logo.css +1 -1
  70. package/dist/core-styles.portal.css +2 -2
  71. package/dist/core-styles.settings.css +2 -2
  72. package/dist/core-styles.wysiwyg.css +2 -2
  73. package/dist/elements/README.css +1 -1
  74. package/dist/elements/bootstrap.css +1 -1
  75. package/dist/elements/demo.css +1 -1
  76. package/dist/elements/form.cms.css +1 -1
  77. package/dist/elements/headings/demo.css +1 -1
  78. package/dist/elements/headings--cms.css +1 -1
  79. package/dist/elements/headings--docs.css +1 -1
  80. package/dist/elements/html-elements/demo.css +1 -1
  81. package/dist/elements/html-elements.cms.css +1 -1
  82. package/dist/elements/html-elements.css +1 -1
  83. package/dist/elements/html-elements.docs.css +1 -1
  84. package/dist/elements/links.css +1 -1
  85. package/dist/elements/monospace.css +1 -1
  86. package/dist/elements/root--cms.css +1 -1
  87. package/dist/elements/root--demo.css +1 -1
  88. package/dist/elements/root--docs.css +1 -1
  89. package/dist/elements/root--portal.css +1 -1
  90. package/dist/elements/root.css +1 -1
  91. package/dist/elements/sticky-footer.css +1 -1
  92. package/dist/elements/table--basic.css +1 -1
  93. package/dist/elements/table--nested.css +1 -1
  94. package/dist/elements/table.cms.css +1 -1
  95. package/dist/elements/table.css +1 -1
  96. package/dist/elements/table.docs.css +1 -1
  97. package/dist/elements/table.selectors.css +1 -1
  98. package/dist/elements/tacc-search-bar.css +1 -1
  99. package/dist/fractal.server.refresh.css +1 -1
  100. package/dist/generics/README.css +1 -1
  101. package/dist/generics/color/_blue.css +1 -0
  102. package/dist/generics/{color.css → color/_purple.css} +1 -1
  103. package/dist/generics/color--cms.css +1 -0
  104. package/dist/generics/color--demo.css +1 -0
  105. package/dist/generics/fonts.css +1 -1
  106. package/dist/generics/pseudo-elements.css +1 -1
  107. package/dist/objects/README.css +1 -1
  108. package/dist/objects/o-fixed-header-table/demo.css +1 -1
  109. package/dist/objects/o-fixed-header-table.css +1 -1
  110. package/dist/objects/o-flex-item-table-wrap/demo.css +1 -1
  111. package/dist/objects/o-flex-item-table-wrap.css +1 -1
  112. package/dist/objects/o-float-content.css +1 -1
  113. package/dist/objects/o-grid.css +1 -1
  114. package/dist/objects/o-offset-content.css +1 -1
  115. package/dist/objects/o-section/demo.css +1 -1
  116. package/dist/objects/o-section--docs.css +1 -0
  117. package/dist/objects/o-section.css +1 -1
  118. package/dist/objects/o-section.selectors.css +1 -1
  119. package/dist/objects/o-site.css +1 -1
  120. package/dist/objects/o-table-wrap/demo.basic.css +1 -1
  121. package/dist/objects/o-table-wrap/demo.extra.css +1 -1
  122. package/dist/objects/o-table-wrap/example.flexible-horz.css +1 -1
  123. package/dist/objects/o-table-wrap/example.overflow-hidden.css +1 -1
  124. package/dist/objects/o-table-wrap/example.overflow-scroll.css +1 -1
  125. package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -1
  126. package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -1
  127. package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -1
  128. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -1
  129. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -1
  130. package/dist/objects/o-table-wrap.css +1 -1
  131. package/dist/settings/README.css +1 -1
  132. package/dist/settings/border.css +1 -1
  133. package/dist/settings/color--docs.css +1 -0
  134. package/dist/settings/color--portal.css +1 -1
  135. package/dist/settings/color.css +1 -1
  136. package/dist/settings/demo.css +1 -1
  137. package/dist/settings/font/demo-family.css +1 -1
  138. package/dist/settings/font/demo-size.css +1 -1
  139. package/dist/settings/font/demo-style.css +1 -1
  140. package/dist/settings/font/demo-weight.css +1 -1
  141. package/dist/settings/font--cms.css +1 -1
  142. package/dist/settings/font--docs.css +1 -1
  143. package/dist/settings/font--portal.css +1 -1
  144. package/dist/settings/font.css +1 -1
  145. package/dist/settings/max-width.css +1 -1
  146. package/dist/settings/space.css +1 -1
  147. package/dist/tools/README.css +1 -1
  148. package/dist/tools/media-queries.css +1 -1
  149. package/dist/tools/selectors.common.css +1 -1
  150. package/dist/tools/selectors.css +1 -1
  151. package/dist/tools/selectors.monospace.css +1 -1
  152. package/dist/tools/x-article-link.css +1 -1
  153. package/dist/tools/x-blockquote.css +1 -0
  154. package/dist/tools/x-center.css +1 -1
  155. package/dist/tools/x-fake-border.css +1 -1
  156. package/dist/tools/x-figure.css +1 -0
  157. package/dist/tools/x-grid.css +1 -1
  158. package/dist/tools/x-layout.css +1 -1
  159. package/dist/tools/x-link.css +1 -1
  160. package/dist/tools/x-mailto-text-replace.css +1 -1
  161. package/dist/tools/x-overlay.css +1 -1
  162. package/dist/tools/x-tabs/demo.css +1 -1
  163. package/dist/tools/x-tabs.css +1 -1
  164. package/dist/tools/x-tabs.skin.css +1 -1
  165. package/dist/tools/x-tabs.structure.css +1 -1
  166. package/dist/tools/x-truncate.css +1 -1
  167. package/dist/trumps/README.css +1 -1
  168. package/dist/trumps/demo.css +1 -1
  169. package/dist/trumps/s-affixed-input-wrapper.css +1 -1
  170. package/dist/trumps/s-article-list.css +1 -1
  171. package/dist/trumps/s-article-preview.css +1 -1
  172. package/dist/trumps/s-blockquote.css +1 -1
  173. package/dist/trumps/s-breadcrumbs.css +1 -1
  174. package/dist/trumps/s-cms-nav.css +1 -1
  175. package/dist/trumps/s-document.css +1 -1
  176. package/dist/trumps/s-footer.css +1 -1
  177. package/dist/trumps/s-guide-doc.css +1 -1
  178. package/dist/trumps/s-header.bootstrap.css +1 -1
  179. package/dist/trumps/s-header.css +1 -1
  180. package/dist/trumps/s-header.theme-has-dark-logo.css +1 -1
  181. package/dist/trumps/s-inline-dl.css +1 -1
  182. package/dist/trumps/s-irregular-links.css +1 -1
  183. package/dist/trumps/s-paragraph-table.css +1 -1
  184. package/dist/trumps/s-portal-nav.css +1 -1
  185. package/dist/trumps/s-style-guide.css +1 -1
  186. package/dist/trumps/s-system-specs.css +1 -1
  187. package/dist/trumps/tacc-search-bar.css +1 -1
  188. package/dist/trumps/tacc-search-bar.theme-has-dark-logo.css +1 -1
  189. package/dist/trumps/u-empty.css +1 -1
  190. package/dist/trumps/u-hide.css +1 -1
  191. package/dist/trumps/u-mailto-text-replace.css +1 -1
  192. package/dist/trumps/u-nested-text-content.css +1 -1
  193. package/fractal.config.js +3 -3
  194. package/fractal.theme.js +1 -1
  195. package/package.json +1 -1
  196. package/src/lib/_imports/_partials/figure.hbs +3 -1
  197. package/src/lib/_imports/_partials/import-client-styles.hbs +17 -0
  198. package/src/lib/_imports/_partials/message.hbs +16 -0
  199. package/src/lib/_imports/_preview.hbs +4 -35
  200. package/src/lib/_imports/components/bootstrap.modal--cms.css +7 -0
  201. package/src/lib/_imports/components/bootstrap.modal--portal.css +3 -0
  202. package/src/lib/_imports/components/bootstrap.modal.css +30 -6
  203. package/src/lib/_imports/components/c-card/_c-card--one-image.hbs +2 -1
  204. package/src/lib/_imports/components/c-card/_c-card--one-standard.hbs +3 -1
  205. package/src/lib/_imports/components/c-card/_c-card--one-with-grid.hbs +3 -1
  206. package/src/lib/_imports/components/c-card/c-card--docs.hbs +50 -0
  207. package/src/lib/_imports/components/c-card/c-card--docs.readme.md +1 -0
  208. package/src/lib/_imports/components/c-card/config.yml +6 -0
  209. package/src/lib/_imports/components/c-card--docs.css +34 -0
  210. package/src/lib/_imports/components/c-card--from-tup-cms.css +135 -0
  211. package/src/lib/_imports/components/c-card.selectors.css +16 -2
  212. package/src/lib/_imports/components/c-form/c-form.hbs +1 -3
  213. package/src/lib/_imports/components/c-message/_c-message--single.hbs +7 -3
  214. package/src/lib/_imports/components/django-cms-forms/django-cms-forms.hbs +4 -3
  215. package/src/lib/_imports/core-styles.base.css +0 -2
  216. package/src/lib/_imports/core-styles.cms.css +3 -0
  217. package/src/lib/_imports/core-styles.demo.css +2 -1
  218. package/src/lib/_imports/core-styles.docs.css +6 -1
  219. package/src/lib/_imports/core-styles.portal.css +1 -0
  220. package/src/lib/_imports/elements/demo.css +4 -2
  221. package/src/lib/_imports/elements/form.cms.css +7 -12
  222. package/src/lib/_imports/elements/html-elements.cms.css +9 -5
  223. package/src/lib/_imports/elements/html-elements.docs.css +7 -4
  224. package/src/lib/_imports/elements/monospace.css +5 -0
  225. package/src/lib/_imports/generics/color/_blue.css +42 -0
  226. package/src/lib/_imports/generics/{color.css → color/_purple.css} +2 -9
  227. package/src/lib/_imports/generics/color--cms.css +1 -0
  228. package/src/lib/_imports/generics/color--demo.css +1 -0
  229. package/src/lib/_imports/objects/o-offset-content.css +1 -1
  230. package/src/lib/_imports/objects/o-section/config.yml +4 -0
  231. package/src/lib/_imports/objects/o-section/o-section--docs.hbs +20 -0
  232. package/src/lib/_imports/objects/o-section/o-section.readme.md +8 -0
  233. package/src/lib/_imports/objects/o-section--docs.css +45 -0
  234. package/src/lib/_imports/objects/o-section.selectors.css +3 -0
  235. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap.hbs +6 -1
  236. package/src/lib/_imports/settings/color--docs.css +11 -0
  237. package/src/lib/_imports/settings/color--portal.css +10 -0
  238. package/src/lib/_imports/settings/color.css +14 -14
  239. package/src/lib/_imports/settings/font/font.hbs +4 -3
  240. package/src/lib/_imports/settings/space.css +1 -1
  241. package/src/lib/_imports/tools/x-blockquote.css +27 -0
  242. package/src/lib/_imports/tools/x-figure.css +25 -0
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.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){.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.x-layout--e{display:flex;flex-direction:column}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.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){.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.x-layout--e{display:flex;flex-direction:column}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.x-link,.x-link--irregular{color:var(--global-color-accent--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}.x-link--hover,.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{text-decoration-line:underline}.x-link--irregular--hover{text-decoration-style:dashed}.x-link--irregular--active{text-decoration-style:dotted}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.x-link,.x-link--irregular{color:var(--global-color-accent--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}.x-link--hover,.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{text-decoration-line:underline}.x-link--irregular--hover{text-decoration-style:dashed}.x-link--irregular--active{text-decoration-style:dotted}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs label{cursor:default}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.x-tabs label{cursor:default}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | 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}
1
+ /*! @tacc/core-styles 2.7.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}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.demo-narrow-paragraphs p{margin:10px;max-width:40ch}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.demo-narrow-paragraphs p{margin:10px;max-width:40ch}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */.s-affixed-input-wrapper:not(.checkboxinput,.has-type-check .radio,.has-type-radio .select,.has-type-select .checkboxselectmultiple,.has-select .textarea,.has-textarea){align-items:start;display:grid;grid-template-areas:"label label" var(--input-row,"input input") "help help" "error error";grid-template-columns:auto 1fr}@supports selector(:has(*)){.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__prefix){--input-row:"prefix input"}.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__suffix){--input-row:"input suffix"}}@supports not selector(:has(*)){.s-affixed-input-wrapper--prefix{--input-row:"prefix input"}.s-affixed-input-wrapper--suffix{--input-row:"input suffix"}}.s-affixed-input-wrapper label{grid-area:label}.s-affixed-input-wrapper input{grid-area:input}.s-affixed-input-wrapper__prefix{grid-area:prefix}.s-affixed-input-wrapper__suffix{grid-area:suffix}.s-affixed-input-wrapper .c-form__help,.s-affixed-input-wrapper .help-text{grid-area:help}.s-affixed-input-wrapper .c-form__errors,.s-affixed-input-wrapper .field-errors{grid-area:error}.s-affixed-input-wrapper{--width:1em;--padding-vert:5px;--padding-horz:10px}.s-affixed-input-wrapper__prefix,.s-affixed-input-wrapper__suffix{box-sizing:content-box;display:inline-block;font-family:var(--global-font-family--sans--portal);padding:var(--padding-vert) var(--padding-horz);pointer-events:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width)}.s-affixed-input-wrapper__prefix{left:var(--global-border-width--normal);margin-right:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;top:var(--global-border-width--normal)}.s-affixed-input-wrapper__suffix{margin-left:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;right:var(--global-border-width--normal);top:var(--global-border-width--normal)}.s-affixed-input-wrapper__prefix+input{text-indent:calc(var(--width) + var(--padding-horz))}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.s-affixed-input-wrapper:not(.checkboxinput,.has-type-check .radio,.has-type-radio .select,.has-type-select .checkboxselectmultiple,.has-select .textarea,.has-textarea){align-items:start;display:grid;grid-template-areas:"label label" var(--input-row,"input input") "help help" "error error";grid-template-columns:auto 1fr}@supports selector(:has(*)){.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__prefix){--input-row:"prefix input"}.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__suffix){--input-row:"input suffix"}}@supports not selector(:has(*)){.s-affixed-input-wrapper--prefix{--input-row:"prefix input"}.s-affixed-input-wrapper--suffix{--input-row:"input suffix"}}.s-affixed-input-wrapper label{grid-area:label}.s-affixed-input-wrapper input{grid-area:input}.s-affixed-input-wrapper__prefix{grid-area:prefix}.s-affixed-input-wrapper__suffix{grid-area:suffix}.s-affixed-input-wrapper .c-form__help,.s-affixed-input-wrapper .help-text{grid-area:help}.s-affixed-input-wrapper .c-form__errors,.s-affixed-input-wrapper .field-errors{grid-area:error}.s-affixed-input-wrapper{--width:1em;--padding-vert:5px;--padding-horz:10px}.s-affixed-input-wrapper__prefix,.s-affixed-input-wrapper__suffix{box-sizing:content-box;display:inline-block;font-family:var(--global-font-family--sans--portal);padding:var(--padding-vert) var(--padding-horz);pointer-events:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width)}.s-affixed-input-wrapper__prefix{left:var(--global-border-width--normal);margin-right:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;top:var(--global-border-width--normal)}.s-affixed-input-wrapper__suffix{margin-left:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;right:var(--global-border-width--normal);top:var(--global-border-width--normal)}.s-affixed-input-wrapper__prefix+input{text-indent:calc(var(--width) + var(--padding-horz))}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | 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.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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
+ /*! @tacc/core-styles 2.7.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 2.6.1+ | 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
+ /*! @tacc/core-styles 2.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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
+ /*! @tacc/core-styles 2.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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
+ /*! @tacc/core-styles 2.7.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 2.6.1+ | 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--normal);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--x-dark);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--x-light);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--x-dark)}.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:invert(100%)}
1
+ /*! @tacc/core-styles 2.7.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--normal);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--x-dark);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--x-light);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--x-dark)}.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:invert(100%)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | 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.7.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 2.6.1+ | MIT | github.com/TACC/Core-Styles */.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link,.x-link--irregular{color:var(--global-color-accent--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 [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links [class*=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 [class*=button--as-link],.s-irregular-links a,.x-link--irregular{text-decoration-line:underline}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--irregular--active{text-decoration-style:dotted}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link,.x-link--irregular{color:var(--global-color-accent--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 [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links [class*=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 [class*=button--as-link],.s-irregular-links a,.x-link--irregular{text-decoration-line:underline}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--irregular--active{text-decoration-style:dotted}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | 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.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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.7.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 2.6.1+ | 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--x-dark);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:var(--global-color-primary--xx-light);border:var(--global-border-width--normal) solid #d8d8d8;border-radius:5px;color:var(--global-color-primary--x-dark);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--x-dark);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--x-dark);opacity:.5}
1
+ /*! @tacc/core-styles 2.7.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--x-dark);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:var(--global-color-primary--xx-light);border:var(--global-border-width--normal) solid #d8d8d8;border-radius:5px;color:var(--global-color-primary--x-dark);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--x-dark);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--x-dark);opacity:.5}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.6.1+ | 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.7.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 2.6.1+ | 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.7.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 2.6.1+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
1
+ /*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
package/fractal.config.js CHANGED
@@ -66,17 +66,17 @@ fractal.components.set('default.context', {
66
66
  }],
67
67
  cmsStyles: [{
68
68
  isInternal: true,
69
- layer: 'base',
69
+ layer: 'project',
70
70
  path: '/assets/core-styles.cms.css'
71
71
  }],
72
72
  docsStyles: [{
73
73
  isInternal: true,
74
- layer: 'base',
74
+ layer: 'project',
75
75
  path: '/assets/core-styles.docs.css'
76
76
  }],
77
77
  portalStyles: [{
78
78
  isInternal: true,
79
- layer: 'base',
79
+ layer: 'project',
80
80
  path: '/assets/core-styles.portal.css'
81
81
  }]
82
82
  });
package/fractal.theme.js CHANGED
@@ -5,7 +5,7 @@ module.exports = {
5
5
  skin: {
6
6
  accent: '#000000',
7
7
  complement: '#ffffff',
8
- links: '#784fe8',
8
+ links: '#003399',
9
9
  },
10
10
  panels: ['notes', 'html', 'resources', 'context', 'info'],
11
11
  nav: ['search', 'docs', 'components'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tacc/core-styles",
3
- "version": "2.6.1",
3
+ "version": "2.7.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.",
@@ -10,6 +10,8 @@
10
10
  alt="(sample image)"
11
11
  />
12
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>
13
+ I am a &lt;figcaption&gt; within a &lt;figure&gt;.
14
+ {{> @message tag="span" type="warning" scope="inline"
15
+ content="I may be wider than image. If so, should I wrap?" }}
14
16
  </figcaption>
15
17
  </figure>
@@ -0,0 +1,17 @@
1
+ <style>
2
+ {{#each styles}}
3
+ {{#if this.isInternal}}
4
+ {{#if this.layer}}
5
+ @import url('{{path this.path}}') layer({{this.layer}});
6
+ {{else}}
7
+ @import url('{{path this.path}}');
8
+ {{/if}}
9
+ {{else}}
10
+ {{#if this.layer}}
11
+ @import url('{{this.path}}') layer({{this.layer}});
12
+ {{else}}
13
+ @import url('{{this.path}}');
14
+ {{/if}}
15
+ {{/if}}
16
+ {{/each}}
17
+ </style>
@@ -0,0 +1,16 @@
1
+ <{{#if tag}}{{ tag }}{{else}}div{{/if}}
2
+ class="
3
+ c-message
4
+ {{#if type}}c-message--type-{{ type }}{{/if}}
5
+ {{#if scope}}c-message--scope-{{ scope }}{{/if}}
6
+ {{#unless scope}}c-message--scope-global{{/unless}}
7
+ "
8
+ >
9
+
10
+ {{#unless tag}}<p>{{/unless}}
11
+ {{#if title }}<strong>{{ title }}:</strong>{{/if}}
12
+ {{{ content }}}
13
+ {{{ extra_content }}}
14
+ {{#unless tag}}</p>{{/unless}}
15
+
16
+ </{{#if tag}}{{ tag }}{{else}}div{{/if}}>
@@ -20,42 +20,19 @@
20
20
  {{/if}}
21
21
 
22
22
  <!-- Styles: Global (for every pattern) -->
23
- <style>
24
- {{#each globalStyles}}
25
- {{#if this.isInternal}}
26
- @import url('{{path this.path}}');
27
- {{else}}
28
- @import url('{{this.path}}');
29
- {{/if}}
30
- {{/each}}
31
- </style>
23
+ {{> @import-client-styles styles=globalStyles }}
32
24
 
33
25
  {{#if _target.context.shouldLoadCMS }}
34
26
  {{#unless _target.context.shouldSkipCMS }}
35
27
  <!-- Styles: Global (for current pattern): CMS -->
36
- <style>
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>
28
+ {{> @import-client-styles styles=cmsStyles }}
45
29
  {{/unless}}
46
30
  {{/if}}
47
31
 
48
32
  {{#if _target.context.shouldLoadDocs }}
49
33
  {{#unless _target.context.shouldSkipDocs }}
50
34
  <!-- 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}}
35
+ {{> @import-client-styles styles=docsStyles }}
59
36
  </style>
60
37
  {{/unless}}
61
38
  {{/if}}
@@ -63,15 +40,7 @@
63
40
  {{#if _target.context.shouldLoadPortal }}
64
41
  {{#unless _target.context.shouldSkipPortal }}
65
42
  <!-- 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}}
74
- </style>
43
+ {{> @import-client-styles styles=portalStyles }}
75
44
  {{/unless}}
76
45
  {{/if}}
77
46
 
@@ -0,0 +1,7 @@
1
+ .modal-title {
2
+ font-size: 2.1rem;
3
+ }
4
+
5
+ .modal-header .close {
6
+ font-size: 3.2rem;
7
+ }
@@ -0,0 +1,3 @@
1
+ .modal-title {
2
+ font-size: 1.2rem; /* 16px design * 1.2 design-to-app ratio */
3
+ }
@@ -1,30 +1,43 @@
1
1
  @import url('../tools/x-truncate.css');
2
2
 
3
+
4
+
5
+ /* Generic */
6
+
3
7
  .modal-content,
4
8
  .modal-header,
5
9
  .modal-body,
6
10
  .modal-footer {
7
11
  border-radius: 0;
8
12
  }
9
- .modal-content,
10
- .modal-header,
11
- .modal-body {
12
- border: none;
13
- }
14
13
  .modal-footer {
15
14
  border-left: none;
16
15
  border-right: none;
17
16
  border-bottom: none;
18
17
  }
19
18
 
19
+
20
+
21
+ /* Content */
22
+
23
+ .modal-content {
24
+ border-color: var(--global-color-primary--dark);
25
+ }
26
+
27
+
28
+
29
+ /* Header */
30
+
20
31
  .modal-header {
32
+ align-items: center;
33
+
34
+ border: none;
21
35
  background-color: var(--global-color-primary--x-light);
22
36
  padding: 1.35rem 1.75rem; /* (18px 23.5px design * 1.2 design-to-app ratio) */
23
37
  }
24
38
  .modal-title {
25
39
  color: var(--global-color-primary--xx-dark);
26
40
  font-weight: normal;
27
- font-size: 1.2rem; /* 16px design * 1.2 design-to-app ratio */
28
41
 
29
42
  @extend .x-truncate--one-line;
30
43
  }
@@ -50,6 +63,8 @@
50
63
  font-family: Cortal-Icons !important;
51
64
  }
52
65
 
66
+ /* Header: MUI Tabs */
67
+
53
68
  .modal-header.has-MuiTabs {
54
69
  flex-direction: row;
55
70
  position: relative;
@@ -63,3 +78,12 @@
63
78
  .modal-header.has-MuiTabs .MuiTabs-indicator {
64
79
  background-color: white;
65
80
  }
81
+
82
+
83
+
84
+ /* Body */
85
+
86
+ .modal-body {
87
+ overflow: auto;
88
+ max-height: 60vh;
89
+ }
@@ -1,6 +1,7 @@
1
1
  <article class="c-card c-card--image">
2
2
  <h3>Card - Image</h3>
3
3
  <!--<p>{{> @text-of-one-paragraph-short }}</p>-->
4
- <p class="c-message c-message--scope-inline c-message--type-warning">Styles not in Core yet. See <a href="https://dev.tup.tacc.utexas.edu/design-system/pattern-library-manual/c-card/">TUP Demo</a> instead.</p>
4
+ {{> @message tag="span" type="warning" scope="inline"
5
+ content='Styles not in Core yet. See <a href="https://dev.tup.tacc.utexas.edu/design-system/pattern-library-manual/c-card/">TUP Demo</a> instead.' }}
5
6
  <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png" />
6
7
  </article>
@@ -2,7 +2,9 @@
2
2
 
3
3
  <article class="c-card c-card--standard-{{variant}}">
4
4
  <h3>Card - Standard {{variant}}</h3>
5
- <p>This is a backup variant. <span class="c-message--scope-inline c-message--type-warning">Only use if <code>c-card--standard</code> fails.</span></p>
5
+ <p>This is a backup variant.
6
+ {{> @message tag="span" type="warning" scope="inline"
7
+ content="Only use if <code>c-card--standard</code> fails." }}</p>
6
8
  </article>
7
9
 
8
10
  {{else}}
@@ -2,7 +2,9 @@
2
2
 
3
3
  <article class="c-card c-card--{{this._self.name}}">
4
4
  <h3>Card - {{this._self.label}}</h3>
5
- <p>Standard card and its explicit variations. <span class="c-message--scope-inline c-message--type-warning">The explicit variations are only if <code>c-card--standard</code> automatic variation fails and cannot be fixed fast enough.</span></p>
5
+ <p>Standard card and its explicit variations.
6
+ {{> @message tag="span" type="warning" scope="inline"
7
+ content="The explicit variations are only if <code>c-card--standard</code> automatic variation fails and cannot be fixed fast enough." }}</p>
6
8
  <div class="o-grid o-grid--col-min-width">
7
9
  {{> @c-card--one-standard }}
8
10
  {{> @c-card--one-standard variant=1 }}
@@ -0,0 +1,50 @@
1
+ {{> @message
2
+ tag="p"
3
+ content="There is a complete <code>c-card--image-___</code> feature behind this, but it is not yet documented nor available for other clients; it will be. (It came from TUP CMS.)"
4
+ }}
5
+ <section>
6
+ <h2>Has Image</h2>
7
+ <div class="o-grid o-grid o-grid--col-min-width">
8
+ <a class="c-card c-card--plain c-card--image-top" href="#">
9
+ <img alt="a paper with a gavel, a shielf with a checkmark" src="https://docs.tacc.utexas.edu/img/home/conduct.png">
10
+ <h3>One</h3>
11
+ <p>{{> @text-of-one-sentence }}</p>
12
+ </a>
13
+ <a class="card--plain card--image-top" href="#">
14
+ <img alt="a lock with a gear and nodes" src="https://docs.tacc.utexas.edu/img/home/multi-factor.png">
15
+ <h3>Two</h3>
16
+ <p>{{> @text-of-one-sentence }}</p>
17
+ </a>
18
+ <a class="c-card c-card--plain c-card--image-top" href="#">
19
+ <img alt="a photograph of rows of tables with trainees using laptops" src="https://docs.tacc.utexas.edu/img/home/file-share.png">
20
+ <h3>Three</h3>
21
+ <p>{{> @text-of-one-sentence }}</p>
22
+ </a>
23
+ <a class="c-card c-card--plain c-card--image-top" href="#">
24
+ <img alt="an interface window with a graduation cap and a play button being pressed by a finger" src="https://docs.tacc.utexas.edu/img/home/remote.png">
25
+ <h3>Four</h3>
26
+ <p>{{> @text-of-one-sentence }}</p>
27
+ </a>
28
+ </div>
29
+ </section>
30
+ <section>
31
+ <h2>No Image</h2>
32
+ <div class="o-grid o-grid o-grid--col-min-width">
33
+ <a class="c-card c-card--plain" href="#">
34
+ <h3>One</h3>
35
+ <p>{{> @text-of-one-paragraph-short }}</p>
36
+ </a>
37
+ <a class="c-card c-card--plain" href="#">
38
+ <h3>Two</h3>
39
+ <p>{{> @text-of-one-paragraph-short }}</p>
40
+ </a>
41
+ <a class="c-card c-card--plain" href="#">
42
+ <h3>Three</h3>
43
+ <p>{{> @text-of-one-paragraph-short }}</p>
44
+ </a>
45
+ <a class="c-card c-card--plain" href="#">
46
+ <h3>Four</h3>
47
+ <p>{{> @text-of-one-paragraph-short }}</p>
48
+ </a>
49
+ </div>
50
+ </section>
@@ -0,0 +1 @@
1
+ A link with an (optional) image, a large heading, and some text.