@tacc/core-styles 0.5.1

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 (166) hide show
  1. package/.postcssrc.base.yml +48 -0
  2. package/README.md +244 -0
  3. package/bin/build.js +40 -0
  4. package/bin/config.js +90 -0
  5. package/bin/version.js +24 -0
  6. package/cli.js +77 -0
  7. package/dist/branding_logos.css +2 -0
  8. package/dist/components/README.css +1 -0
  9. package/dist/components/bootstrap.container.css +2 -0
  10. package/dist/components/bootstrap.figure.css +2 -0
  11. package/dist/components/bootstrap.pagination.css +2 -0
  12. package/dist/components/c-button.css +2 -0
  13. package/dist/components/c-callout.css +2 -0
  14. package/dist/components/c-card.css +2 -0
  15. package/dist/components/c-data-list.css +2 -0
  16. package/dist/components/c-footer.css +2 -0
  17. package/dist/components/c-image-map.css +2 -0
  18. package/dist/components/c-image-map.skin.css +1 -0
  19. package/dist/components/c-image-map.structure.css +2 -0
  20. package/dist/components/c-nav.css +2 -0
  21. package/dist/components/c-page.css +2 -0
  22. package/dist/components/c-recognition.css +2 -0
  23. package/dist/components/c-see-all-link.css +2 -0
  24. package/dist/components/c-show-more.css +2 -0
  25. package/dist/elements/README.css +1 -0
  26. package/dist/elements/figure.css +2 -0
  27. package/dist/elements/html-elements.css +2 -0
  28. package/dist/elements/tacc-search-bar.css +2 -0
  29. package/dist/generics/README.css +1 -0
  30. package/dist/objects/README.css +1 -0
  31. package/dist/objects/o-flex-item-table-wrap.css +2 -0
  32. package/dist/objects/o-grid.css +2 -0
  33. package/dist/objects/o-offset-content.css +2 -0
  34. package/dist/objects/o-section.css +2 -0
  35. package/dist/objects/o-site.css +2 -0
  36. package/dist/settings/README.css +1 -0
  37. package/dist/settings/border.css +2 -0
  38. package/dist/settings/color.css +2 -0
  39. package/dist/settings/font.css +2 -0
  40. package/dist/settings/max-width.css +2 -0
  41. package/dist/settings/space.css +2 -0
  42. package/dist/tools/README.css +1 -0
  43. package/dist/tools/media-queries.css +1 -0
  44. package/dist/tools/x-article-link.css +2 -0
  45. package/dist/tools/x-center.css +2 -0
  46. package/dist/tools/x-fake-border.css +2 -0
  47. package/dist/tools/x-grid.css +1 -0
  48. package/dist/tools/x-layout.css +2 -0
  49. package/dist/tools/x-overlay.css +1 -0
  50. package/dist/tools/x-truncate.css +2 -0
  51. package/dist/trumps/README.css +1 -0
  52. package/dist/trumps/icon.css +2 -0
  53. package/dist/trumps/icon.fonts.css +2 -0
  54. package/dist/trumps/s-article-list.css +2 -0
  55. package/dist/trumps/s-article-preview.css +2 -0
  56. package/dist/trumps/s-blockquote.css +2 -0
  57. package/dist/trumps/s-breadcrumbs.css +2 -0
  58. package/dist/trumps/s-cms-nav.css +1 -0
  59. package/dist/trumps/s-document.css +2 -0
  60. package/dist/trumps/s-footer.css +2 -0
  61. package/dist/trumps/s-guide-doc.css +2 -0
  62. package/dist/trumps/s-header.css +2 -0
  63. package/dist/trumps/s-inline-dl.css +2 -0
  64. package/dist/trumps/s-portal-nav.css +2 -0
  65. package/dist/trumps/s-style-guide.css +2 -0
  66. package/dist/trumps/s-system-specs.css +2 -0
  67. package/dist/trumps/tacc-search-bar.css +2 -0
  68. package/dist/trumps/u-empty.css +1 -0
  69. package/dist/trumps/u-hide.css +2 -0
  70. package/dist/trumps/u-nested-text-content.css +2 -0
  71. package/index.js +45 -0
  72. package/package.json +49 -0
  73. package/source/README.md +8 -0
  74. package/source/_imports/README.md +47 -0
  75. package/source/_imports/branding_logos.css +73 -0
  76. package/source/_imports/components/README.css +26 -0
  77. package/source/_imports/components/bootstrap.container.css +23 -0
  78. package/source/_imports/components/bootstrap.figure.css +17 -0
  79. package/source/_imports/components/bootstrap.pagination.css +29 -0
  80. package/source/_imports/components/c-button.css +210 -0
  81. package/source/_imports/components/c-button.html +31 -0
  82. package/source/_imports/components/c-callout.css +183 -0
  83. package/source/_imports/components/c-callout.html +52 -0
  84. package/source/_imports/components/c-card.css +57 -0
  85. package/source/_imports/components/c-card.html +32 -0
  86. package/source/_imports/components/c-data-list.css +222 -0
  87. package/source/_imports/components/c-data-list.html +145 -0
  88. package/source/_imports/components/c-footer.css +67 -0
  89. package/source/_imports/components/c-footer.html +3 -0
  90. package/source/_imports/components/c-image-map.css +26 -0
  91. package/source/_imports/components/c-image-map.html +4 -0
  92. package/source/_imports/components/c-image-map.skin.css +1 -0
  93. package/source/_imports/components/c-image-map.structure.css +285 -0
  94. package/source/_imports/components/c-nav.css +164 -0
  95. package/source/_imports/components/c-nav.html +45 -0
  96. package/source/_imports/components/c-page.css +95 -0
  97. package/source/_imports/components/c-page.html +192 -0
  98. package/source/_imports/components/c-recognition.css +102 -0
  99. package/source/_imports/components/c-see-all-link.css +52 -0
  100. package/source/_imports/components/c-show-more.css +50 -0
  101. package/source/_imports/elements/README.css +47 -0
  102. package/source/_imports/elements/figure.css +23 -0
  103. package/source/_imports/elements/html-elements.css +386 -0
  104. package/source/_imports/elements/tacc-search-bar.css +19 -0
  105. package/source/_imports/elements/tacc-search-bar.md +20 -0
  106. package/source/_imports/generics/README.css +24 -0
  107. package/source/_imports/generics/README.md +9 -0
  108. package/source/_imports/objects/README.css +22 -0
  109. package/source/_imports/objects/o-flex-item-table-wrap.css +50 -0
  110. package/source/_imports/objects/o-grid.css +131 -0
  111. package/source/_imports/objects/o-grid.html +64 -0
  112. package/source/_imports/objects/o-offset-content.css +51 -0
  113. package/source/_imports/objects/o-section.css +270 -0
  114. package/source/_imports/objects/o-section.html +73 -0
  115. package/source/_imports/objects/o-site.css +26 -0
  116. package/source/_imports/objects/o-site.html +11 -0
  117. package/source/_imports/settings/README.css +65 -0
  118. package/source/_imports/settings/border.css +15 -0
  119. package/source/_imports/settings/color.css +30 -0
  120. package/source/_imports/settings/font.css +49 -0
  121. package/source/_imports/settings/max-width.css +31 -0
  122. package/source/_imports/settings/space.css +36 -0
  123. package/source/_imports/tools/README.css +17 -0
  124. package/source/_imports/tools/media-queries.css +48 -0
  125. package/source/_imports/tools/x-article-link.css +62 -0
  126. package/source/_imports/tools/x-center.css +60 -0
  127. package/source/_imports/tools/x-fake-border.css +72 -0
  128. package/source/_imports/tools/x-grid.css +116 -0
  129. package/source/_imports/tools/x-layout.css +86 -0
  130. package/source/_imports/tools/x-overlay.css +28 -0
  131. package/source/_imports/tools/x-truncate.css +47 -0
  132. package/source/_imports/trumps/README.css +79 -0
  133. package/source/_imports/trumps/icon.css +31 -0
  134. package/source/_imports/trumps/icon.fonts.css +316 -0
  135. package/source/_imports/trumps/s-article-list.css +240 -0
  136. package/source/_imports/trumps/s-article-list.html +20 -0
  137. package/source/_imports/trumps/s-article-preview.css +253 -0
  138. package/source/_imports/trumps/s-article-preview.html +30 -0
  139. package/source/_imports/trumps/s-blockquote.css +45 -0
  140. package/source/_imports/trumps/s-breadcrumbs.css +69 -0
  141. package/source/_imports/trumps/s-cms-nav.css +11 -0
  142. package/source/_imports/trumps/s-cms-nav.html +41 -0
  143. package/source/_imports/trumps/s-document.css +142 -0
  144. package/source/_imports/trumps/s-footer.css +16 -0
  145. package/source/_imports/trumps/s-footer.html +3 -0
  146. package/source/_imports/trumps/s-guide-doc.css +77 -0
  147. package/source/_imports/trumps/s-header.css +181 -0
  148. package/source/_imports/trumps/s-header.html +46 -0
  149. package/source/_imports/trumps/s-inline-dl.css +35 -0
  150. package/source/_imports/trumps/s-portal-nav.css +20 -0
  151. package/source/_imports/trumps/s-portal-nav.html +37 -0
  152. package/source/_imports/trumps/s-style-guide.css +52 -0
  153. package/source/_imports/trumps/s-system-specs.css +123 -0
  154. package/source/_imports/trumps/tacc-search-bar.css +108 -0
  155. package/source/_imports/trumps/tacc-search-bar.html +11 -0
  156. package/source/_imports/trumps/u-empty.css +18 -0
  157. package/source/_imports/trumps/u-hide.css +27 -0
  158. package/source/_imports/trumps/u-nested-text-content.css +14 -0
  159. package/source/_tests/README.md +33 -0
  160. package/source/_tests/postcss-extend.css +80 -0
  161. package/source/_tests/postcss-preset-env.css +75 -0
  162. package/source/_tests.css +12 -0
  163. package/source/_themes/README.md +5 -0
  164. package/source/_themes/TODO.md +4 -0
  165. package/source/_themes/default.json +21 -0
  166. package/source/_themes/has-dark-logo.json +21 -0
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ [part=form]{width:100%;height:100%}:host{visibility:visible;height:auto}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .o-flex-item-table-wrap{flex-grow:1;position:relative}.o-flex-item-table-wrap>table{position:absolute;top:0;bottom:0;left:0;right:0}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .o-grid--col-auto-count{grid-template-columns:repeat(var(--count),auto)}.o-grid--col-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.o-grid{grid-auto-rows:1fr}.o-grid--center-align{justify-items:center;align-items:center}.o-grid{--gap:var(--global-space--grid-gap,15px);display:grid;gap:var(--gap)}.o-grid img{max-height:100%;max-width:100%}.o-grid>*{overflow:hidden}@media (max-width:575px){.o-grid--col-auto-count{--count:1}}@media (min-width:576px) and (max-width:767px){.o-grid--col-auto-count{--count:2}}@media (min-width:768px) and (max-width:991px){.o-grid--col-auto-count{--count:3}}@media (min-width:992px) and (max-width:1199px){.o-grid--col-auto-count{--count:4}}@media (min-width:1200px) and (max-width:1399px){.o-grid--col-auto-count{--count:5}}@media (min-width:1400px) and (max-width:1679px){.o-grid--col-auto-count{--count:6}}@media (min-width:1680px) and (max-width:1919px){.o-grid--col-auto-count{--count:7}}@media (min-width:1920px) and (max-width:2399px){.o-grid--col-auto-count{--count:8}}@media (min-width:2400px){.o-grid--col-auto-count{--count:9}}.o-grid--col-min-width{--width:250px}.o-grid--col-min-width>:not(img){max-width:100%;max-height:100%}.o-grid--image-fill>:is(a,figure):not(img){width:100%;height:100%}.o-grid--image-fill>a>img:only-child,.o-grid--image-fill>figure>img,.o-grid--image-fill>img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.o-grid--image-fill>figure:not([class]),.o-grid--image-fill>figure[class*=cms-plugin],.o-grid--image-fill>figure[class=""]{display:flex;flex-direction:column}.o-grid--image-fill>figure:not([class])>img,.o-grid--image-fill>figure[class*=cms-plugin]>img,.o-grid--image-fill>figure[class=""]>img{flex-grow:1;min-height:0}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .o-offset-content--left,.o-offset-content--right{--offset-distance:min(30vw,410px);--buffer:calc(var(--global-space--grid-gap)*2)}@media only screen and (min-width:992px){.o-offset-content--right{float:right;margin-left:var(--buffer)}.o-offset-content--right+.o-offset-content--right{clear:right}.o-offset-content--left{float:left;margin-right:var(--buffer)}.o-offset-content--left+.o-offset-content--left{clear:left}.figure:is(.o-offset-content--left,.o-offset-content--right) .figure-caption{padding-right:125px}}@media only screen and (min-width:992px) and (max-width:2399px){.o-offset-content--left,.o-offset-content--right{max-width:560px}.o-offset-content--right{margin-right:calc(var(--offset-distance)*-1)}.o-offset-content--left{margin-left:calc(var(--offset-distance)*-1)}}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .o-section--layout-a,.o-section--layout-b,.o-section--layout-c,.o-section--layout-d,.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.o-section--layout-a,.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.o-section--layout-a,.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.o-section--layout-b,.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.o-section--layout-b,.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.o-section--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.o-section--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.o-section--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){.o-section--layout-d,.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.o-section--layout-d,.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.x-layout--e{display:flex;flex-direction:column}.o-section--style-dark+.o-section--style-dark.container,.o-section--style-light+.o-section--style-light.container{--fb--line-width:0px;--fb--line-color:transparent;--fb--inset-width:0px;--fb--inset-color:transparent;--fb--start:inset calc(var(--fb--inset-width)*1) 0 var(--fb--inset-color);--fb--end:inset calc(var(--fb--inset-width)*-1) 0 var(--fb--inset-color);--fb:var(--fb--start),var(--fb--end),var(--fb--line);box-shadow:var(--fb--shadow-above,0 0 transparent),var(--fb),var(--fb--shadow-below,0 0 transparent)}.o-section--style-dark+.o-section--style-dark.container,.o-section--style-light+.o-section--style-light.container{--fb--line:inset 0 calc(var(--fb--line-width)*1) var(--fb--line-color)}.o-section{padding-block:var(--global-space--section-gap)}.o-section .o-section{padding-block:1em;--hoz-space:1em;padding-inline:var(--hoz-space);margin-inline:calc(var(--hoz-space)*-1)}.o-section--banner[class*=o-section--layout]{gap:0}.o-section--banner.container{padding-inline:0}.o-section--banner.o-section{padding-block:0}.o-section--intro .u-empty,.o-section--intro>:empty:not(img){display:none}.o-section--style-light{--color--text:var(--global-color-primary--dark);--color--text-strong:var(--global-color-primary--xx-dark);--color--bkgd:var(--global-color-primary--xx-light);--color--line:var(--global-color-primary--normal);--color--link:var(--global-color-link-on-light--normal)}.o-section--style-muted{--color--text:var(--global-color-primary--x-dark);--color--text-strong:var(--global-color-primary--xx-dark);--color--bkgd:var(--global-color-primary--x-light);--color--line:var(--global-color-primary--dark);--color--link:var(--global-color-link-on-light--normal)}.o-section--style-dark{--color--text:var(--global-color-primary--x-light);--color--text-strong:var(--global-color-primary--xx-light);--color--bkgd:var(--global-color-primary--xx-dark);--color--line:var(--global-color-primary--xx-light);--color--link:var(--global-color-link-on-dark--normal)}[class*=o-section--style]{--line-width:var(--global-border-width--normal);--box-shadow--fake-bkgd:50vw 0 var(--color--bkgd),-50vw 0 var(--color--bkgd);color:var(--color--text);background-color:var(--color--bkgd);box-shadow:var(--box-shadow--fake-bkgd)}[class*=o-section--style] [class*=o-section--style]{box-shadow:none}.o-section--style-dark+.o-section--style-dark:not(.container),.o-section--style-light+.o-section--style-light:not(.container){border-top:var(--line-width) solid var(--color--line)}.o-section--style-muted{border-top:var(--line-width) solid var(--color--line);border-bottom:var(--line-width) solid var(--color--line)}.o-section--style-muted{--box-shadow--fake-bkgd:50vw 0 0 calc(var(--line-width)*-1) var(--color--bkgd),-50vw 0 0 calc(var(--line-width)*-1) var(--color--bkgd),33vw 0 var(--color--line),-33vw 0 var(--color--line),33vw 0px var(--color--line),-33vw 0px var(--color--line)}.o-section--style-dark+.o-section--style-dark.container,.o-section--style-light+.o-section--style-light.container{--fb--line-width:var(--global-border-width--normal);--fb--line-color:var(--color--line);--fb--inset-width:var(--global-space--grid-gap);--fb--inset-color:var(--color--bkgd);--fb--shadow-below:var(--box-shadow--fake-bkgd)}[class*=o-section--style] a{color:var(--color--link)}[class*=o-section--style] :is(h1,h2,h3,h4,h5,h6){color:var(--color--text-strong)}.o-section--layout-a,.o-section--layout-b,.o-section--layout-c,.o-section--layout-d{--gap:3.0rem;gap:var(--gap)}[class*=o-section--style].o-section--banner+[class*=o-section--style]{box-shadow:var(--box-shadow--fake-bkgd)}.o-section--banner .o-section__banner-image{width:100vw;min-height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.o-section--banner .o-section__banner-overlay{position:relative;z-index:2}[class*=o-section--style]{position:relative}[class*=o-section--style].o-section--banner{z-index:0}[class*=o-section--style]{z-index:1}main{overflow-x:clip}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .o-site{display:flex;flex-direction:column}.o-site__body{flex-grow:1;flex-shrink:0;flex-basis:auto}.o-site__foot,.o-site__head{flex-shrink:0}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ :root{--global-border-width--normal:1px;--global-border--normal:var(--global-border-width--normal) solid var(--global-color-primary--normal);--global-border-width--thick:2px;--global-border--thick:var(--global-border-width--thick) solid var(--global-color-primary--normal);--global-border-width--x-thick:3px;--global-border--x-thick:var(--global-border-width--x-thick) solid var(--global-color-primary--normal)}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ :root{--global-color-primary--xx-light:#fff;--global-color-primary--xx-light-rgb:255,255,255;--global-color-primary--x-light:#f4f4f4;--global-color-primary--x-light-rgb:244,244,244;--global-color-primary--light:#c6c6c6;--global-color-primary--normal:#afafaf;--global-color-primary--dark:#707070;--global-color-primary--x-dark:#484848;--global-color-primary--x-dark-rgb:72,72,72;--global-color-primary--xx-dark:#222;--global-color-primary--xx-dark-rgb:34,34,34}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ :root{--global-font-size--x-small:1.1rem;--global-font-size--small:1.4rem;--global-font-size--medium:1.6rem;--global-font-size--large:2.0rem;--global-font-size--x-large:2.6rem;--global-font-size--xx-large:3.2rem;--global-font-size--xxx-large:4.1rem;--global-font-weight--regular:400;--global-font-weight--medium:500;--global-font-weight--bold:700;--regular:400;--medium:500;--bold:700}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ :root{--global-max-width--x-narrow:540px;--global-max-width--narrow:720px;--global-max-width--medium:960px;--global-max-width--wide:1140px;--global-max-width--x-wide:1320px;--global-max-width--xx-wide:1580px;--global-max-width--xxx-wide:1800px}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ :root{--global-space--xx-small:0.125rem;--global-space--x-small:0.25rem;--global-space--small:0.5rem;--global-space--normal:1.0rem;--global-space--large:1.5rem;--global-space--x-large:3.0rem;--global-space--list-indent:40px;--global-space--section-gap:45px;--global-space--grid-gap:15px}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .x-article-link-stretch{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}.x-article-link-stretch--gapless{width:calc(100% + 30px);left:-15px}.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .x-center--horz-inline{text-align:center}.x-center--horz-block{margin:0 auto}.x-center--horz-block-multiple-children{display:flex;flex-direction:row;justify-content:center}.x-center--vert-inline-multiline--flex{display:flex;flex-direction:column;justify-content:center}.x-center--both--flex{display:flex;justify-content:center;align-items:center}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ %x-fake-border--inset-horz,%x-fake-border--inset-horz-both,%x-fake-border--inset-horz-bottom,%x-fake-border--inset-horz-top{--fb--line-width:0px;--fb--line-color:transparent;--fb--inset-width:0px;--fb--inset-color:transparent;--fb--start:inset calc(var(--fb--inset-width)*1) 0 var(--fb--inset-color);--fb--end:inset calc(var(--fb--inset-width)*-1) 0 var(--fb--inset-color);--fb:var(--fb--start),var(--fb--end),var(--fb--line);box-shadow:var(--fb--shadow-above,0 0 transparent),var(--fb),var(--fb--shadow-below,0 0 transparent)}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .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}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .x-truncate--many-lines{--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ @font-face{font-family:Cortal-Icons;src:url(../../fonts/Cortal-Icons-1.2.woff?vrusnv) format("woff");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:Cortal-Icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jobs:before{content:"\e95b"}.icon-zipped:before{content:"\e957"}.icon-compress:before{content:"\e958"}.icon-extract:before{content:"\e959"}.icon-add-file:before{content:"\e900"}.icon-add-folder:before{content:"\e901"}.icon-add-project:before{content:"\e902"}.icon-add:before{content:"\e903"}.icon-alert:before{content:"\e904"}.icon-allocations:before{content:"\e905"}.icon-applications:before{content:"\e906"}.icon-approved-boxed-reverse:before{content:"\e907"}.icon-approved-boxed:before{content:"\e908"}.icon-approved-reverse:before{content:"\e909"}.icon-approved:before{content:"\e90a"}.icon-bar-graph:before{content:"\e90b"}.icon-boxed:before{content:"\e90c"}.icon-browser:before{content:"\e90d"}.icon-bulb:before{content:"\e90e"}.icon-burger:before{content:"\e90f"}.icon-calendar:before{content:"\e910"}.icon-close-boxed:before{content:"\e911"}.icon-close:before{content:"\e912"}.icon-code:before{content:"\e913"}.icon-compass:before{content:"\e914"}.icon-contract:before{content:"\e915"}.icon-conversation:before{content:"\e916"}.icon-copy:before{content:"\e917"}.icon-coversation-wait:before{content:"\e918"}.icon-dashboard:before{content:"\e919"}.icon-data-files:before{content:"\e91a"}.icon-data-processing:before{content:"\e91b"}.icon-denied-reverse:before{content:"\e91c"}.icon-denied:before{content:"\e91d"}.icon-dna:before{content:"\e91e"}.icon-document:before{content:"\e91f"}.icon-download:before{content:"\e920"}.icon-edit-document:before{content:"\e921"}.icon-exit:before{content:"\e922"}.icon-expand:before{content:"\e923"}.icon-file:before{content:"\e924"}.icon-folder:before{content:"\e925"}.icon-gear:before{content:"\e926"}.icon-globe:before{content:"\e927"}.icon-history-reverse:before{content:"\e928"}.icon-history:before{content:"\e929"}.icon-image:before{content:"\e92a"}.icon-jupyter:before{content:"\e92b"}.icon-link:before{content:"\e92c"}.icon-lock:before{content:"\e92d"}.icon-monitor:before{content:"\e92e"}.icon-move:before{content:"\e92f"}.icon-multiple-coversation:before{content:"\e930"}.icon-my-data:before{content:"\e931"}.icon-new-browser:before{content:"\e932"}.icon-no-alert:before{content:"\e933"}.icon-pending:before{content:"\e934"}.icon-pie-graph-open:before{content:"\e935"}.icon-pie-graph-reverse:before{content:"\e936"}.icon-pie-graph:before{content:"\e937"}.icon-project:before{content:"\e938"}.icon-proposal-approved:before{content:"\e939"}.icon-proposal-denied:before{content:"\e93a"}.icon-proposal-pending:before{content:"\e93b"}.icon-publications:before{content:"\e93c"}.icon-push-left:before{content:"\e93d"}.icon-push-right:before{content:"\e93e"}.icon-refresh:before{content:"\e93f"}.icon-rename:before{content:"\e940"}.icon-reverse-order:before{content:"\e941"}.icon-rotate-ccw:before{content:"\e942"}.icon-rotate-cw:before{content:"\e943"}.icon-save:before{content:"\e944"}.icon-script:before{content:"\e945"}.icon-search-folder:before{content:"\e946"}.icon-search:before{content:"\e947"}.icon-share:before{content:"\e948"}.icon-sillouette:before{content:"\e949"}.icon-simulation-reverse:before{content:"\e94a"}.icon-simulation:before{content:"\e94b"}.icon-subtract-file:before{content:"\e94c"}.icon-toolbox:before{content:"\e94d"}.icon-trash:before{content:"\e94e"}.icon-trophy:before{content:"\e94f"}.icon-unlock:before{content:"\e950"}.icon-upload:before{content:"\e951"}.icon-user-reverse:before{content:"\e952"}.icon-user:before{content:"\e953"}.icon-visualization:before{content:"\e954"}.icon-zoom-in:before{content:"\e955"}.icon-zoom-out:before{content:"\e956"}.icon{width:1em;height:1em;font-size:1.125em;vertical-align:middle;display:inline-flex}.icon-collapse:before{content:"\e915"}.btn .icon+span,.btn .loading-icon+span{vertical-align:middle}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ @font-face{font-family:Cortal-Icons;src:url(../../fonts/Cortal-Icons-1.2.woff?vrusnv) format("woff");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:Cortal-Icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jobs:before{content:"\e95b"}.icon-zipped:before{content:"\e957"}.icon-compress:before{content:"\e958"}.icon-extract:before{content:"\e959"}.icon-add-file:before{content:"\e900"}.icon-add-folder:before{content:"\e901"}.icon-add-project:before{content:"\e902"}.icon-add:before{content:"\e903"}.icon-alert:before{content:"\e904"}.icon-allocations:before{content:"\e905"}.icon-applications:before{content:"\e906"}.icon-approved-boxed-reverse:before{content:"\e907"}.icon-approved-boxed:before{content:"\e908"}.icon-approved-reverse:before{content:"\e909"}.icon-approved:before{content:"\e90a"}.icon-bar-graph:before{content:"\e90b"}.icon-boxed:before{content:"\e90c"}.icon-browser:before{content:"\e90d"}.icon-bulb:before{content:"\e90e"}.icon-burger:before{content:"\e90f"}.icon-calendar:before{content:"\e910"}.icon-close-boxed:before{content:"\e911"}.icon-close:before{content:"\e912"}.icon-code:before{content:"\e913"}.icon-compass:before{content:"\e914"}.icon-contract:before{content:"\e915"}.icon-conversation:before{content:"\e916"}.icon-copy:before{content:"\e917"}.icon-coversation-wait:before{content:"\e918"}.icon-dashboard:before{content:"\e919"}.icon-data-files:before{content:"\e91a"}.icon-data-processing:before{content:"\e91b"}.icon-denied-reverse:before{content:"\e91c"}.icon-denied:before{content:"\e91d"}.icon-dna:before{content:"\e91e"}.icon-document:before{content:"\e91f"}.icon-download:before{content:"\e920"}.icon-edit-document:before{content:"\e921"}.icon-exit:before{content:"\e922"}.icon-expand:before{content:"\e923"}.icon-file:before{content:"\e924"}.icon-folder:before{content:"\e925"}.icon-gear:before{content:"\e926"}.icon-globe:before{content:"\e927"}.icon-history-reverse:before{content:"\e928"}.icon-history:before{content:"\e929"}.icon-image:before{content:"\e92a"}.icon-jupyter:before{content:"\e92b"}.icon-link:before{content:"\e92c"}.icon-lock:before{content:"\e92d"}.icon-monitor:before{content:"\e92e"}.icon-move:before{content:"\e92f"}.icon-multiple-coversation:before{content:"\e930"}.icon-my-data:before{content:"\e931"}.icon-new-browser:before{content:"\e932"}.icon-no-alert:before{content:"\e933"}.icon-pending:before{content:"\e934"}.icon-pie-graph-open:before{content:"\e935"}.icon-pie-graph-reverse:before{content:"\e936"}.icon-pie-graph:before{content:"\e937"}.icon-project:before{content:"\e938"}.icon-proposal-approved:before{content:"\e939"}.icon-proposal-denied:before{content:"\e93a"}.icon-proposal-pending:before{content:"\e93b"}.icon-publications:before{content:"\e93c"}.icon-push-left:before{content:"\e93d"}.icon-push-right:before{content:"\e93e"}.icon-refresh:before{content:"\e93f"}.icon-rename:before{content:"\e940"}.icon-reverse-order:before{content:"\e941"}.icon-rotate-ccw:before{content:"\e942"}.icon-rotate-cw:before{content:"\e943"}.icon-save:before{content:"\e944"}.icon-script:before{content:"\e945"}.icon-search-folder:before{content:"\e946"}.icon-search:before{content:"\e947"}.icon-share:before{content:"\e948"}.icon-sillouette:before{content:"\e949"}.icon-simulation-reverse:before{content:"\e94a"}.icon-simulation:before{content:"\e94b"}.icon-subtract-file:before{content:"\e94c"}.icon-toolbox:before{content:"\e94d"}.icon-trash:before{content:"\e94e"}.icon-trophy:before{content:"\e94f"}.icon-unlock:before{content:"\e950"}.icon-upload:before{content:"\e951"}.icon-user-reverse:before{content:"\e952"}.icon-user:before{content:"\e953"}.icon-visualization:before{content:"\e954"}.icon-zoom-in:before{content:"\e955"}.icon-zoom-out:before{content:"\e956"}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .x-truncate--many-lines{--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line,[class*=s-article-list--]>h2,[class*=s-article-list--]>p:last-child a{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;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{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch--gapless{width:calc(100% + 30px);left:-15px}.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-start:1;grid-column-end:-1}[class*=s-article-list--]>h2{margin-top:0;margin-bottom:3rem;color:var(--global-color-accent--normal);font-size:1.6rem;font-weight:var(--bold);text-transform:uppercase}[class*=s-article-list--]>h2{position:relative;padding-top:1em}[class*=s-article-list--]>h2:before{content:"";display:block;position:absolute;top:0;height:.5em;width:2.5em;background-color:var(--global-color-accent--normal)}.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-start:1;grid-column-end:-1}[class*=s-article-list--]>p:last-child{border-top-width:var(--global-border-width--thick);border-top-style:solid;margin-top:3rem;margin-bottom:-1rem;font-size:1.2rem;font-weight:var(--bold)}[class*=s-article-list--]>p:last-child a{display:inline-block;padding-top:1rem;padding-bottom:1rem;padding-right:1rem;max-width:100%}.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{font-family:Font Awesome\ 5 Free;content:"\f35a";margin-right:10px;font-size:1.4rem;vertical-align:middle;display:inline-block}.s-article-list--links{font-size:1.4rem;color:var(--global-color-primary--xx-dark)}.s-article-list--links p:not(:last-child){margin:0}.s-article-list--links p:not(:last-child) a{font-weight:var(--bold);color:var(--global-color-primary--xx-dark)}.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){padding-top:.8rem;border-left-width:0;border-bottom-width:0;border-right-width:0;border-top-width:var(--global-border-width--normal);border-style:solid}.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)}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .x-truncate--many-lines,[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line,[class*=s-article-list--] .s-article-preview h3{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-preview p:last-child>a,.x-article-link-stretch{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}.s-article-list--layout-gapless .s-article-preview p:last-child>a,.x-article-link-stretch--gapless{width:calc(100% + 30px);left:-15px}.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{position:relative;display:flex;flex-direction:column}.s-article-preview p:first-child{order:1;overflow:hidden;margin-bottom:.8rem}.s-article-preview p:first-child>img{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.s-article-preview p:first-child>img.img-fluid{width:100%;-o-object-fit:cover;object-fit:cover;height: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{order:3;margin-top:0;margin-bottom:.8rem;font-size:1.8rem;font-weight:var(--bold);line-height:2.4rem}.s-article-list--allocations .s-article-preview h3{font-size:1.6rem;font-weight:var(--bold);color:inherit}.s-article-list--events .s-article-preview h3{font-size:1.4rem}.s-article-preview p:not(:first-child):not(:last-child){order:4;margin-bottom:0;font-size:1.6rem;line-height:2.4rem}[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){font-size:1.4rem;color:var(--global-color-primary--xx-dark)}.s-article-preview ul{order:2;display:flex;flex-direction:column;list-style:none;padding-left:0;margin-bottom:.8rem}.s-article-list--allocations .s-article-preview ul{order:5}.s-article-preview ul>li:first-child{order:2;font-weight:var(--medium);display:flex;flex-direction:row;flex-wrap:wrap}.s-article-list--news .s-article-preview ul>li:first-child{margin-bottom:.8rem;font-size:1rem}.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{font-size:1.4rem;color:var(--global-color-accent--normal)}.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){order:1;font-size:1.2rem;font-weight:var(--bold);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}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .s-blockquote{margin-top:1.25em;margin-bottom:1.25em}.s-blockquote blockquote{margin-bottom:0;font-size:1.125em;font-style:italic}.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;font-size:1em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:normal}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .x-truncate--many-lines{--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}nav.s-breadcrumbs{padding-top:15px;font-size:var(--global-font-size--x-small);text-transform:uppercase}nav.s-breadcrumbs ol{list-style:none;padding-left:0;font-weight:var(--global-font-weight--medium)}nav.s-breadcrumbs ol li,ol.s-breadcrumbs li{display:inline-block}nav.s-breadcrumbs ol li+li:before,ol.s-breadcrumbs li+li:before{content:" > "}nav.s-breadcrumbs ol li:last-child span{font-weight:var(--bold)}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .s-document{margin-bottom:var(--global-space--large)}.s-document h2{margin-bottom:var(--global-space--normal)}.s-document h3{margin-bottom:var(--global-space--normal)}.s-document blockquote{opacity:.75;border:var(--global-border--normal);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-top:-.75rem;margin-bottom:1rem}code,pre>samp{background-color:var(--global-color-primary--x-light);border:var(--global-border-width--normal) solid var(--global-color-primary--light)}.s-document img{display:block;width:100%;max-width:800px;border:var(--global-border--normal)}.s-document i.icon--as-image{font-size:2.8em;display:inline-block;padding:.25em;border:var(--global-border--normal)}.s-document table{width:100%;max-width:500px;text-align:center}.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)}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .s-footer>p:last-of-type{margin:0}.s-footer a{color:var(--global-color-primary--light)}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .s-guide-doc h3:before{display:block;content:"";margin:var(--global-space--large) 0;border-top:1px solid var(--global-color-primary--light)}.s-guide-doc blockquote{opacity:.75;border:var(--global-border--normal);padding:1em}.s-guide-doc blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}.s-guide-doc figure{display:flex;flex-direction:column;align-items:center}.s-guide-doc figcaption{font-weight:700}.s-guide-doc table{width:100%;max-width:500px;text-align:center}.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)}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .s-header{font-size:16px;line-height:1.4;font-family:var(--global-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--global-color-primary--xx-dark)}.s-header .navbar-brand{min-width:176px;margin-right:16px;padding:0;color:var(--global-color-primary--xx-light)}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--global-color-primary--xx-dark);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:#d5b57c;position:relative;top:var(--border-offset);line-height:var(--line-height);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:0 solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);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-]{width:27px;text-align:center}.navbar-toggler-icon{filter:none}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ dl.s-inline-dl dt{display:block;float:left;margin-bottom:0;font-weight:var(--bold)}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{content:":";-webkit-margin-end:.25em;margin-inline-end:.25em}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .s-portal-nav{text-transform:none}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .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)}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .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{width:var(--col-width--wide);margin-right:var(--col-gutter)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{width:100%;display:block}.s-system-specs>figure>figcaption{position:relative;margin-top:-40px}@media only screen and (max-width:991px){.s-system-specs>figure>img{width:60%;margin-left:auto;margin-right:auto}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{width:80%;margin-left:auto;margin-right:auto}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ :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]{font-family:Roboto;display:flex;align-items:center;position:relative}:host [part=button]{font-size:16px;position:absolute;left:0;top:50%;transform:translateY(-50%);box-sizing:content-box;height:var(--input-height,38px);align-items:center;margin:0;padding:0 var(--button-horz-pad);background-color:transparent;border:none;color:var(--global-color-primary--xx-light);font-size:var(--button-font-size)}:host [part=input]{display:block;width:100%;height:var(--input-height);margin:0;padding-top: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);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);font-size:var(--input-font-size)}:host [part=input]::-moz-placeholder{color:var(--global-color-primary--xx-light);opacity:.5}:host [part=input]:-ms-input-placeholder{color:var(--global-color-primary--xx-light);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--xx-light);opacity:.5}
@@ -0,0 +1 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;border:none;padding:0}
@@ -0,0 +1,2 @@
1
+ /*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
2
+ .u-nested-text-content{padding-left:var(--global-space--list-indent)}
package/index.js ADDED
@@ -0,0 +1,45 @@
1
+ #!/usr/bin/env node
2
+
3
+ /** Functions to custom build stylesheets and create a version stylesheet */
4
+
5
+ const { resolve } = require('path');
6
+
7
+ const build = require('./bin/build.js');
8
+ const config = require('./bin/config.js');
9
+ const version = require('./bin/version.js');
10
+
11
+
12
+
13
+ /**
14
+ * Build stylesheets from source CSS
15
+ * @param {string} input - Parse CSS files from which directory
16
+ * @param {string} output - Output CSS files to which directory
17
+ * @param {object} [opts={}] - Options
18
+ * @param {string} [opts.baseMirrorDir] - Do not add this path when mirroring
19
+ * @param {array.string} [opts.customConfigs] - List of YAML config file paths
20
+ * (The first file is merged on top of the base config.)
21
+ * (Each successive file overwrites the file before it.)
22
+ * @param {string} [opts.buildId] - Any value to identify the build
23
+ * @param {boolean} [opts.verbose=false] - Print more in log output
24
+ */
25
+ function buildStylesheets(input, output, opts = {}) {
26
+ const buildOpts = {
27
+ verbose: opts.verbose || null,
28
+ baseMirrorDir: opts.baseMirrorDir || null,
29
+ };
30
+
31
+ const inputResolved = resolve(input);
32
+ const outputResolved = resolve(output);
33
+ const customConfigs = (opts.customConfigs) ?
34
+ opts.customConfigs.map(filePath =>
35
+ (filePath) ? resolve(filePath) : null
36
+ ) : undefined;
37
+
38
+ config(customConfigs, version(opts.buildId));
39
+ build(inputResolved, outputResolved, buildOpts);
40
+ }
41
+
42
+
43
+
44
+ // Export
45
+ module.exports = { buildStylesheets };
package/package.json ADDED
@@ -0,0 +1,49 @@
1
+ {
2
+ "name": "@tacc/core-styles",
3
+ "version": "0.5.1",
4
+ "license": "MIT",
5
+ "author": "TACC ACI WMA <wma-portals@gmail.com>",
6
+ "description": "CSS source and processor for TACC Core-CMS and Core-Portal.",
7
+ "files": [
8
+ "bin",
9
+ "dist",
10
+ "source",
11
+ ".postcssrc.base.yml",
12
+ "settings.json"
13
+ ],
14
+ "main": "index.js",
15
+ "bin": "cli.js",
16
+ "scripts": {
17
+ "build": "node cli.js build -i \"./source/_imports/**/*!(README).css\" -o \"./dist\" -m \"source/_imports\"",
18
+ "test": "node cli.js build -i \"./source/_tests\" -o \"./dist\" -m \"source\" && echo \"Test output at 'dist/_tests' (compare to test input)\""
19
+ },
20
+ "engines": {
21
+ "node": ">=15.x",
22
+ "npm": ">=7.x"
23
+ },
24
+ "homepage": "https://github.com/TACC/Core-Styles",
25
+ "repository": "git@github.com:TACC/Core-Styles.git",
26
+ "dependencies": {
27
+ "commander": "^9.0.0",
28
+ "cssnano": "^4.1.10",
29
+ "js-yaml": "^3.13.1",
30
+ "merge-lite": "^1.0.2",
31
+ "node-cmd": "^5.0.0",
32
+ "postcss-banner": "^3.0.1",
33
+ "postcss-cli": "^7.1.2",
34
+ "postcss-extend": "^1.0.5",
35
+ "postcss-import": "^12.0.1",
36
+ "postcss-preset-env": "^6.7.0"
37
+ },
38
+ "// dependencies": {
39
+ "commander": "To create CLI",
40
+ "cssnano": "To minify CSS",
41
+ "node-cmd": "To run `postcss-cli` from script",
42
+ "postcss-banner": "To prepend version comment to built stylesheets",
43
+ "postcss-cli": "To process CSS",
44
+ "postcss-cli:note": "This is the simplest and cheapest 'PostCSS Runner'",
45
+ "postcss-import": "To import CSS files at build-time",
46
+ "postcss-extend": "To import/extend CSS rule sets at build-time",
47
+ "postcss-preset-env": "To use future CSS features now"
48
+ }
49
+ }
@@ -0,0 +1,8 @@
1
+ # TACC - Stylesheets
2
+
3
+ Currently, these are styles UI patterns on [Core CMS].
4
+
5
+ In the future, [Core Portal] patterns may also be here.
6
+
7
+ [Core CMS]: https://github.com/TACC/Core-CMS
8
+ [Core Portal]: https://github.com/TACC/Core-Portal
@@ -0,0 +1,47 @@
1
+ # TACC Styles - Imports
2
+
3
+ Styles here should be isolated UI patterns and be imported by other stylesheets.
4
+
5
+ ## Rules
6
+
7
+ 1. Files __must__ be [organized appropriately](#directory-organization).
8
+ 1. Files __must__ be [documented appropriately](#documentation-format).
9
+ 1. Files __must__ follow the [style guide][tacc-style-guide].
10
+
11
+ - Styles __should__ be for [structure](#structure-vs-skin) and __may__ be for [skin](#structure-vs-skin).
12
+
13
+ ## Directory Organization
14
+
15
+ These directories are based on [ITCSS][tacc-itcss].
16
+
17
+ [tacc-itcss]: https://confluence.tacc.utexas.edu/x/IAA9Cw
18
+
19
+ ## Documentation Format
20
+
21
+ ```css
22
+ /*
23
+ Styles Name
24
+
25
+ Description of the purpose and use case of styles. Use the `Markup:` property to link to sample markup. The documentation format is [KSS Node](https://github.com/kss-node/kss-node/blob/master/README.md).
26
+
27
+ Markup: x-stylesheet-name.html
28
+
29
+ Styleguide __StylesSection__.__StylesName__
30
+ */
31
+
32
+ .some-selector {
33
+ text-transform: none;
34
+ }
35
+ ```
36
+
37
+ ## Style Guide
38
+
39
+ See [TACC: CSS Style Guide][tacc-style-guide].
40
+
41
+ ## Structure vs. Skin
42
+
43
+ - Most Core styles will be _only __or__ mostly_ for [structure][tacc-oocss].
44
+ - Some core styles may be [skin][tacc-oocss].
45
+
46
+ [tacc-oocss]: https://confluence.tacc.utexas.edu/x/VwALBg "TACC: Object-Oriented CSS"
47
+ [tacc-style-guide]: https://confluence.tacc.utexas.edu/x/ZQALBg "TACC: CSS Style Guide"
@@ -0,0 +1,73 @@
1
+ /* BRANDING & LOGO CLASS SELECTORS */
2
+ /* TODO: Convert to a component */
3
+
4
+ /* WARNING: NO-R/EM: Until Frontera CMS drops Bootstrap 3.7.1 (for old design)…
5
+ `em` nor `rem` was not allowed because results were not consistent.
6
+ UPDATE: As of PR #312, this has likely changed (untested). */
7
+
8
+ /* Shared by All Templates */
9
+
10
+ /* Branding Selectors */
11
+
12
+ .branding-header {
13
+ --branding-logo-height: 24px;
14
+
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: center;
18
+
19
+ /* This prevents header bar resize when branding is dynamically added */
20
+ /* CAVEAT: This is only for Portal and Docs which dynamically load content */
21
+ /* FAQ: Do not use `48.78px`, because Safari only accepts whole numbers */
22
+ height: 49px;
23
+
24
+ background-color: var(--global-color-primary--xx-dark);
25
+ color: var(--global-color-primary--xx-light);
26
+ border-bottom: 1px solid var(--global-color-primary--normal);
27
+ }
28
+
29
+ .branding-seperator {
30
+ width: 1px;
31
+ height: 100%;
32
+ max-height: var(--branding-logo-height);
33
+ border-left: solid 1px var(--global-color-primary--xx-light);
34
+ margin: 0 15px;
35
+ vertical-align: middle;
36
+ }
37
+
38
+ .branding-logo {
39
+ height: 30px;
40
+ margin: 0;
41
+ padding: 0;
42
+ border: none;
43
+ }
44
+ .branding-logo--short {
45
+ height: var(--branding-logo-height);
46
+ }
47
+ .branding-logo--tall {
48
+ height: 35px;
49
+ }
50
+
51
+ /* Specific Brand Logo Selectors */
52
+
53
+ .branding-nsf {
54
+ height: 35px;
55
+ }
56
+
57
+ .branding-tacc {
58
+ height: var(--branding-logo-height);
59
+ }
60
+
61
+ .branding-utaustin {
62
+ height: var(--branding-logo-height);
63
+ }
64
+
65
+ /* Logo Selectors */
66
+
67
+ .portal-logo {
68
+ float: left;
69
+ height: 40px;
70
+ margin: 0;
71
+ padding: 0;
72
+ border: none;
73
+ }
@@ -0,0 +1,26 @@
1
+ /* DO NOT ADD STYLES HERE; ADD THEM INSIDE STYLESHEETS IN THIS DIRECTORY */
2
+
3
+ /*
4
+ Components
5
+
6
+ Components are finite, discrete, implementation-specific parts of an interface. Most people (users, designers, developers, stakeholders) would be able to identify them.
7
+
8
+ Reference:
9
+
10
+ - [BEM with Namespaces: Component Namespaces](https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/#component-namespaces-c-)
11
+
12
+ Guidelines:
13
+
14
+ - Components are implementation-specific bits of UI.
15
+ - They are quite safe to modify.
16
+ - Anything with a leading `c-` is a specific thing.
17
+
18
+ Rules:
19
+
20
+ - One element may be styled by many components.
21
+ - One element may be styled by many modifiers of one component.
22
+
23
+ Weight: 6
24
+
25
+ Styleguide Components
26
+ */
@@ -0,0 +1,23 @@
1
+ /*
2
+ Container (Bootstrap)
3
+
4
+ Add to Bootstrap styles. See:
5
+
6
+ - [Bootstrap Grid](https://getbootstrap.com/docs/4.0/layout/grid/)
7
+
8
+ Styleguide Components.Bootstrap.Grid
9
+ */
10
+ @import url("_imports/tools/media-queries.css");
11
+
12
+ @media (--x-wide-and-above) {
13
+ .container { max-width: var(--global-max-width--x-wide); }
14
+ }
15
+ @media (--xx-wide-and-above) {
16
+ .container { max-width: var(--global-max-width--xx-wide); }
17
+ }
18
+ /* FAQ: We can do this, but Design does not want to stretch this wide */
19
+ /*
20
+ @media (--xxx-wide-and-above) {
21
+ .container { max-width: var(--global-max-width--xxx-wide); }
22
+ }
23
+ */
@@ -0,0 +1,17 @@
1
+ /*
2
+ Figure (Bootstrap)
3
+
4
+ Add to Bootstrap styles. See:
5
+
6
+ - [Bootstrap Figures](https://getbootstrap.com/docs/4.0/content/figures/)
7
+
8
+ Styleguide Components.Bootstrap.Figure
9
+ */
10
+ @import url("_imports/elements/figure.css");
11
+
12
+ .figure {
13
+ @extend figure;
14
+ }
15
+ .figure-caption {
16
+ @extend figcaption;
17
+ }
@@ -0,0 +1,29 @@
1
+ /*
2
+ Pagination (Bootstrap)
3
+
4
+ Style Bootstrap pagination. See:
5
+
6
+ - [Bootstrap Pagination](https://getbootstrap.com/docs/4.0/components/pagination/)
7
+
8
+ Styleguide Components.Bootstrap.Pagination
9
+ */
10
+ @import url("_imports/components/c-page.css");
11
+
12
+
13
+
14
+ /* CAVEAT: These rules only style a minimal instance of Bootstrap pagination */
15
+ /* SEE: https://github.com/nephila/djangocms-blog/blob/1.1.1/djangocms_blog/templates/djangocms_blog/post_list.html */
16
+ .pagination {
17
+ @extend .c-page-list;
18
+
19
+ margin-block: var(--global-space--x-large);
20
+
21
+ width: fit-content;
22
+ margin-inline: auto;
23
+ }
24
+ .pagination a,
25
+ .pagination span {
26
+ @extend .c-page-end;
27
+
28
+ padding-block: 0;
29
+ }