@tacc/core-styles 2.25.2 → 2.26.1

package/dist/trumps/s-guide-doc.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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)}
+/*! @tacc/core-styles 2.26.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)}

package/dist/trumps/s-header/s-header.demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */:root{--global-font-family:var(--global-font-family--sans);--font-family-sans-serif:var(--global-font-family--sans);--font-family-monospace:var(--global-font-family--mono)}main{padding-block:unset;width:unset}
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */:root{--global-font-family:var(--global-font-family--sans);--font-family-sans-serif:var(--global-font-family--sans);--font-family-monospace:var(--global-font-family--mono)}main{padding-block:unset;width:unset}

package/dist/trumps/s-header.bootstrap.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:rgba(var(--global-color-primary--light-rgb),.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}
+/*! @tacc/core-styles 2.26.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:rgba(var(--global-color-primary--light-rgb),.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}

package/dist/trumps/s-header.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:rgba(var(--global-color-primary--light-rgb),.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);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:var(--global-font-size--medium);font-weight:var(--bold);letter-spacing:.025px;line-height:1.4}.s-header .navbar-brand{align-content:center;color:var(--header-text-color);display:grid;margin-right:16px;min-width:176px;padding:0}.s-header,.s-header .navbar-collapse{align-items:stretch}.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)}@media (min-width:992px){.s-header.navbar{--logo-height:60px;min-height:var(--logo-height)}.s-header>.navbar-brand{min-height:calc(var(--logo-height) - var(--nav-padding-vert)*2)}}.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}@media (min-width:992px){.s-header .nav-item{display:flex}}.s-header .nav-link{align-items:center;display:flex}.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-left:14px;padding-right:14px}@media (max-width:991px){.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding-block:8px}}.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)}
+/*! @tacc/core-styles 2.26.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:rgba(var(--global-color-primary--light-rgb),.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);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:var(--global-font-size--medium);font-weight:var(--bold);letter-spacing:.025px;line-height:1.4}.s-header .navbar-brand{align-content:center;color:var(--header-text-color);display:grid;margin-right:16px;min-width:176px;padding:0}.s-header,.s-header .navbar-collapse{align-items:stretch}.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)}@media (min-width:992px){.s-header.navbar{--logo-height:60px;min-height:var(--logo-height)}.s-header>.navbar-brand{min-height:calc(var(--logo-height) - var(--nav-padding-vert)*2)}}.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}@media (min-width:992px){.s-header .nav-item{display:flex}}.s-header .nav-link{align-items:center;display:flex}.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-left:14px;padding-right:14px}@media (max-width:991px){.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding-block:8px}}.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)}

package/dist/trumps/s-hero-banner/s-hero-banner.demo.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */main{padding-block:unset;width:unset}

package/dist/trumps/s-hero-banner.css

@@ -0,0 +1 @@
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */@media (min-width:992px){.s-home-banner{display:block;height:55.5rem;max-width:100%;width:100vw}}@media (max-width:991px){.s-home-banner{display:grid;height:auto}}.s-home-banner{position:relative}@media (min-width:992px){.s-home-banner article{bottom:50px;height:auto;left:116px;position:absolute;width:475px}}.s-home-banner article{background-color:rgba(var(--global-color-primary--xx-light-rgb),.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px 48px;z-index:2}.s-home-banner article h1{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--xx-dark);font-size:2.4rem;margin-bottom:18px;margin-top:0;padding-bottom:14px}.s-home-banner__media{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:1}

package/dist/trumps/s-image-grid.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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{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}
+/*! @tacc/core-styles 2.26.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{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}

package/dist/trumps/s-inline-dl.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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{content:":";margin-inline-end:.25em}
+/*! @tacc/core-styles 2.26.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{content:":";margin-inline-end:.25em}

package/dist/trumps/s-irregular-links.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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}
+/*! @tacc/core-styles 2.26.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}

package/dist/trumps/s-paragraph-table.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */

