@tacc/core-styles 2.17.1 → 2.17.3

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 (235) 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 -1
  4. package/dist/components/admonition.css +1 -1
  5. package/dist/components/align/demo.css +1 -1
  6. package/dist/components/align.css +1 -1
  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.col.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 -1
  16. package/dist/components/bootstrap.modal--portal.css +1 -1
  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/bootstrap.row.css +1 -1
  21. package/dist/components/c-button/demo.css +1 -1
  22. package/dist/components/c-button.css +1 -1
  23. package/dist/components/c-button.selectors.css +1 -1
  24. package/dist/components/c-callout.css +1 -1
  25. package/dist/components/c-card/c-card--frontera.demo.css +1 -1
  26. package/dist/components/c-card/c-card.demo.css +1 -1
  27. package/dist/components/c-card--docs.css +1 -1
  28. package/dist/components/c-card--from-tup-cms.css +1 -1
  29. package/dist/components/c-card--frontera-about-page.css +1 -1
  30. package/dist/components/c-card.css +1 -1
  31. package/dist/components/c-card.selectors.css +1 -1
  32. package/dist/components/c-data-list.css +1 -1
  33. package/dist/components/c-form--cms.css +1 -1
  34. package/dist/components/c-form--login.css +1 -1
  35. package/dist/components/c-form--portal.css +1 -1
  36. package/dist/components/c-form.css +1 -1
  37. package/dist/components/c-form.selectors.css +1 -1
  38. package/dist/components/c-image-map.css +1 -1
  39. package/dist/components/c-image-map.skin.css +1 -1
  40. package/dist/components/c-image-map.structure.css +1 -1
  41. package/dist/components/c-island/demo.css +1 -1
  42. package/dist/components/c-island.css +1 -1
  43. package/dist/components/c-message/demo.css +1 -1
  44. package/dist/components/c-message--compact.css +1 -1
  45. package/dist/components/c-message--expanded.css +1 -1
  46. package/dist/components/c-message.css +1 -1
  47. package/dist/components/c-message.selectors.css +1 -1
  48. package/dist/components/c-nav/demo.css +1 -1
  49. package/dist/components/c-nav.css +1 -1
  50. package/dist/components/c-page.css +1 -1
  51. package/dist/components/c-recognition.css +1 -1
  52. package/dist/components/c-see-all-link.css +1 -1
  53. package/dist/components/c-show-more.css +1 -1
  54. package/dist/components/c-tag/demo.css +1 -1
  55. package/dist/components/c-tag.css +1 -1
  56. package/dist/components/c-tag.selectors.css +1 -1
  57. package/dist/components/cortal.icon.css +1 -1
  58. package/dist/components/cortal.icon.font.css +1 -1
  59. package/dist/components/demo.css +1 -1
  60. package/dist/components/django-cms-forms.css +1 -1
  61. package/dist/components/django-cms-forms.hacks.css +1 -1
  62. package/dist/components/django-cms-forms.selectors.css +1 -1
  63. package/dist/components/mui.tabs.css +1 -1
  64. package/dist/components/pymdownx--tabbed.css +1 -1
  65. package/dist/components/pymdownx.css +1 -1
  66. package/dist/components/tacc-docs.css +1 -1
  67. package/dist/core-styles.base.css +2 -2
  68. package/dist/core-styles.cms.css +2 -2
  69. package/dist/core-styles.demo.css +1 -1
  70. package/dist/core-styles.docs.css +1 -1
  71. package/dist/core-styles.header.css +1 -1
  72. package/dist/core-styles.portal.css +2 -2
  73. package/dist/core-styles.settings.css +1 -1
  74. package/dist/core-styles.theme.default.css +1 -1
  75. package/dist/core-styles.theme.has-dark-logo.css +1 -1
  76. package/dist/core-styles.wysiwyg.css +1 -1
  77. package/dist/elements/README.css +1 -1
  78. package/dist/elements/bootstrap.css +1 -1
  79. package/dist/elements/demo.css +1 -1
  80. package/dist/elements/form.css +1 -1
  81. package/dist/elements/headings/demo.css +1 -1
  82. package/dist/elements/headings--cms.css +1 -1
  83. package/dist/elements/headings--docs.css +1 -1
  84. package/dist/elements/html-elements/demo.css +1 -1
  85. package/dist/elements/html-elements.cms.css +1 -1
  86. package/dist/elements/html-elements.css +1 -1
  87. package/dist/elements/html-elements.docs.css +1 -1
  88. package/dist/elements/links.css +1 -1
  89. package/dist/elements/monospace.css +1 -1
  90. package/dist/elements/root--cms.css +1 -1
  91. package/dist/elements/root--demo.css +1 -1
  92. package/dist/elements/root--docs.css +1 -1
  93. package/dist/elements/root--portal.css +1 -1
  94. package/dist/elements/root.css +1 -1
  95. package/dist/elements/sticky-footer/demo.css +1 -1
  96. package/dist/elements/sticky-footer.css +1 -1
  97. package/dist/elements/table--basic.css +1 -1
  98. package/dist/elements/table--nested.css +1 -1
  99. package/dist/elements/table.cms.css +1 -1
  100. package/dist/elements/table.css +1 -1
  101. package/dist/elements/table.docs.css +1 -1
  102. package/dist/elements/table.portal.css +1 -0
  103. package/dist/elements/table.selectors.css +1 -1
  104. package/dist/elements/tacc-search-bar.css +1 -1
  105. package/dist/fractal.server.refresh.css +1 -1
  106. package/dist/generics/README.css +1 -1
  107. package/dist/generics/fonts.css +1 -1
  108. package/dist/generics/pseudo-elements.css +1 -1
  109. package/dist/objects/README.css +1 -1
  110. package/dist/objects/o-fixed-header-table/demo.css +1 -1
  111. package/dist/objects/o-fixed-header-table.css +1 -1
  112. package/dist/objects/o-flex-item-table-wrap/demo.css +1 -1
  113. package/dist/objects/o-flex-item-table-wrap.css +1 -1
  114. package/dist/objects/o-float-content.css +1 -1
  115. package/dist/objects/o-grid.css +1 -1
  116. package/dist/objects/o-offset-content.css +1 -1
  117. package/dist/objects/o-section/demo.css +1 -1
  118. package/dist/objects/o-section--docs.css +1 -1
  119. package/dist/objects/o-section.css +1 -1
  120. package/dist/objects/o-section.selectors.css +1 -1
  121. package/dist/objects/o-site.css +1 -1
  122. package/dist/objects/o-table-wrap/demo.basic.css +1 -1
  123. package/dist/objects/o-table-wrap/demo.extra.css +1 -1
  124. package/dist/objects/o-table-wrap/example.flexible-horz.css +1 -1
  125. package/dist/objects/o-table-wrap/example.overflow-hidden.css +1 -1
  126. package/dist/objects/o-table-wrap/example.overflow-scroll.css +1 -1
  127. package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -1
  128. package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -1
  129. package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -1
  130. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -1
  131. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -1
  132. package/dist/objects/o-table-wrap.css +1 -1
  133. package/dist/settings/README.css +1 -1
  134. package/dist/settings/border.css +1 -1
  135. package/dist/settings/color/demo.css +1 -1
  136. package/dist/settings/color--cms.css +1 -1
  137. package/dist/settings/color--demo.css +1 -1
  138. package/dist/settings/color--docs.css +1 -1
  139. package/dist/settings/color--portal.css +1 -1
  140. package/dist/settings/color.accent--blue.css +1 -1
  141. package/dist/settings/color.accent--purple.css +1 -1
  142. package/dist/settings/color.css +1 -1
  143. package/dist/settings/demo.css +1 -1
  144. package/dist/settings/font/demo-family.css +1 -1
  145. package/dist/settings/font/demo-size.css +1 -1
  146. package/dist/settings/font/demo-style.css +1 -1
  147. package/dist/settings/font/demo-weight.css +1 -1
  148. package/dist/settings/font--cms.css +1 -1
  149. package/dist/settings/font--docs.css +1 -1
  150. package/dist/settings/font--portal.css +1 -1
  151. package/dist/settings/font.css +1 -1
  152. package/dist/settings/max-width.css +1 -1
  153. package/dist/settings/space.css +1 -1
  154. package/dist/tools/README.css +1 -1
  155. package/dist/tools/media-queries.css +1 -1
  156. package/dist/tools/selectors.common.css +1 -1
  157. package/dist/tools/selectors.css +1 -1
  158. package/dist/tools/selectors.form.css +1 -1
  159. package/dist/tools/selectors.monospace.css +1 -1
  160. package/dist/tools/x-article-link.css +1 -1
  161. package/dist/tools/x-blockquote.css +1 -1
  162. package/dist/tools/x-center.css +1 -1
  163. package/dist/tools/x-fake-border.css +1 -1
  164. package/dist/tools/x-figure.css +1 -1
  165. package/dist/tools/x-grid.css +1 -1
  166. package/dist/tools/x-layout.css +1 -1
  167. package/dist/tools/x-link.css +1 -1
  168. package/dist/tools/x-mailto-text-replace.css +1 -1
  169. package/dist/tools/x-overlay.css +1 -1
  170. package/dist/tools/x-tabs/demo.css +1 -1
  171. package/dist/tools/x-tabs.css +1 -1
  172. package/dist/tools/x-tabs.skin.css +1 -1
  173. package/dist/tools/x-tabs.structure.css +1 -1
  174. package/dist/tools/x-truncate.css +1 -1
  175. package/dist/trumps/README.css +1 -1
  176. package/dist/trumps/demo.css +1 -1
  177. package/dist/trumps/s-affixed-input-wrapper/demo.css +1 -1
  178. package/dist/trumps/s-affixed-input-wrapper.css +1 -1
  179. package/dist/trumps/s-article-list.css +1 -1
  180. package/dist/trumps/s-article-preview.css +1 -1
  181. package/dist/trumps/s-blockquote.css +1 -1
  182. package/dist/trumps/s-breadcrumbs.css +1 -1
  183. package/dist/trumps/s-cms-nav.css +1 -1
  184. package/dist/trumps/s-document.css +1 -1
  185. package/dist/trumps/s-footer--thick.css +1 -1
  186. package/dist/trumps/s-footer--thin.css +1 -1
  187. package/dist/trumps/s-footer.css +1 -1
  188. package/dist/trumps/s-footer.properties.css +1 -1
  189. package/dist/trumps/s-form--cms.css +1 -1
  190. package/dist/trumps/s-form--login.css +1 -1
  191. package/dist/trumps/s-form--portal.css +1 -1
  192. package/dist/trumps/s-form-page/demo.css +1 -1
  193. package/dist/trumps/s-form-page/example.css +1 -1
  194. package/dist/trumps/s-form-page.css +1 -1
  195. package/dist/trumps/s-form.css +1 -1
  196. package/dist/trumps/s-form.selectors.css +1 -1
  197. package/dist/trumps/s-guide-doc.css +1 -1
  198. package/dist/trumps/s-header.bootstrap.css +1 -1
  199. package/dist/trumps/s-header.css +1 -1
  200. package/dist/trumps/s-image-grid.css +1 -1
  201. package/dist/trumps/s-inline-dl.css +1 -1
  202. package/dist/trumps/s-irregular-links.css +1 -1
  203. package/dist/trumps/s-paragraph-table.css +1 -1
  204. package/dist/trumps/s-portal-nav.css +1 -1
  205. package/dist/trumps/s-style-guide.css +1 -1
  206. package/dist/trumps/s-system-specs.css +1 -1
  207. package/dist/trumps/s-truncated-table.css +1 -0
  208. package/dist/trumps/tacc-search-bar.css +1 -1
  209. package/dist/trumps/u-empty.css +1 -1
  210. package/dist/trumps/u-hide.css +1 -1
  211. package/dist/trumps/u-mailto-text-replace.css +1 -1
  212. package/dist/trumps/u-nested-text-content.css +1 -1
  213. package/docs/contributing.md +5 -6
  214. package/fractal.config.js +1 -1
  215. package/package.json +1 -1
  216. package/src/lib/_imports/components/c-card/_c-card--many-variable.hbs +2 -2
  217. package/src/lib/_imports/components/c-card.css +2 -1
  218. package/src/lib/_imports/components/c-form--login.css +5 -1
  219. package/src/lib/_imports/components/mui.tabs.css +6 -6
  220. package/src/lib/_imports/core-styles.cms.css +1 -0
  221. package/src/lib/_imports/core-styles.portal.css +2 -0
  222. package/src/lib/_imports/elements/table/config.yml +32 -0
  223. package/src/lib/_imports/elements/table/table--via-paragraphs.readme.md +0 -4
  224. package/src/lib/_imports/elements/table/table--with-paragraphs.readme.md +1 -1
  225. package/src/lib/_imports/elements/table--basic.css +0 -8
  226. package/src/lib/_imports/elements/table--nested.css +0 -2
  227. package/src/lib/_imports/elements/table.portal.css +6 -0
  228. package/src/lib/_imports/settings/font--docs.css +0 -1
  229. package/src/lib/_imports/trumps/s-paragraph-table/config.yml +3 -0
  230. package/src/lib/_imports/trumps/s-paragraph-table/readme.md +0 -4
  231. package/src/lib/_imports/trumps/s-paragraph-table.css +1 -2
  232. package/src/lib/_imports/trumps/s-truncated-table/config.yml +9 -0
  233. package/src/lib/_imports/trumps/s-truncated-table/readme.md +12 -0
  234. package/src/lib/_imports/trumps/s-truncated-table/s-truncated-table.hbs +1 -0
  235. package/src/lib/_imports/trumps/s-truncated-table.css +6 -0
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.17.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.17.3+ | 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.17.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.17.3+ | 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.17.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(--header-major-border-color);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--header-text-color);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(--header-bkgd-color);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(--header-text-color)}.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(--header-minor-border-color);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:var(--menu-toggle-icon)}
1
+ /*! @tacc/core-styles 2.17.3+ | 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(--header-major-border-color);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--header-text-color);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(--header-bkgd-color);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(--header-text-color)}.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(--header-minor-border-color);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:var(--menu-toggle-icon)}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.17.1+ | MIT | github.com/TACC/Core-Styles */.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.s-image-grid,.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.x-grid--content-align-center{align-items:center;justify-items:center}.s-image-grid *{max-height:100%;max-width:100%}ul.s-image-grid{-webkit-padding-start:unset;margin-bottom:unset;padding-inline-start:unset}ul.s-image-grid>li{list-style:none}.s-image-grid>a,.s-image-grid>li,.s-image-grid>li>a{align-items:center;display:flex;justify-content:center}
1
+ /*! @tacc/core-styles 2.17.3+ | MIT | github.com/TACC/Core-Styles */.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.s-image-grid,.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.x-grid--content-align-center{align-items:center;justify-items:center}.s-image-grid *{max-height:100%;max-width:100%}ul.s-image-grid{-webkit-padding-start:unset;margin-bottom:unset;padding-inline-start:unset}ul.s-image-grid>li{list-style:none}.s-image-grid>a,.s-image-grid>li,.s-image-grid>li>a{align-items:center;display:flex;justify-content:center}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.17.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.17.3+ | 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.17.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.17.3+ | 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.17.1+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.17.3+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.17.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.17.3+ | 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.17.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.17.3+ | 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.17.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.17.3+ | 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)}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.17.3+ | MIT | github.com/TACC/Core-Styles */.s-truncated-table p,.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.17.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(--header-text-color);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(--header-search-bkgd-color);border:var(--global-border-width--normal) solid var(--header-search-brdr-color);border-radius:5px;color:var(--header-text-color);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(--header-text-color);opacity:.5}:host [part=input]::placeholder{color:var(--header-text-color);opacity:.5}
1
+ /*! @tacc/core-styles 2.17.3+ | 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(--header-text-color);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(--header-search-bkgd-color);border:var(--global-border-width--normal) solid var(--header-search-brdr-color);border-radius:5px;color:var(--header-text-color);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(--header-text-color);opacity:.5}:host [part=input]::placeholder{color:var(--header-text-color);opacity:.5}
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.17.1+ | MIT | github.com/TACC/Core-Styles */
1
+ /*! @tacc/core-styles 2.17.3+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +1 @@
1
- /*! @tacc/core-styles 2.17.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.17.3+ | 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.17.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.17.3+ | 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.17.1+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
1
+ /*! @tacc/core-styles 2.17.3+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
@@ -47,10 +47,9 @@ Only appointed team members may release versions.
47
47
  1. Commit NPM build output.
48
48
  1. Merge pull request.
49
49
  1. Create release and tag on GitHub.
50
- 1. Replace Github's unannotated tag with an annotated one:
51
- - `git pull`
52
- - `git checkout vN.N.N`
53
- - `git tag -d vN.N.N`
54
- - `git tag -a vN.N.N -m "____: vN.N.N"`
55
- - `git push --tags --force`
50
+ 1. Annotate Github's tag:\
51
+ `bin/annotate-tag.sh vN.N.N`\
52
+ (where `N.N.N` is the version tag)
53
+ 1. Overwrite remote tag with annotated one:\
54
+ `git push --tags --force`
56
55
 
package/fractal.config.js CHANGED
@@ -66,7 +66,7 @@ fractal.components.set('default.context', {
66
66
  }],
67
67
  cmsStyles: [{
68
68
  isInternal: true,
69
- layer: 'project',
69
+ layer: 'base',
70
70
  path: '/assets/core-styles.cms.css'
71
71
  }],
72
72
  docsStyles: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tacc/core-styles",
3
- "version": "2.17.1",
3
+ "version": "2.17.3",
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.",
@@ -84,7 +84,7 @@
84
84
  <article class="c-card c-card--{{this._self.name}}">
85
85
  <h3>Card - {{this._self.label}}</h3>
86
86
 
87
- <p>If you wrap actions in a <kbd>&lt;p&gt;</kbd> tag, vertical spacing will be slightly off.*</p>
87
+ <p>If you wrap link ("Learn more") in a <kbd>&lt;p&gt;</kbd> tag, then spacing will be wrong.*</p>
88
88
 
89
89
  <a href="#" class="c-button c-button--primary">Action 1</a>
90
90
  <a href="#" class="c-button c-button--primary">Action 2</a>
@@ -95,7 +95,7 @@
95
95
  <article class="c-card c-card--{{this._self.name}}">
96
96
  <h3>Card - {{this._self.label}}</h3>
97
97
 
98
- <p>If you wrap actions in a <kbd>&lt;p&gt;</kbd> tag, vertical spacing will be slightly off.*</p>
98
+ <p>If you wrap actions ("Action N") in a <kbd>&lt;p&gt;</kbd> tag, then spacing will be wrong.*</p>
99
99
 
100
100
  <p>
101
101
  <a href="#" class="c-button c-button--primary">Action 1</a>
@@ -180,7 +180,8 @@
180
180
  font-size: var(--global-font-size--medium);
181
181
  }
182
182
 
183
- /* Miscellaneous */
183
+ /* To space out address lines, but retain <p> margin */
184
+ /* NOTE: Likely in tacc.utexas.edu/about/contact/ but replaced with a <p> */
184
185
  :--c-card > address {
185
186
  line-height: 1.7;
186
187
  margin-bottom: 2rem; /* to mimic <p> */
@@ -66,7 +66,7 @@
66
66
  }
