@tacc/core-styles 2.50.0 → 2.50.1

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */:has(>.x-hero-banner){container-type:inline-size}.x-hero-banner{position:relative}.x-hero-banner--wide-context{display:block;height:55.5rem;width:100%}.x-hero-banner--slim-context{display:grid;height:auto}.x-hero-banner__article{--inset-left:48px;background-color:hsla(0,0%,100%,.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px var(--inset-left);z-index:2}.x-hero-banner--wide-context .x-hero-banner__article{--container-gap:0;bottom:50px;box-sizing:border-box;left:0;margin-left:calc(var(--inset-left)*-1 + var(--container-gap));max-width:100cqw;position:absolute;width:610px}.x-hero-banner__title{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}.x-hero-banner__media{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100cqw;z-index:1}:has(>.s-hero-banner){container-type:inline-size}.s-hero-banner{position:relative}@media (min-width:992px){.s-hero-banner{display:block;height:55.5rem;width:100%}.s-hero-banner article{--container-gap:0;bottom:50px;box-sizing:border-box;left:0;margin-left:calc(var(--inset-left)*-1 + var(--container-gap));max-width:100cqw;position:absolute;width:610px}}@media (max-width:991.98px){.s-hero-banner{display:grid;height:auto}}.s-hero-banner article{--inset-left:48px;background-color:hsla(0,0%,100%,.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px var(--inset-left);z-index:2}.s-hero-banner.container article{--container-gap:calc(var(--global-space--bootstrap-gap)/2)}.s-hero-banner 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-hero-banner img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100cqw;z-index:1}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */:has(>.x-hero-banner){container-type:inline-size}.x-hero-banner{position:relative}.x-hero-banner--wide-context{display:block;height:55.5rem;width:100%}.x-hero-banner--slim-context{display:grid;height:auto}.x-hero-banner__article{--inset-left:48px;background-color:hsla(0,0%,100%,.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px var(--inset-left);z-index:2}.x-hero-banner--wide-context .x-hero-banner__article{--container-gap:0;bottom:50px;box-sizing:border-box;left:0;margin-left:calc(var(--inset-left)*-1 + var(--container-gap));max-width:100cqw;position:absolute;width:610px}.x-hero-banner__title{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}.x-hero-banner__media{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100cqw;z-index:1}:has(>.s-hero-banner){container-type:inline-size}.s-hero-banner{position:relative}@media (min-width:992px){.s-hero-banner{display:block;height:55.5rem;width:100%}.s-hero-banner article{--container-gap:0;bottom:50px;box-sizing:border-box;left:0;margin-left:calc(var(--inset-left)*-1 + var(--container-gap));max-width:100cqw;position:absolute;width:610px}}@media (max-width:991.98px){.s-hero-banner{display:grid;height:auto}}.s-hero-banner article{--inset-left:48px;background-color:hsla(0,0%,100%,.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px var(--inset-left);z-index:2}.s-hero-banner.container article{--container-gap:calc(var(--global-space--bootstrap-gap)/2)}.s-hero-banner 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-hero-banner img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100cqw;z-index:1}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | 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.50.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.50.0+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{content:":";margin-inline-end:.25em}
+/*! @tacc/core-styles 2.50.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.50.0+ | MIT | github.com/TACC/Core-Styles */.x-link{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled{opacity:.5;pointer-events:none}.x-link--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}.s-irregular-links :is([class*=button--as-link],.btn-link),.s-irregular-links a{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.s-irregular-links :is([class*=button--as-link],.btn-link):hover,.s-irregular-links a:hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links :is([class*=button--as-link],.btn-link):active,.s-irregular-links a:active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.x-link{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled{opacity:.5;pointer-events:none}.x-link--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}.s-irregular-links :is([class*=button--as-link],.btn-link),.s-irregular-links a{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.s-irregular-links :is([class*=button--as-link],.btn-link):hover,.s-irregular-links a:hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links :is([class*=button--as-link],.btn-link):active,.s-irregular-links a:active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}

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

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

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}.s-portal-nav .icon{font-size:1.5em;margin-right:.25em;vertical-align:middle}
+/*! @tacc/core-styles 2.50.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-references.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.s-references p+ol{margin-top:unset}.s-references ol li{margin-block:1em}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.s-references p+ol{margin-top:unset}.s-references ol li{margin-block:1em}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}
+/*! @tacc/core-styles 2.50.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.50.0+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--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:991.98px){.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:991.98px){.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.50.1+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--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:991.98px){.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:991.98px){.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.50.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-truncated-table p{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-truncated-table p{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host [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.50.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 [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.50.0+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */

package/dist/trumps/u-hide.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;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.50.0+ | 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.50.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.50.0+ | 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.50.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-image-zoom/u-image-zoom.demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.u-image-zoom--on-hover{max-width:-moz-fit-content;max-width:fit-content}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.u-image-zoom--on-hover{max-width:-moz-fit-content;max-width:fit-content}

package/dist/trumps/u-image-zoom.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */:is(.u-image-zoom,[class*=image-zoom--]){--scale:1.5;display:block;overflow:hidden}:is(.u-image-zoom,[class*=image-zoom--])>:is(img,svg){transition:transform .5s ease}a:hover :is(.u-image-zoom,[class*=image-zoom--]) :is(img,svg),a:is(.u-image-zoom,[class*=image-zoom--]):hover :is(img,svg){transform:scale(var(--scale,1.5))}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */:is(.u-image-zoom,[class*=image-zoom--]){--scale:1.5;display:block;overflow:hidden}:is(.u-image-zoom,[class*=image-zoom--])>:is(img,svg){transition:transform .5s ease}a:hover :is(.u-image-zoom,[class*=image-zoom--]) :is(img,svg),a:is(.u-image-zoom,[class*=image-zoom--]):hover :is(img,svg){transform:scale(var(--scale,1.5))}

package/dist/trumps/u-image-zoom.selectors.css

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

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | 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.50.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.50.0+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.data-tree{--indent:1.5rem}.data-tree__item details{margin-left:var(--indent)}.data-tree__item summary{margin-left:calc(var(--indent)*-1)}.data-tree__item summary.u-summary-fake-marker:before,.data-tree__item summary.u-summary-with-a-link:before{display:inline-block;width:var(--indent)}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.data-tree{--indent:1.5rem}.data-tree__item details{margin-left:var(--indent)}.data-tree__item summary{margin-left:calc(var(--indent)*-1)}.data-tree__item summary.u-summary-fake-marker:before,.data-tree__item summary.u-summary-with-a-link:before{display:inline-block;width:var(--indent)}

package/dist/trumps/u-summary.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */summary.u-summary-with-a-link>a:not([href]){opacity:1;pointer-events:auto}summary.u-summary-fake-marker,summary.u-summary-with-a-link{list-style:none}summary.u-summary-fake-marker:before,summary.u-summary-with-a-link:before{content:"▸"}details[open]>summary.u-summary-fake-marker:before,details[open]>summary.u-summary-with-a-link:before{content:"▾"}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */summary.u-summary-with-a-link>a:not([href]){opacity:1;pointer-events:auto}summary.u-summary-fake-marker,summary.u-summary-with-a-link{list-style:none}summary.u-summary-fake-marker:before,summary.u-summary-with-a-link:before{content:"▸"}details[open]>summary.u-summary-fake-marker:before,details[open]>summary.u-summary-with-a-link:before{content:"▾"}

package/dist/vendors/bootstrap5/demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:unset}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:unset}