package/dist/trumps/s-portal-nav.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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}.s-portal-nav .icon{font-size:1.5em;margin-right:.25em;vertical-align:middle}
+/*! @tacc/core-styles 2.26.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}.s-portal-nav .icon{font-size:1.5em;margin-right:.25em;vertical-align:middle}

package/dist/trumps/s-style-guide.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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)}
+/*! @tacc/core-styles 2.26.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)}

package/dist/trumps/s-system-specs.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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)}
+/*! @tacc/core-styles 2.26.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)}

package/dist/trumps/s-truncated-table.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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}
+/*! @tacc/core-styles 2.26.1+ | 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}

package/dist/trumps/tacc-search-bar.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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}
+/*! @tacc/core-styles 2.26.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}

package/dist/trumps/u-empty.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */

package/dist/trumps/u-hide.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | 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}
+/*! @tacc/core-styles 2.26.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}

package/dist/trumps/u-highlight/u-highlight.demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.u-highlight-container{max-width:800px}.u-highlight{background-color:var(--global-color-primary--xxx-dark);color:var(--global-color-primary--xx-light);line-height:1;padding-inline:10px;text-transform:uppercase}
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */.u-highlight-container{max-width:800px}.u-highlight{background-color:var(--global-color-primary--xxx-dark);color:var(--global-color-primary--xx-light);line-height:1;padding-inline:10px;text-transform:uppercase}

package/dist/trumps/u-highlight.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.u-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone}:is(h1,h2,h3,h4).u-highlight{display:inline}
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */.u-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone}:is(h1,h2,h3,h4).u-highlight{display:inline}

package/dist/trumps/u-mailto-text-replace.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;text-underline-offset:.3rem;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:initial;visibility:visible}
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;text-underline-offset:.3rem;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:initial;visibility:visible}