67
67
 
68
68
  /* To make elements bigger */
69
- & :--form__field {
69
+ & :--form__field:not(:--form__field--has-checkbox) {
70
70
  /* To stretch input field width */
71
71
  display: flex;
72
72
  flex-direction: column;
@@ -88,6 +88,10 @@
88
88
  & :--form__button[type="submit"] {
89
89
  padding-block: 10px; /* overrides core-styles.base.css button styles */
90
90
  }
91
+ /* To right-align a lone action */
92
+ & :--form__buttons > :only-child {
93
+ margin-left: auto;
94
+ }
91
95
 
92
96
 
93
97
 
@@ -9,22 +9,22 @@
9
9
  }
10
10
 
11
11
  .MuiTab-root.Mui-selected {
12
- background: #ffffff 0% 0% no-repeat padding-box;
13
- border: 1px solid #afafaf;
12
+ background: var(--global-color-primary--xx-light) 0% 0% no-repeat padding-box;
13
+ border: 1px solid var(--global-color-primary--normal);
14
14
  border-bottom: none;
15
15
  opacity: 1;
16
16
  text-transform: none;
17
17
  outline: none;
18
18
  }
19
19
  .MuiTab-root:not(.Mui-selected) {
20
- background: #f4f4f4 0% 0% no-repeat padding-box;
20
+ background: var(--global-color-primary--x-light) 0% 0% no-repeat padding-box;
21
21
  color: black;
22
22
  border: none;
23
- border-bottom: 1px solid #afafaf;
23
+ border-bottom: 1px solid var(--global-color-primary--normal);
24
24
  text-transform: none;
25
25
  height: 58.5px;
26
26
  }
27
27
  .MuiTab-root:not(.Mui-selected):hover {
28
- background: #dbdbdb 0% 0% no-repeat padding-box;
29
- border: 1px solid #afafaf;
28
+ background: var(--global-color-primary--light) 0% 0% no-repeat padding-box;
29
+ border: 1px solid var(--global-color-primary--normal);
30
30
  }
@@ -44,6 +44,7 @@
44
44
  /* TRUMPS */
45
45
  @import url("./trumps/s-footer.css");
46
46
  @import url("./trumps/s-footer--thick.css");
47
+ @import url("./trumps/s-truncated-table.css");
47
48
  /* To explain the in-limbo Core-CMS doc page styles */
48
49
  /* FAQ: Commented out because Core-CMS doc pages load these directly */
49
50
  /* IMPORTANT: If CMS docs are moved to TACC-Docs, then kill these stylesheets */
@@ -16,6 +16,7 @@
16
16
  /* ELEMENTS */
17
17
  @import url("./elements/root--portal.css");
18
18
  @import url("./elements/sticky-footer.css");
19
+ @import url("./elements/table.portal.css");
19
20
 
20
21
  /* OBJECTS */
21
22
  @import url("./objects/o-flex-item-table-wrap.css");
@@ -33,3 +34,4 @@
33
34
  @import url("./trumps/s-footer.css");
34
35
  @import url("./trumps/s-footer--thin.css");
35
36
  @import url("./trumps/s-form-page.css");
37
+ @import url("./trumps/s-truncated-table.css");
@@ -243,6 +243,7 @@ variants:
243
243
  - paragraph: true
244
244
  - paragraph: true
245
245
  - name: with-paragraphs
246
+ label: With Paragraphs
246
247
  context:
247
248
  data:
248
249
  cols:
@@ -271,6 +272,37 @@ variants:
271
272
  text: View Details
272
273
  - is-button: true
273
274
  text: Delete
275
+ - name: with-paragraphs-portal
276
+ label: With Paragraphs (Portal)
277
+ context:
278
+ shouldLoadPortal: true
279
+ data:
280
+ cols:
281
+ - Name
282
+ - Summary
283
+ - Actions
284
+ rows:
285
+ - name: apple-sauce
286
+ paragraph: true
287
+ acts:
288
+ - is-link: true
289
+ text: View Details
290
+ - is-button: true
291
+ text: Delete
292
+ - name: milk-shake-032
293
+ paragraph: true
294
+ acts:
295
+ - is-link: true
296
+ text: View Details
297
+ - is-button: true
298
+ text: Delete
299
+ - name: white-candy-5
300
+ paragraph: true
301
+ acts:
302
+ - is-link: true
303
+ text: View Details
304
+ - is-button: true
305
+ text: Delete
274
306
  - name: nested
275
307
  context:
276
308
  data:
@@ -5,10 +5,6 @@ A [table]({{path './table' }}) that uses [paragraphs](https://developer.mozilla.
5
5
  > - Text will not truncate. It will wrap.
6
6
  > - Only a single column is supported.
7
7
 
8
- > **⁉ Help**
9
- >
10
- > Should text truncate? Ask designers.
11
-
12
8
  <script>
13
9
  /* To open external links in new window */
14
10
  Array.from(document.links)
@@ -2,7 +2,7 @@ A [table]({{path './table' }}) with cells that have [paragraphs](https://develop
2
2
 
3
3
  > **ⓘ Notice**
4
4
  >
5
- > Text will truncate at N lines; see [truncate mixin]({{path './x-truncate' }}) to control line count.
5
+ > On [Portal tables]({{path './table--with-paragraphs-portal' }}) and [`s-truncated-table`s]({{path './s-data-table' }}), text in a `<p>` tag. will truncate at N lines; see [truncate mixin]({{path './x-truncate' }}) to control line count.
6
6
 
7
7
  <script>
8
8
  /* To open external links in new window */
@@ -1,5 +1,3 @@
1
- @import url("../tools/x-truncate.css");
2
-
3
1
  @import url("./table.selectors.css");
4
2
 
5
3
  table,
@@ -123,9 +121,3 @@ table p:last-child,
123
121
  :--s-paragraph-table p {
124
122
  margin-bottom: 0;
125
123
  }
126
-
127
- /* To truncate paragraphs */
128
- /* FAQ: Except for :--s-paragraph-table's whose <p> tags we permit to wrap */
129
- table p {
130
- @extend %x-truncate--many-lines;
131
- }
@@ -1,5 +1,3 @@
1
- @import url('../tools/x-truncate.css');
2
-
3
1
  @supports selector(:has(table)) {
4
2
  /* To ensure matching row height of nested table and parent table */
5
3
  table:has(table) :is(td, th) { white-space: nowrap; }
@@ -0,0 +1,6 @@
1
+ @import url("../trumps/s-truncated-table.css");
2
+
3
+ /* Assume portal tables always supports truncation */
4
+ table {
5
+ @extend .s-truncated-table;
6
+ }
@@ -1,4 +1,3 @@
1
-
2
1
  :root {
3
2
  /* Family */
4
3
  --global-font-family--sans: var(--global-font-family--sans--cms);
@@ -1,4 +1,7 @@
1
+ label: "S Paragraph Table (CMS)"
1
2
  context:
3
+ shouldLoadCMS: true
4
+ ⚠️ shouldLoadCMS: only works well in CMS, because its code is in table.cms.css
2
5
  data:
3
6
  rows:
4
7
  - paragraph: true
@@ -5,10 +5,6 @@ A [table]({{path './table' }}) that uses [paragraphs](https://developer.mozilla.
5
5
  > - Text will not truncate. It will wrap.
6
6
  > - Only a single column is supported.
7
7
 
8
- > **⁉ Help**
9
- >
10
- > Should text truncate? Ask designers.
11
-
12
8
  <script>
13
9
  /* To open external links in new window */
14
10
  Array.from(document.links)
@@ -1,3 +1,2 @@
1
1
  /* FAQ: Using @custom-selector within elements/table */
2
- /* SEE: src/lib/_imports/elements/table--basic.css */
3
- /* SEE: src/lib/_imports/elements/table.selectors.css */
2
+ /* SEE: src/lib/_imports/elements/table….css */
@@ -0,0 +1,9 @@
1
+ context:
2
+ shouldSkipPattern: false
3
+ 📝 shouldSkipPattern: because core-styles.base.css does not import this
4
+ data:
5
+ rows:
6
+ - paragraph: true
7
+ - paragraph: true
8
+ - paragraph: true
9
+ - paragraph: true
@@ -0,0 +1,12 @@
1
+ A [table]({{path './table' }}) that uses a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element, but cell text should be truncated.
2
+
3
+ > **ⓘ Notice**
4
+ >
5
+ > - Text will truncate only if it is in a `<p>` tag.
6
+
7
+ <script>
8
+ /* To open external links in new window */
9
+ Array.from(document.links)
10
+ .filter(link => link.hostname != window.location.hostname)
11
+ .forEach(link => link.target = '_blank');
12
+ </script>
@@ -0,0 +1 @@
1
+ {{> @table class="s-truncated-table" }}
@@ -0,0 +1,6 @@
1
+ @import url("../tools/x-truncate.css");
2
+
3
+ /* To truncate paragraphs in specific tables */
4
+ .s-truncated-table p {
5
+ @extend %x-truncate--many-lines;
6
+ }