package/dist/vendors/bootstrap5--border-spinner.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.50.0+ | MIT | github.com/TACC/Core-Styles */.spinner-border{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}
+/*! @tacc/core-styles 2.50.1+ | MIT | github.com/TACC/Core-Styles */.spinner-border{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tacc/core-styles",
-  "version": "2.50.0",
+  "version": "2.50.1",
   "license": "MIT",
   "author": "TACC COA CMD <coa-cmd@tacc.utexas.edu>",
   "contributors": [

package/src/lib/_imports/bootstrap4/components/btn/btn.hbs

@@ -9,14 +9,18 @@
         class="btn btn-{{type}}{{#if size}} btn-{{size}}{{/if}}{{#if active}} active{{/if}}"
         {{#if disabled}}disabled{{/if}}
     >
+        {{#if hasIconBefore}}<i class="icon icon-user"></i>{{/if}}
         {{text}}
+        {{#if hasIconAfter}}<i class="icon icon-user"></i>{{/if}}
     </button>
     {{else}}
     <a
         href="{{href}}"
         class="btn btn-link"
     >
+        {{#if hasIconBefore}}<i class="icon icon-user"></i>{{/if}}
         {{text}}
+        {{#if hasIconAfter}}<i class="icon icon-user"></i>{{/if}}
     </a>
     {{/unless}}
     </dd>

package/src/lib/_imports/bootstrap4/components/btn/config.yml

@@ -1,6 +1,8 @@
 label: Buttons
 context:
   shouldLoadBootstrap: true
+  supportStyles:
+    - ../../assets/components/cortal-icon.css
   groups:
     - title: Types
       types:
@@ -51,4 +53,20 @@ context:
       types:
       - asLink: true
         href: "#"
-        text: Link
+        text: Link
+    - title: With Icons
+      types:
+      - type: primary
+        hasIconBefore: true
+        text: Before
+      - type: success
+        hasIconAfter: true
+        text: After
+      - type: danger
+        hasIconBefore: true
+        hasIconAfter: true
+        text: Before & After
+      - type: info
+        size: sm
+        hasIconBefore: true
+        text: Small

package/src/lib/_imports/bootstrap4/components/btn.css

@@ -3,12 +3,12 @@
 
 .btn {
     border-radius: unset; /* to undo bootstrap */
-},
+}
 .btn-sm,
 .btn-lg {
     font-size: inherit; /* to undo bootstrap */
 }
-.btn-link.focus,
-.btn-link:focus {
+.btn.focus,
+.btn:focus {
     box-shadow: unset; /* to undo bootstrap */
 }

package/src/lib/_imports/bootstrap4/components/card/card.hbs

@@ -0,0 +1,21 @@
+<dl>
+    <dt>Bootstrap</dt>
+    <dd>
+        <div class="card">
+            {{> @img class="card-img-top" }}
+            <div class="card-body">
+                <h4 class="card-title">Card title</h4>
+                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+            </div>
+        </div>
+    </dd>
+
+    <dt>TACC</dt>
+    <dd>
+        <div class="card card--plain card--image-top">
+            {{> @img }}
+            <h4>Card title</h4>
+            <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+        </div>
+    </dd>
+</dl>

package/src/lib/_imports/bootstrap4/components/card/config.yml

@@ -0,0 +1,5 @@
+label: Cards
+status: prototype
+context:
+  shouldLoadBootstrap: true
+  shouldLoadCMS: true

package/src/lib/_imports/bootstrap4/components/card/demo.css

@@ -0,0 +1,9 @@
+/* This CSS is ONLY for the pattern library. It is NOT part of the pattern. */
+
+.card {
+  max-width: 200px;
+}
+
+[class*="card--"] img {
+  width: 100%;
+}

package/src/lib/_imports/bootstrap4/components/card/readme.md

@@ -0,0 +1,3 @@
+To skin [Bootstrap v4+ Cards](https://getbootstrap.com/docs/5.2/components/card/).
+
+<script src="{{path '/assets/_utils/js/open-ext-links-in-new-window.js'}}" />

package/src/lib/_imports/bootstrap4/components/card.css

@@ -0,0 +1,5 @@
+.card[class*="card--"] {
+  /* To overwrite Bootstrap 4 */
+  border-radius: unset;
+  border: unset;
+}

package/src/lib/_imports/bootstrap4/utilities/color/color--text.hbs

@@ -7,7 +7,9 @@
         class="text-{{type}}{{#if size}} text-{{size}}{{/if}}"
         {{#if disabled}}disabled{{/if}}
     >
+        {{#if hasIconBefore}}<i class="icon icon-user"></i>{{/if}}
         {{text}}
+        {{#if hasIconAfter}}<i class="icon icon-user"></i>{{/if}}
     </{{#if asLink}}a{{else}}p{{/if}}>
     </dd>
     {{/types}}

package/src/lib/_imports/bootstrap4/utilities/color/config.yml

@@ -4,6 +4,8 @@ variants:
   - name: text
 context:
   shouldLoadBootstrap: true
+  supportStyles:
+    - ../../assets/components/cortal-icon.css
   groups:
     - title: Types
       types:
@@ -42,3 +44,20 @@ context:
         text: Black 50%
       - type: white-50
         text: White 50%
+    - title: With Icons
+      types:
+      - type: primary
+        hasIconBefore: true
+        text: Before
+      - type: success
+        hasIconAfter: true
+        text: After
+      - type: danger
+        hasIconBefore: true
+        hasIconAfter: true
+        text: Before & After
+      - type: info
+        size: sm
+        hasIconBefore: true
+        text: Small
+

package/src/lib/_imports/bootstrap4/utilities/color-text.css

@@ -64,3 +64,9 @@ a[class*="text-"]:not(
 ) {
   color: var(--global-color-accent--normal) !important;
 }
+
+/* Child Elements */
+
+[class*="text-"] .icon {
+  vertical-align: middle;
+}

package/src/lib/_imports/components/c-button/c-button.hbs

@@ -6,13 +6,13 @@
       <dt><code>&lt;button&gt;</code></dt>
       <dd>
         <button class="c-button c-button--{{this._self.name}} c-button--secondary" {{#if disabled}}disabled{{/if}}>
-          <span class="c-button__text">--secondary</span>
+          --secondary
         </button>
         <button class="c-button c-button--{{this._self.name}} c-button--primary" {{#if disabled}}disabled{{/if}}>
-          <span class="c-button__text">--primary</span>
+          --primary
         </button>
         <button class="c-button c-button--{{this._self.name}} c-button--tertiary" {{#if disabled}}disabled{{/if}}>
-          <span class="c-button__text">--tertiary</span>
+          --tertiary
         </button>
       </dd>
 
@@ -21,15 +21,15 @@
       <dd>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--secondary" {{#if disabled}}disabled
           tabindex="-1" {{/if}}>
-          <span class="c-button__text">--secondary</span>
+          --secondary
         </a>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--primary" {{#if disabled}}disabled
           tabindex="-1" {{/if}}>
-          <span class="c-button__text">--primary</span>
+          --primary
         </a>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--tertiary" {{#if disabled}}disabled
           tabindex="-1" {{/if}}>
-          <span class="c-button__text">--tertiary</span>
+          --tertiary
         </a>
       </dd>
       {{/if}}
@@ -45,15 +45,15 @@
       <dd>
         <button class="c-button c-button--{{this._self.name}}
         {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled{{/if}}>
-          <span class="c-button__text">default</span>
+          default
         </button>
         <button class="c-button c-button--{{this._self.name}} 
         {{#if type}}{{type}}{{/if}}" disabled>
-          <span class="c-button__text">disabled-attr</span>
+          disabled-attr
         </button>
         <button class="c-button c-button--{{this._self.name}} c-button--is-busy
         {{#if type}}{{type}}{{/if}}" disabled>
-          <span class="c-button__text">--is-busy</span>
+          --is-busy
       </dd>
 
       {{#if supports.link-tag}}
@@ -61,15 +61,15 @@
       <dd>
         <a href="#" class="c-button c-button--{{this._self.name}}
         {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled tabindex="-1" {{/if}}>
-          <span class="c-button__text">default</span>
+          default
         </a>
         <a disabled tabindex="-1" href="#" class="c-button c-button--{{this._self.name}}
         {{#if type}}{{type}}{{/if}}">
-          <span class="c-button__text">disabled-attr</span>
+          disabled-attr
         </a>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--is-busy
         {{#if type}}{{type}}{{/if}}" disabled tabindex="-1">
-          <span class="c-button__text">--is-busy</span>
+          --is-busy
         </a>
       </dd>
       {{/if}}
@@ -85,13 +85,13 @@
       <dd>
         <button class="c-button c-button--{{this._self.name}}
         {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled{{/if}}>
-          <i class="c-button__icon--before icon icon-push-right" aria-description="validate input">…</i>
-          <span class="c-button__text">__icon--before</span>
+          <i class="icon icon-push-right" aria-description="validate input">…</i>
+          __icon--before
         </button>
         <button class="c-button c-button--{{this._self.name}}
         {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled{{/if}}>
-          <span class="c-button__text">__icon--after</span>
-          <i class="c-button__icon--after icon icon-new-browser" aria-description="exit page">X</i>
+          __icon--after
+          <i class="icon icon-new-browser" aria-description="exit page">X</i>
       </dd>
 
       {{#if supports.link-tag}}
@@ -99,13 +99,13 @@
       <dd>
         <a href="#" class="c-button c-button--{{this._self.name}}
         {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled tabindex="-1" {{/if}}>
-          <i class="c-button__icon--before icon icon-push-right" aria-description="validate input">…</i>
-          <span class="c-button__text">__icon--before</span>
+          <i class="icon icon-push-right" aria-description="validate input">…</i>
+          __icon--before
         </a>
         <a href="#" class="c-button c-button--{{this._self.name}}
         {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled tabindex="-1" {{/if}}>
-          <span class="c-button__text">__icon--after</span>
-          <i class="c-button__icon--after icon icon-new-browser" aria-description="exit page">X</i>
+          __icon--after
+          <i class="icon icon-new-browser" aria-description="exit page">X</i>
         </a>
       </dd>
       {{/if}}
@@ -121,15 +121,15 @@
       <dd>
         <button class="c-button c-button--{{this._self.name}} c-button--width-short {{#if type}}{{type}}{{/if}}" {{#if
           disabled}}disabled{{/if}}>
-          <span class="c-button__text">--width-short</span>
+          --width-short
         </button>
         <button class="c-button c-button--{{this._self.name}} c-button--width-medium {{#if type}}{{type}}{{/if}}" {{#if
           disabled}}disabled{{/if}}>
-          <span class="c-button__text">--width-medium</span>
+          --width-medium
         </button>
         <button class="c-button c-button--{{this._self.name}} c-button--width-long {{#if type}}{{type}}{{/if}}" {{#if
           disabled}}disabled{{/if}}>
-          <span class="c-button__text">--width-long</span>
+          --width-long
       </dd>
 
       {{#if supports.link-tag}}
@@ -137,15 +137,15 @@
       <dd>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--width-short {{#if type}}{{type}}{{/if}}"
           {{#if disabled}}disabled tabindex="-1" {{/if}}>
-          <span class="c-button__text">--width-short</span>
+          --width-short
         </a>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--width-medium {{#if type}}{{type}}{{/if}}"
           {{#if disabled}}disabled tabindex="-1" {{/if}}>
-          <span class="c-button__text">--width-medium</span>
+          --width-medium
         </a>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--width-long {{#if type}}{{type}}{{/if}}"
           {{#if disabled}}disabled tabindex="-1" {{/if}}>
-          <span class="c-button__text">--width-long</span>
+          --width-long
         </a>
       </dd>
       {{/if}}
@@ -162,7 +162,7 @@
       <dd>
         <button class="c-button c-button--{{this._self.name}} c-button--size-small
           {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled{{/if}}>
-          <span class="c-button__text">--size-small</span>
+          --size-small
         </button>
       </dd>
 
@@ -171,7 +171,7 @@
       <dd>
         <a href="#" class="c-button c-button--{{this._self.name}} c-button--size-small
           {{#if type}}{{type}}{{/if}}" {{#if disabled}}disabled tabindex="-1"{{/if}}>
-          <span class="c-button__text">--size-small</span>
+          --size-small
         </a>
       </dd>
       {{/if}}

package/src/lib/_imports/components/c-button.css

@@ -23,6 +23,9 @@
   align-items: center;
   justify-content: center;
 
+  line-height: 1; /* to make consistent vertical alignment of icons */
+  gap: 0.5ch; /* to add space between icons and text */
+
   /* To ensure identical <button> and <a> instances have same width */
   box-sizing: border-box;
 
@@ -32,7 +35,9 @@
 :--c-button:where(:not(:--disabled)) {
   cursor: pointer; /* WARNING: Opinionated */
 }
-:--c-button:has(:--c-button__icon) {
+/* To align buttons that have icons */
+/* FAQ: Doing for all buttons, for consistent behavior in possible edge case */
+:--c-button/*:has(.icon)*/ {
   vertical-align: middle;
 }
 
@@ -292,12 +297,11 @@ a:--c-button--is-busy {
   opacity: 0.5;
   pointer-events: none;
 }
-:--c-button--is-busy :--c-button__text {
+:--c-button--is-busy * {
   opacity: 0.5;
 }
 
 
-
 /* Modifiers: Sizes */
 
 :--c-button:where(:not(
@@ -331,15 +335,7 @@ a:--c-button--is-busy {
 
 /* Elements */
 
-:--c-button__icon--before {
-  margin-right: 0.5em;
-}
-:--c-button__icon--after {
-  margin-left: 0.5em;
-}
-
 /* To position Bootstrap spinner inside TACC's flex-based button */
 :--c-button .spinner-border {
   align-self: center;
-  margin-left: 0.5ch;
 }

package/src/lib/_imports/components/c-button.selectors.css

@@ -56,13 +56,3 @@
     [class*="button--size-small"],
     /* WARN: borrowing file to support Bootstrap */
     .btn-sm;
-
-@custom-selector :--c-button__text
-    [class*="button__text"];
-
-@custom-selector :--c-button__icon
-    [class*="button__icon"];
-@custom-selector :--c-button__icon--before
-    [class*="button__icon--before"];
-@custom-selector :--c-button__icon--after
-    [class*="button__icon--after"];

package/src/lib/_imports/components/c-card/_c-card--many-variable.hbs

@@ -27,7 +27,7 @@
 
     <a href="#" class="c-button c-button--primary">Action</a>
     <a href="#" class="c-button c-button--primary">
-        <i class="c-button__icon--before icon icon-push-right">&gt;</i>
+        <i class="icon icon-push-right">&gt;</i>
         Action + Icon
     </a>
 </article>

package/src/lib/_imports/components/cortal-icon/cortal-icon.hbs

@@ -88,8 +88,8 @@
         <div class="demo-list">
           {{#each in_buttons}}
           <button class="c-button c-button--{{this.type}}">
-            <i class="icon icon-{{this.icon}} c-button__icon--before"></i>
-            <span class="c-button__text">{{this.text}}</span>
+            <i class="icon icon-{{this.icon}}"></i>
+            {{this.text}}
           </button>
           {{/each}}
         </div>

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

@@ -1,5 +1,6 @@
-/*! core-styles.bootstrap.css */
+/*! core-styles.bootstrap4.css */
 /* DO NOT ADD STYLES HERE; ONLY IMPORT OTHER STYLESHEETS */
 
 @import url("./bootstrap4/components/btn.css");
+@import url("./bootstrap4/components/card.css");
 @import url("./bootstrap4/utilities/color.css");