package/dist/trumps/u-nested-text-content.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.25.2+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
+/*! @tacc/core-styles 2.26.1+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}

package/fractal.config.js

@@ -98,6 +98,10 @@ engine.handlebars.registerHelper('eq', function(a, b) {
 engine.handlebars.registerHelper('has', function(array, item) {
   return array.includes(item);
 });
+engine.handlebars.registerHelper('ifno', function(value, fallback) {
+  const output = value || fallback;
+  return new engine.handlebars.SafeString(output);
+});
 
 // Export
 module.exports = fractal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tacc/core-styles",
-  "version": "2.25.2",
+  "version": "2.26.1",
   "license": "MIT",
   "author": "TACC ACI WMA <wma-portals@gmail.com>",
   "description": "CSS source and processor for TACC Core-CMS and Core-Portal.",

package/src/lib/_imports/_partials/message.hbs

@@ -1,9 +1,9 @@
 <{{#if tag}}{{ tag }}{{else}}div{{/if}}
   class="
-    c-message
-    {{#if type}}c-message--type-{{ type }}{{/if}}
-    {{#if scope}}c-message--scope-{{ scope }}{{/if}}
-    {{#unless scope}}c-message--scope-global{{/unless}}
+    {{ifno ns 'c-'}}message
+    {{#if type}}{{ifno ns 'c-'}}message--type-{{ type }}{{/if}}
+    {{#if scope}}{{ifno ns 'c-'}}message--scope-{{ scope }}{{/if}}
+    {{#unless scope}}{{ifno ns 'c-'}}message--scope-global{{/unless}}
   "
 >
 

package/src/lib/_imports/components/c-app-card/c-app-card.hbs

@@ -0,0 +1,49 @@
+<div class="container">
+<div class="row row-col-stretch-content-y">
+  {{#each data}}
+    <div class="col col-12 col-md-6 col-xl-4">
+    {{#if ../can-wrap-in-a-link}}
+    <a href="#" class="c-app-card">
+    {{else}}
+    <div class="c-app-card">
+    {{/if}}
+      <h3 class="c-app-card__title">
+        {{#if icon}}<i class="icon icon-user"></i>{{/if}}
+        {{!-- FAQ: These custom icons are not available in Cortal --}}
+        {{!-- {{#if icon}}<i class="icon icon-{{icon}}"></i>{{/if}} --}}
+        {{title}}
+      </h3>
+      <p class="c-app-card__desc">{{desc}}</p>
+      <ul class="c-app-card__types">
+        {{#each types}}
+        <li>{{this}}</li>
+        {{else}}
+        <li>&nbsp;</li>
+        {{/each}}
+      </ul>
+      <ul class="c-app-card__flags">
+      {{#each flags}}
+        <li class="
+          {{~#if (eq this.type "repo")}}c-app-card__repo{{/if~}}
+          {{~#if (eq this.type "other")}}c-app-card__other{{/if~}}
+        ">
+        {{#if this.should-highlight}}
+          <strong>{{this.name}}</strong>
+        {{else}}
+          {{this.name}}
+        {{/if}}
+        </li>
+      {{/each}}
+      </ul>
+      {{#unless ../can-wrap-in-a-link}}
+      <a class="c-app-card__link" href="#">magic link</a>
+      {{/unless}}
+    {{#if ../can-wrap-in-a-link}}
+    </a>
+    {{else}}
+    </div>
+    {{/if}}
+    </div>
+  {{/each}}
+</div>
+</div>

package/src/lib/_imports/components/c-app-card/config.yml

@@ -0,0 +1,95 @@
+status: prototype
+context:
+  shouldSkipPattern: false
+  📝 shouldSkipPattern: because core-styles.….css does not import this
+  shouldLoadBootstrap: true
+  📝 shouldLoadBootstrap: to use Bootstrap 4 grid for layout
+  supportStyles:
+    - ../../assets/components/bootstrap.row.css
+    - ../../assets/components/cortal.icon.css
+  can-wrap-in-a-link: false
+  data:
+    - title: ADCIRC
+      desc: Widely applied coastal circulation and coastal flooding model.
+      types:
+        - Storm Surge
+        - Hurricane
+        - Flood
+      flags:
+        - name: Popular
+          type: other
+          should-highlight: true
+        - name: Open Source
+          type: repo
+    - title: ANSYS
+      icon: ansys
+      desc: Widely applied coastal circulation and coastal flooding model.
+      flags:
+        - name: Licensed
+          type: repo
+    - title: ClawPack
+      icon: clawpack
+      desc: Model and simulate coastal and oceanic processes.
+      types:
+        - Tsunami
+        - Storm Surge
+        - Flood
+      flags:
+        - name: SimCenter
+          type: other
+        - name: Licensed
+          type: repo
+    - title: Hazmapper
+      icon: hazmapper
+      desc: Visualize, analyze, and share geospatial data.
+      flags:
+        - name: Open Source
+          type: repo
+    - title: QGIS
+      icon: qgis
+      desc: Create, edit, visualize and analyze geospatial information.
+      flags:
+        - name: Licensed
+          type: repo
+    - title: OpenSEES
+      icon: opensees
+      desc: Advanced seismic and structural analysis
+      types:
+        - Earthquake
+      flags:
+        - name: Popular
+          type: other
+          should-highlight: true
+        - name: Open Source
+          type: repo
+    - title: LS-DYNA
+      icon: lsdyna
+      desc: Conduct dynamic finite element analysis of complex physics
+      types:
+        - Earthquake
+        - Landslide
+        - Tsunami
+        - Storm Surge
+      flags:
+        - name: Licensed
+          type: repo
+    - title: OpenFOAM
+      icon: openfoam
+      desc: Simulate and analyze fluid flow and heat transfer
+      types:
+        - Tsunami
+        - Storm Surge
+        - Flood
+        - Fire
+      flags:
+        - name: Open Source
+          type: repo
+    - title: EE-UQ
+      desc: Determine the response of a structure to an earthquake.
+      types:
+        - Earthquake
+      flags:
+        - name: SimCenter
+          type: other
+        - name: Open Source
+          type: repo

package/src/lib/_imports/components/c-app-card/demo.css

@@ -0,0 +1,12 @@
+/* To add vertical gap in Bootstrap 4 grid */
+.col {
+    margin-bottom: var(--global-space--bootstrap-gap);
+}
+.row {
+    margin-bottom: calc( var(--global-space--bootstrap-gap) * -1 );
+}
+
+/* To stretch app card height to match col */
+.col .c-app-card {
+    height: 100%;
+}

