@tacc/core-styles 2.16.2 → 2.17.1

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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.17.1+ | MIT | github.com/TACC/Core-Styles */.s-guide-doc table{max-width:500px;text-align:center;width:100%}.s-guide-doc .row>.col>:last-child{margin-bottom:0}.s-guide-doc .row .row{padding:var(--global-space--normal) 0}.s-guide-doc .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}
+/*! @tacc/core-styles 2.17.1+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}

package/dist/trumps/s-header.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--header-major-border-color);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--header-text-color);margin-right:16px;min-width:176px;padding:0}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--header-bkgd-color);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:var(--global-color-secondary--light);line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--header-text-color)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--header-minor-border-color);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:var(--menu-toggle-icon)}
+/*! @tacc/core-styles 2.17.1+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--header-major-border-color);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--header-text-color);margin-right:16px;min-width:176px;padding:0}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--header-bkgd-color);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:var(--global-color-secondary--light);line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--header-text-color)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--header-minor-border-color);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:var(--menu-toggle-icon)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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{-webkit-padding-start:unset;margin-bottom:unset;padding-inline-start:unset}ul.s-image-grid>li{list-style:none}.s-image-grid>a,.s-image-grid>li,.s-image-grid>li>a{align-items:center;display:flex;justify-content:center}
+/*! @tacc/core-styles 2.17.1+ | MIT | github.com/TACC/Core-Styles */.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.s-image-grid,.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.x-grid--content-align-center{align-items:center;justify-items:center}.s-image-grid *{max-height:100%;max-width:100%}ul.s-image-grid{-webkit-padding-start:unset;margin-bottom:unset;padding-inline-start:unset}ul.s-image-grid>li{list-style:none}.s-image-grid>a,.s-image-grid>li,.s-image-grid>li>a{align-items:center;display:flex;justify-content:center}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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{-webkit-margin-end:.25em;content:":";margin-inline-end:.25em}
+/*! @tacc/core-styles 2.17.1+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{-webkit-margin-end:.25em;content:":";margin-inline-end:.25em}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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.17.1+ | MIT | github.com/TACC/Core-Styles */.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link,.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled{opacity:.5;pointer-events:none}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link--irregular{text-decoration-line:underline}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--irregular--active{text-decoration-style:dotted}

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

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

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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}
+/*! @tacc/core-styles 2.17.1+ | MIT | github.com/TACC/Core-Styles */.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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.17.1+ | MIT | github.com/TACC/Core-Styles */.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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.17.1+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--global-font-weight--medium)}@media only screen and (min-width:768px){.s-system-specs{display:flow-root}.s-system-specs>*{display:inline-block}.s-system-specs>figure{float:left}}.s-system-specs{--row-height:32px}.s-system-specs>aside{margin-top:var(--row-height)}@media only screen and (max-width:991px){.s-system-specs>figure{margin-bottom:var(--row-height)}}@media only screen and (min-width:992px){.s-system-specs{--col-width--thin:42%;--col-width--wide:48%;--col-gutter:10%;--col-padding:40px;padding-inline:var(--col-padding)}.s-system-specs>aside,.s-system-specs>div{padding-inline:var(--col-padding)}.s-system-specs>div{width:var(--col-width--thin)}.s-system-specs>figure{margin-right:var(--col-gutter);width:var(--col-width--wide)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{display:block;width:100%}.s-system-specs>figure>figcaption{margin-top:-40px;position:relative}@media only screen and (max-width:991px){.s-system-specs>figure>img{margin-left:auto;margin-right:auto;width:60%}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{margin-left:auto;margin-right:auto;width:80%}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.16.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.17.1+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host{font-size:0}:host [part=form]{align-items:center;display:flex;font-family:Roboto;position:relative}:host [part=button]{align-items:center;background-color:transparent;border:none;box-sizing:content-box;color:var(--header-text-color);font-size:16px;font-size:var(--button-font-size);height:var(--input-height,38px);left:0;margin:0;padding:0 var(--button-horz-pad);position:absolute;top:50%;transform:translateY(-50%)}:host [part=input]{background-color:var(--header-search-bkgd-color);border:var(--global-border-width--normal) solid var(--header-search-brdr-color);border-radius:5px;color:var(--header-text-color);display:block;font-size:var(--input-font-size);height:var(--input-height);margin:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);padding-top:0;width:100%}:host [part=input]::-moz-placeholder{color:var(--header-text-color);opacity:.5}:host [part=input]::placeholder{color:var(--header-text-color);opacity:.5}

package/dist/trumps/u-empty.css

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

package/dist/trumps/u-hide.css

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tacc/core-styles",
-  "version": "2.16.2",
+  "version": "2.17.1",
   "license": "MIT",
   "author": "TACC ACI WMA <wma-portals@gmail.com>",
   "description": "CSS source and processor for TACC Core-CMS and Core-Portal.",
@@ -35,7 +35,7 @@
   "repository": "git@github.com:TACC/Core-Styles.git",
   "peerDependencies": {
     "commander": "^9.4.1",
-    "cssnano": "^5.1.14",
+    "cssnano": "^5.1.15",
     "js-yaml": "^4.1.0",
     "merge-lite": "^1.0.2",
     "node-cmd": "^5.0.0",
@@ -45,7 +45,7 @@
     "postcss-extend": "^1.0.5",
     "postcss-import": "^15.0.0",
     "postcss-preset-env": "^7.8.3",
-    "postcss-replace": "^2.0.0"
+    "postcss-replace": "^2.0.1"
   },
   "// peerDependencies": {
     "commander": "To create CLI",
@@ -63,7 +63,7 @@
     "postcss-replace": "To edit relative paths to fonts"
   },
   "devDependencies": {
-    "@frctl/fractal": "^1.5.13",
+    "@frctl/fractal": "^1.5.15",
     "@frctl/handlebars": "^1.2.15",
     "@frctl/mandelbrot": "^1.10.1",
     "minimist": "^1.2.7",

package/src/lib/_imports/_preview.hbs

@@ -94,6 +94,10 @@
 
 
 {{!-- Markup (for current pattern) --}}
+{{#unless _target.context.shouldOmitMainTag}}
 <main>
+{{/unless}}
 {{{yield}}}
+{{#unless _target.context.shouldOmitMainTag}}
 </main>
+{{/unless}}

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

@@ -273,6 +273,7 @@ a:--c-button--is-busy {
 
   font-size: inherit;
   font-family: inherit;
+  font-weight: inherit;
 }
 :--c-button--as-link:where(:not(:--disabled)):hover {
   @extend .x-link--hover;

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

@@ -36,7 +36,6 @@
 @import url("./components/c-button.css");
 @import url("./components/c-callout.css");
 @import url("./components/c-data-list.css");
-@import url("./components/c-footer.css");
 @import url("./components/c-form.css");
 @import url("./components/c-island.css");
 @import url("./components/c-nav.css");
@@ -49,7 +48,6 @@
 @import url("./trumps/s-form.css");
 @import url("./trumps/s-blockquote.css");
 @import url("./trumps/s-breadcrumbs.css");
-@import url("./trumps/s-footer.css");
 @import url("./trumps/u-empty.css");
 @import url("./trumps/s-irregular-links.css");
 @import url("./trumps/u-mailto-text-replace.css");

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

@@ -42,6 +42,8 @@
 @import url("./components/c-card--frontera-about-page.css");
 
 /* TRUMPS */
+@import url("./trumps/s-footer.css");
+@import url("./trumps/s-footer--thick.css");
 /* To explain the in-limbo Core-CMS doc page styles */
 /* FAQ: Commented out because Core-CMS doc pages load these directly */
 /* IMPORTANT: If CMS docs are moved to TACC-Docs, then kill these stylesheets */

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

@@ -30,4 +30,6 @@
 @import url("./components/c-message--compact.css");
 
 /* TRUMPS */
+@import url("./trumps/s-footer.css");
+@import url("./trumps/s-footer--thin.css");
 @import url("./trumps/s-form-page.css");

package/src/lib/_imports/elements/form.css

@@ -42,7 +42,7 @@ label + :where(ul, menu),
 
 /* Fieldsets */
 
-fieldset:where(not(:last-child)) {
+fieldset:where(:not(:last-child)) {
   margin-bottom: 3.5rem;
 }
 

package/src/lib/_imports/elements/links.css

@@ -2,15 +2,15 @@
 @import url("../tools/selectors.css");
 @import url('../tools/x-link.css');
 
-:where(:--main-content) a:not(:--c-button) {
+a:not(:--c-button) {
   @extend .x-link;
 }
-:where(:--main-content) a:not([href]) {
+a:not([href]) {
   @extend .x-link--disabled;
 }
-:where(:--main-content) a:not(:--c-button):hover {
+a:not(:--c-button):hover {
   @extend .x-link--hover;
 }
-:where(:--main-content) a:not(:--c-button):active {
+a:not(:--c-button):active {
   @extend .x-link--active;
 }

package/src/lib/_imports/elements/sticky-footer/config.yml

@@ -0,0 +1,4 @@
+status: ready
+context:
+  shouldSkipPattern: false
+  shouldOmitMainTag: true

package/src/lib/_imports/elements/sticky-footer/demo.css

@@ -0,0 +1,13 @@
+/* This CSS is ONLY for the pattern library. It is NOT part of the pattern. */
+
+/* To style the footer, see trumps/s-footer.css */
+
+footer {
+  text-align: center;
+  background-color: var(--global-color-primary--light);
+
+  /* To make <p> margin space visible */
+  /* FAQ: A side with a border prevents margin collapse on that side */
+  border: var(--global-border--normal);
+  border-color: var(--global-color-primary--light);
+}

package/src/lib/_imports/elements/sticky-footer/readme.md

@@ -0,0 +1,3 @@
+To pin website footer to the bottom of the page.
+
+To style the footer, use <a href="{{path '../detail/s-footer' }}" target="_parent">S Footer</a>.</p>

package/src/lib/_imports/elements/sticky-footer/sticky-footer.hbs

@@ -0,0 +1,8 @@
+<main>
+  <p>Sample body content. Footer is at bottom of page.</p>
+</main>
+<footer class="s-footer s-footer--thin">
+  <p>
+    Sample footer content.
+  </p>
+</footer>

package/src/lib/_imports/trumps/s-footer/config.yml

@@ -0,0 +1,27 @@
+status: prototype
+context:
+  shouldSkipPattern: false
+  shouldOmitMainTag: true
+  supportStyles:
+    - ../../assets/elements/sticky-footer.css
+variants:
+  - name: default
+    hidden: true
+  - name: thin
+    context:
+      modifier: thin
+      bodyContent: Thin footer has narrow horizontal padding. <em>You may need to reduce panel width to see this.</em>
+  - name: thick
+    context:
+      modifier: thick
+      bodyContent: Thick footer has wider horizontal padding. <em>You may need to reduce panel width to see this.</em>
+  - name: cms
+    label: CMS
+    context:
+      shouldLoadCMS: true
+      shouldSkipPattern: true
+  - name: portal
+    label: Portal
+    context:
+      shouldLoadPortal: true
+      shouldSkipPattern: true

package/src/lib/_imports/trumps/s-footer/readme.md

@@ -0,0 +1,7 @@
+The website footer.
+
+To stick footer at bottom of the page, use <a href="{{path '../detail/sticky-footer' }}" target="_parent">Sticky Footer</a>.</p>
+
+> **☞ Remember**
+>
+> [Links]({{path '../detail/links' }}) are not underlined (if client loads <code>core-styles.base.css</code>).

package/src/lib/_imports/trumps/s-footer/s-footer.hbs

@@ -0,0 +1,24 @@
+<main>
+  <p>
+    {{#if bodyContent}}
+      {{{bodyContent}}}
+    {{else}}
+      Sample body content. Footer is at bottom of page.
+    {{/if}}
+  </p>
+  <p>
+    {{#if shouldLoadCMS}}
+      CMS always uses <a href="{{path '../detail/s-footer--thick'}}" target="_parent">thick</a> footer.
+    {{else if shouldLoadPortal}}
+      Portal always uses <a href="{{path '../detail/s-footer--thin'}}" target="_parent">thin</a> footer.
+    {{/if}}
+  </p>
+</main>
+<footer class="s-footer{{#if modifier }} s-footer--{{ modifier }}{{/if}}">
+  <p>
+    ©2023
+    <a href="https://www.tacc.utexas.edu/" target="_blank">Texas Advanced Computing Center</a>,
+    <a href="https://www.utexas.edu/" target="_blank">The University of Texas at Austin</a>,
+    <a href="https://research.utexas.edu/" target="_blank">Office of the Vice President for Research</a>.
+  </p>
+</footer>

package/src/lib/_imports/trumps/s-footer--thick.css

@@ -0,0 +1,5 @@
+@import url("./s-footer.properties.css");
+
+.s-footer {
+  padding-inline: var(--pad-horz--thick);
+}

package/src/lib/_imports/trumps/s-footer--thin.css

@@ -0,0 +1,5 @@
+@import url("./s-footer.properties.css");
+
+.s-footer {
+  padding-inline: var(--pad-horz--thin);
+}

package/src/lib/_imports/trumps/s-footer.css

@@ -1,16 +1,29 @@
-/*
-Footer
+@import url("./s-footer.properties.css");
 
-Styles for elements within a footer that has WYSIWIG markup.
+.s-footer {
+  padding-block: 15px;
 
-Markup: s-footer.html
-
-Styleguide Trumps.Scopes.Footer
-*/
+  color: var(--global-color-primary--light);
+  background-color: var(--global-color-primary--xx-dark);
 
-.s-footer > p:last-of-type {
-  margin: 0;
+  font-size: var(--global-font-size--small);
+  text-align: center;
+}
+.s-footer--thick {
+  padding-inline: var(--pad-horz--thick);
+}
+.s-footer--thin {
+  padding-inline: var(--pad-horz--thin);
 }
+
 .s-footer a {
+  /* NOTE: Design by M.S. (for TACC), confirmed by H.P. (for TACC CMS) */
   color: var(--global-color-primary--light);
 }
+
+/* Let paragraphs behave normally */
+.s-footer > p {
+  margin: revert;
+}
+.s-footer > p:first-of-type { margin-top: 0; }
+.s-footer > p:last-of-type { margin-bottom: 0; }

package/src/lib/_imports/trumps/s-footer.properties.css

@@ -0,0 +1,4 @@
+.s-footer {
+  --pad-horz--thick: 36px; /* mimic `.s-header.navbar { --nav-padding-horz }` */
+  --pad-horz--thin: 15px;
+}

package/dist/components/c-footer.css

@@ -1 +0,0 @@
-/*! @tacc/core-styles 2.16.2+ | MIT | github.com/TACC/Core-Styles */.c-footer{background-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--x-light);font-size:var(--global-font-size--small);text-align:center}.c-footer--cms{padding-top:36px;padding-inline:36px}.c-footer--portal{border-color:var(--global-color-secondary--light);border-style:solid;border-width:var(--global-border-width--thick) 0 0 0;padding:0 15px}

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

@@ -1,28 +0,0 @@
-/*
-Footer
-
-The website footer. Project customization should be minimal.
-
-Markup: c-footer.html
-
-Styleguide Components.Footer
-*/
-
-.c-footer {
-  color: var(--global-color-primary--x-light);
-  background-color: var(--global-color-primary--xx-dark);
-
-  font-size: var(--global-font-size--small);
-  text-align: center;
-}
-.c-footer--cms {
-  padding-top: 36px; /* HELP: value from developer, allow design to change */
-  padding-inline: 36px; /* mimic `.s-header.navbar { --nav-padding-horz }` */
-}
-.c-footer--portal {
-  padding: 0 15px;
-
-  border-width: var(--global-border-width--thick) 0 0 0;
-  border-style: solid;
-  border-color: var(--global-color-secondary--light);
-}

package/src/lib/_imports/components/c-footer.html

@@ -1,3 +0,0 @@
-<footer class="c-footer {{modifier_class}}">
-  ©2020 Texas Advanced Computing Center
-</footer>

package/src/lib/_imports/trumps/s-footer.html

@@ -1 +0,0 @@
-<footer class="s-footer">©2020 Texas Advanced Computing Center</footer>