package/src/lib/_imports/components/c-app-card/readme.md

@@ -0,0 +1 @@
+A card for an application e.g. a DesignSafe application button / card.

package/src/lib/_imports/components/c-app-card.css

@@ -0,0 +1,118 @@
+@custom-selector :--c-app-card
+  .c-app-card;
+
+@custom-selector :--c-app-card__title
+  .c-app-card__title;
+
+@custom-selector :--c-app-card__desc
+  .c-app-card__desc;
+
+@custom-selector :--c-app-card__types
+  .c-app-card__types;
+
+@custom-selector :--c-app-card__flags
+  .c-app-card__flags;
+
+@custom-selector :--c-app-card__repo
+  .c-app-card__repo;
+
+@custom-selector :--c-app-card__link
+  .c-app-card__link;
+
+
+
+/* Layout */
+:--c-app-card {
+  display: flex;
+  flex-direction: column;
+
+  text-align: center;
+
+  &:where(a) {
+    color: inherit;
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+:--c-app-card__types {
+  flex-grow: 1;
+}
+
+
+
+/* Title */
+:--c-app-card__title > .icon {
+  vertical-align: middle;
+}
+
+
+
+/* Types */
+:--c-app-card__types {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+
+  /* To achieve `height: min-content` and `space-around` */
+  margin-block: auto;
+  flex-grow: 0;
+
+  &:where(ul) {
+    padding-inline-start: 0;
+  }
+}
+:--c-app-card__types > :where(li, div, p) {
+  display: inline;
+}
+:--c-app-card__types > :not(:last-child)::after {
+  content: "•";
+  display: inline;
+  margin-inline: 0.25em;
+}
+
+
+
+/* Flags */
+:--c-app-card__flags {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+
+  &:where(ul) {
+    list-style: none;
+    padding-inline-start: 0;
+    margin-block: unset;
+  }
+}
+:--c-app-card__flags:not(:--c-app-card__types ~ *) {
+  /* To fill parent with this item, but keep text aligned to bottom */
+  flex-grow: 1;
+  align-items: end;
+}
+:--c-app-card__flags > :--c-app-card__repo {
+  margin-left: auto;
+}
+
+
+
+/* Links */
+/* IMPORTANT: IF you CAN put `c-app-card` on an `<a>`, THEN ignore this class */
+/* HACK: IF you can NOT put `c-app-card` on an `<a>`, THEN
+        add an `<a class="c-app-card__link">Open</a>` within the component */
+
+/* To stretch a child link atop the entire card */
+:--c-app-card:has(:--c-app-card__link) {
+  position: relative;
+}
+:--c-app-card__link {
+  position: absolute;
+  user-select: none;
+  color: transparent !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}

package/src/lib/_imports/core-styles.cms.css

@@ -53,3 +53,4 @@
 @import url("./trumps/s-footer.css");
 @import url("./trumps/s-footer--thick.css");
 @import url("./trumps/s-truncated-table.css");
+@import url("./trumps/s-hero-banner.css");

package/src/lib/_imports/objects/o-section.css

@@ -159,6 +159,7 @@
 
   /* To size image to cover section dimensions but maintain ratio */
   /* CAVEAT: This causes image to overflow beyond section */
+  /* TODO: Try `max-width: 100%` as in Core-Styles#331 */
   /* CAVEAT: The `vw` causes shrinkage on screen narrower than body min-width */
   /* SEE: "Tricks" section */
   width: 100vw;

package/src/lib/_imports/trumps/s-app-card/config.yml

@@ -11,69 +11,85 @@ context:
   data:
     - title: ADCIRC
       desc: Widely applied coastal circulation and coastal flooding model.
-      feats:
+      types:
         - Storm Surge
         - Hurricane
         - Flood
-      tags:
-        - Popular
-        - Open Source
+      flags:
+        - name: Popular
+          type: other
+          should-highlight: true
+        - name: Open Source
+          type: repo
     - title: ANSYS
       icon: ansys
       desc: Widely applied coastal circulation and coastal flooding model.
-      tags:
-        - Licensed
+      flags:
+        - name: Licensed
+          type: repo
     - title: ClawPack
       icon: clawpack
       desc: Model and simulate coastal and oceanic processes.
-      feats:
+      types:
         - Tsunami
         - Storm Surge
         - Flood
-      tags:
-        - Open Source
+      flags:
+        - name: SimCenter
+          type: other
+        - name: Licensed
+          type: repo
     - title: Hazmapper
       icon: hazmapper
       desc: Visualize, analyze, and share geospatial data.
-      tags:
-        - Open Source
+      flags:
+        - name: Open Source
+          type: repo
     - title: QGIS
       icon: qgis
       desc: Create, edit, visualize and analyze geospatial information.
-      tags:
-        - Licensed
+      flags:
+        - name: Licensed
+          type: repo
     - title: OpenSEES
       icon: opensees
       desc: Advanced seismic and structural analysis
-      feats:
+      types:
         - Earthquake
-      tags:
-        - Popular
-        - Open Source
+      flags:
+        - name: Popular
+          type: other
+          should-highlight: true
+        - name: Open Source
+          type: repo
     - title: LS-DYNA
       icon: lsdyna
       desc: Conduct dynamic finite element analysis of complex physics
-      feats:
+      types:
         - Earthquake
         - Landslide
         - Tsunami
         - Storm Surge
-      tags:
-        - Licensed
+      flags:
+        - name: Licensed
+          type: repo
     - title: OpenFOAM
       icon: openfoam
       desc: Simulate and analyze fluid flow and heat transfer
-      feats:
+      types:
         - Tsunami
         - Storm Surge
         - Flood
         - Fire
-      tags:
-        - Open Source
+      flags:
+        - name: Open Source
+          type: repo
     - title: EE-UQ
       desc: Determine the response of a structure to an earthquake.
-      feats:
+      types:
         - Earthquake
-      tags:
-        - SimCenter
-        - Open Source
+      flags:
+        - name: SimCenter
+          type: other
+        - name: Open Source
+          type: repo

package/src/lib/_imports/trumps/s-app-card/s-app-card.hbs

@@ -5,7 +5,7 @@
     <a href="#" class="app-card">
     {{else}}
     <div class="col col-12 col-md-6 col-xl-4">
-    <div class="app-card">
+    <div class="s-app-card">
     {{/if}}
       <h3>
         {{#if icon}}<i class="icon icon-user"></i>{{/if}}
@@ -15,17 +15,17 @@
       </h3>
       <p>{{desc}}</p>
       <ul>
-        {{#each feats}}
+        {{#each types}}
         <li>{{this}}</li>
         {{else}}
         <li>&nbsp;</li>
         {{/each}}
       </ul>
       <ul>
-      {{#each tags}}
+      {{#each flags}}
         <li>
-        {{#if (eq this "Popular")}}<strong>{{this}}</strong>
-        {{else}}{{this}}
+        {{#if this.should-highlight}}<strong>{{this.name}}</strong>
+        {{else}}{{this.name}}
         {{/if}}
         </li>
       {{/each}}