@tacc/core-styles 2.3.1 → 2.4.1

package/dist/tools/x-tabs.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}

package/dist/tools/x-tabs.skin.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.x-tabs__tab:is(a){text-decoration:none}.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.x-tabs__content>:first-child{margin-top:var(--buffer)}.x-tabs__content>:last-child{margin-bottom:var(--buffer)}

package/dist/tools/x-tabs.structure.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.x-tabs{display:flex;flex-wrap:wrap;position:relative}.x-tabs__toggle{opacity:0;position:absolute}.x-tabs__tab{cursor:pointer;white-space:nowrap}.x-tabs__content{display:none;width:100%}.x-tabs__content--active{display:block;order:99}.x-tabs__content--force-active{display:contents}

package/dist/tools/x-truncate.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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-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.4.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-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/README.css

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

package/dist/trumps/demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.demo-narrow-paragraphs p{margin:10px;max-width:40ch}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.demo-narrow-paragraphs p{margin:10px;max-width:40ch}

package/dist/trumps/s-affixed-input-wrapper.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.s-affixed-input-wrapper:not(.checkboxinput,.has-type-check .radio,.has-type-radio .select,.has-type-select .checkboxselectmultiple,.has-select .textarea,.has-textarea){align-items:start;display:grid;grid-template-areas:"label label" var(--input-row,"input input") "help help" "error error";grid-template-columns:auto 1fr}@supports selector(:has(*)){.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__prefix){--input-row:"prefix input"}.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__suffix){--input-row:"input suffix"}}@supports not selector(:has(*)){.s-affixed-input-wrapper--prefix{--input-row:"prefix input"}.s-affixed-input-wrapper--suffix{--input-row:"input suffix"}}.s-affixed-input-wrapper label{grid-area:label}.s-affixed-input-wrapper input{grid-area:input}.s-affixed-input-wrapper__prefix{grid-area:prefix}.s-affixed-input-wrapper__suffix{grid-area:suffix}.s-affixed-input-wrapper .c-form__help,.s-affixed-input-wrapper .help-text{grid-area:help}.s-affixed-input-wrapper .c-form__errors,.s-affixed-input-wrapper .field-errors{grid-area:error}.s-affixed-input-wrapper{--width:1em;--padding-vert:5px;--padding-horz:10px}.s-affixed-input-wrapper__prefix,.s-affixed-input-wrapper__suffix{box-sizing:content-box;display:inline-block;font-family:var(--global-font-family--sans--portal);padding:var(--padding-vert) var(--padding-horz);pointer-events:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width)}.s-affixed-input-wrapper__prefix{left:var(--global-border-width--normal);margin-right:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;top:var(--global-border-width--normal)}.s-affixed-input-wrapper__suffix{margin-left:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;right:var(--global-border-width--normal);top:var(--global-border-width--normal)}.s-affixed-input-wrapper__prefix+input{text-indent:calc(var(--width) + var(--padding-horz))}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.s-affixed-input-wrapper:not(.checkboxinput,.has-type-check .radio,.has-type-radio .select,.has-type-select .checkboxselectmultiple,.has-select .textarea,.has-textarea){align-items:start;display:grid;grid-template-areas:"label label" var(--input-row,"input input") "help help" "error error";grid-template-columns:auto 1fr}@supports selector(:has(*)){.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__prefix){--input-row:"prefix input"}.s-affixed-input-wrapper:has(.s-affixed-input-wrapper__suffix){--input-row:"input suffix"}}@supports not selector(:has(*)){.s-affixed-input-wrapper--prefix{--input-row:"prefix input"}.s-affixed-input-wrapper--suffix{--input-row:"input suffix"}}.s-affixed-input-wrapper label{grid-area:label}.s-affixed-input-wrapper input{grid-area:input}.s-affixed-input-wrapper__prefix{grid-area:prefix}.s-affixed-input-wrapper__suffix{grid-area:suffix}.s-affixed-input-wrapper .c-form__help,.s-affixed-input-wrapper .help-text{grid-area:help}.s-affixed-input-wrapper .c-form__errors,.s-affixed-input-wrapper .field-errors{grid-area:error}.s-affixed-input-wrapper{--width:1em;--padding-vert:5px;--padding-horz:10px}.s-affixed-input-wrapper__prefix,.s-affixed-input-wrapper__suffix{box-sizing:content-box;display:inline-block;font-family:var(--global-font-family--sans--portal);padding:var(--padding-vert) var(--padding-horz);pointer-events:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width)}.s-affixed-input-wrapper__prefix{left:var(--global-border-width--normal);margin-right:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;top:var(--global-border-width--normal)}.s-affixed-input-wrapper__suffix{margin-left:calc(var(--width)*-1 - var(--padding-horz)*2);position:relative;right:var(--global-border-width--normal);top:var(--global-border-width--normal)}.s-affixed-input-wrapper__prefix+input{text-indent:calc(var(--width) + var(--padding-horz))}

package/dist/trumps/s-article-list.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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-truncate--one-line,[class*=s-article-list--]>h2,[class*=s-article-list--]>p:last-child a{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d,.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px) and (max-width:767px),(min-width:768px) and (max-width:991px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.s-article-list--layout-e,.x-layout--e{display:flex;flex-direction:column}.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover--gapless{--outline-offset:0}.s-article-list--layout-e>:not(h2):not(p:last-child){flex-grow:1}.s-article-list--layout-a>h2,.s-article-list--layout-b>h2,.s-article-list--layout-c>h2,.s-article-list--layout-d>h2{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>h2{color:var(--global-color-accent--normal);font-size:1.6rem;font-weight:var(--bold);margin-bottom:3rem;margin-top:0;text-transform:uppercase}[class*=s-article-list--]>h2{padding-top:1em;position:relative}[class*=s-article-list--]>h2:before{background-color:var(--global-color-accent--normal);content:"";display:block;height:.5em;position:absolute;top:0;width:2.5em}.s-article-list--layout-a>p:last-child,.s-article-list--layout-b>p:last-child,.s-article-list--layout-c>p:last-child,.s-article-list--layout-d>p:last-child{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>p:last-child{border-top-style:solid;border-top-width:var(--global-border-width--thick);font-size:1.2rem;font-weight:var(--bold);margin-bottom:-1rem;margin-top:3rem}[class*=s-article-list--]>p:last-child a{display:inline-block;max-width:100%;padding-bottom:1rem;padding-right:1rem;padding-top:1rem}.o-section--style-dark [class*=s-article-list--]>p:last-child,.o-section--style-dark[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-light)}.o-section--style-dark [class*=s-article-list--]>p:last-child a,.o-section--style-dark[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-light)}.o-section--style-light [class*=s-article-list--]>p:last-child,.o-section--style-light[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-dark)}.o-section--style-light [class*=s-article-list--]>p:last-child a,.o-section--style-light[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-dark)}[class*=s-article-list--]>p:last-child a:before{content:"\f35a";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:1.4rem;margin-right:10px;vertical-align:middle}.s-article-list--links{color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-list--links p:not(:last-child){margin:0}.s-article-list--links p:not(:last-child) a{color:var(--global-color-primary--xx-dark);font-weight:var(--bold)}.s-article-list--links p:not(:last-child){position:relative}.s-article-list--links p:not(:last-child) a:before{content:""}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d{-moz-column-gap:3rem;column-gap:3rem}.s-article-list--layout-gapless{gap:0}.s-article-list--layout-compact>p:last-child{margin-top:0}.s-article-list--layout-divided>:not(h2):not(p:last-child){border-style:solid;border-width:var(--global-border-width--normal) 0 0;padding-top:.8rem}.o-section--style-dark .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-dark.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--light)}.o-section--style-light .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-light.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--dark)}
+/*! @tacc/core-styles 2.4.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-truncate--one-line,[class*=s-article-list--]>h2,[class*=s-article-list--]>p:last-child a{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d,.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px) and (max-width:767px),(min-width:768px) and (max-width:991px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.s-article-list--layout-e,.x-layout--e{display:flex;flex-direction:column}.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover--gapless{--outline-offset:0}.s-article-list--layout-e>:not(h2):not(p:last-child){flex-grow:1}.s-article-list--layout-a>h2,.s-article-list--layout-b>h2,.s-article-list--layout-c>h2,.s-article-list--layout-d>h2{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>h2{color:var(--global-color-accent--normal);font-size:1.6rem;font-weight:var(--bold);margin-bottom:3rem;margin-top:0;text-transform:uppercase}[class*=s-article-list--]>h2{padding-top:1em;position:relative}[class*=s-article-list--]>h2:before{background-color:var(--global-color-accent--normal);content:"";display:block;height:.5em;position:absolute;top:0;width:2.5em}.s-article-list--layout-a>p:last-child,.s-article-list--layout-b>p:last-child,.s-article-list--layout-c>p:last-child,.s-article-list--layout-d>p:last-child{grid-column-end:-1;grid-column-start:1}[class*=s-article-list--]>p:last-child{border-top-style:solid;border-top-width:var(--global-border-width--thick);font-size:1.2rem;font-weight:var(--bold);margin-bottom:-1rem;margin-top:3rem}[class*=s-article-list--]>p:last-child a{display:inline-block;max-width:100%;padding-bottom:1rem;padding-right:1rem;padding-top:1rem}.o-section--style-dark [class*=s-article-list--]>p:last-child,.o-section--style-dark[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-light)}.o-section--style-dark [class*=s-article-list--]>p:last-child a,.o-section--style-dark[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-light)}.o-section--style-light [class*=s-article-list--]>p:last-child,.o-section--style-light[class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-dark)}.o-section--style-light [class*=s-article-list--]>p:last-child a,.o-section--style-light[class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-dark)}[class*=s-article-list--]>p:last-child a:before{content:"\f35a";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:1.4rem;margin-right:10px;vertical-align:middle}.s-article-list--links{color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-list--links p:not(:last-child){margin:0}.s-article-list--links p:not(:last-child) a{color:var(--global-color-primary--xx-dark);font-weight:var(--bold)}.s-article-list--links p:not(:last-child){position:relative}.s-article-list--links p:not(:last-child) a:before{content:""}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d{-moz-column-gap:3rem;column-gap:3rem}.s-article-list--layout-gapless{gap:0}.s-article-list--layout-compact>p:last-child{margin-top:0}.s-article-list--layout-divided>:not(h2):not(p:last-child){border-style:solid;border-width:var(--global-border-width--normal) 0 0;padding-top:.8rem}.o-section--style-dark .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-dark.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--light)}.o-section--style-light .s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-light.s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--dark)}

package/dist/trumps/s-article-preview.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines,[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--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,[class*=s-article-list--] .s-article-preview h3{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-preview p:last-child>a,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless .s-article-preview p:last-child>a,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-preview p:last-child>a:hover,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless .s-article-preview p:last-child>a:hover,.x-article-link-hover--gapless{--outline-offset:0}.s-article-preview{display:flex;flex-direction:column;position:relative}.s-article-preview p:first-child{margin-bottom:.8rem;order:1;overflow:hidden}.s-article-preview p:first-child>img{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.s-article-preview p:first-child>img.img-fluid{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.s-article-list--news .s-article-preview p:first-child{height:180px}.s-article-list--allocations .s-article-preview p:first-child{height:10rem}.s-article-list--events .s-article-preview p:first-child{display:none}.s-article-preview h3{font-size:1.8rem;font-weight:var(--bold);line-height:2.4rem;margin-bottom:.8rem;margin-top:0;order:3}.s-article-list--allocations .s-article-preview h3{color:inherit;font-size:1.6rem;font-weight:var(--bold)}.s-article-list--events .s-article-preview h3{font-size:1.4rem}.s-article-preview p:not(:first-child):not(:last-child){font-size:1.6rem;line-height:2.4rem;margin-bottom:0;order:4}[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:3}.s-article-list--allocations .s-article-preview p:not(:first-child):not(:last-child){display:none}.s-article-list--events .s-article-preview p:not(:first-child):not(:last-child){color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-preview ul{display:flex;flex-direction:column;list-style:none;margin-bottom:.8rem;order:2;padding-left:0}.s-article-list--allocations .s-article-preview ul{order:5}.s-article-preview ul>li:first-child{display:flex;flex-direction:row;flex-wrap:wrap;font-weight:var(--medium);order:2}.s-article-list--news .s-article-preview ul>li:first-child{font-size:1rem;margin-bottom:.8rem}.s-article-list--news .s-article-preview ul>li:first-child:before{content:"Published: ";white-space:pre}.s-article-list--events .s-article-preview ul>li:first-child{color:var(--global-color-accent--normal);font-size:1.4rem}.s-article-list--allocations .s-article-preview ul>li:first-child{font-size:1.6rem}.s-article-list--allocations .s-article-preview ul>li:first-child:before{content:"Submission Deadlines: ";white-space:pre}.s-article-preview ul>li:nth-child(2){font-size:1.2rem;font-weight:var(--bold);order:1;text-transform:uppercase}.s-article-list--allocations .s-article-preview ul>li:nth-child(2),.s-article-list--events .s-article-preview ul>li:nth-child(2){display:none}.s-article-preview ul>li:nth-child(3){order:3}.s-article-list--allocations .s-article-preview ul>li:nth-child(3),.s-article-list--events .s-article-preview ul>li:nth-child(3),.s-article-list--news .s-article-preview ul>li:nth-child(3){display:none}.s-article-preview p:last-child{margin-bottom:0}.s-article-preview p:last-child{z-index:1}.s-article-preview p:last-child>a{color:transparent}.s-article-list--layout-compact .s-article-preview>*{margin-bottom:0}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines,[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--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,[class*=s-article-list--] .s-article-preview h3{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-preview p:last-child>a,.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.s-article-list--layout-gapless .s-article-preview p:last-child>a,.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.s-article-preview p:last-child>a:hover,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless .s-article-preview p:last-child>a:hover,.x-article-link-hover--gapless{--outline-offset:0}.s-article-preview{display:flex;flex-direction:column;position:relative}.s-article-preview p:first-child{margin-bottom:.8rem;order:1;overflow:hidden}.s-article-preview p:first-child>img{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.s-article-preview p:first-child>img.img-fluid{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.s-article-list--news .s-article-preview p:first-child{height:180px}.s-article-list--allocations .s-article-preview p:first-child{height:10rem}.s-article-list--events .s-article-preview p:first-child{display:none}.s-article-preview h3{font-size:1.8rem;font-weight:var(--bold);line-height:2.4rem;margin-bottom:.8rem;margin-top:0;order:3}.s-article-list--allocations .s-article-preview h3{color:inherit;font-size:1.6rem;font-weight:var(--bold)}.s-article-list--events .s-article-preview h3{font-size:1.4rem}.s-article-preview p:not(:first-child):not(:last-child){font-size:1.6rem;line-height:2.4rem;margin-bottom:0;order:4}[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:3}.s-article-list--allocations .s-article-preview p:not(:first-child):not(:last-child){display:none}.s-article-list--events .s-article-preview p:not(:first-child):not(:last-child){color:var(--global-color-primary--xx-dark);font-size:1.4rem}.s-article-preview ul{display:flex;flex-direction:column;list-style:none;margin-bottom:.8rem;order:2;padding-left:0}.s-article-list--allocations .s-article-preview ul{order:5}.s-article-preview ul>li:first-child{display:flex;flex-direction:row;flex-wrap:wrap;font-weight:var(--medium);order:2}.s-article-list--news .s-article-preview ul>li:first-child{font-size:1rem;margin-bottom:.8rem}.s-article-list--news .s-article-preview ul>li:first-child:before{content:"Published: ";white-space:pre}.s-article-list--events .s-article-preview ul>li:first-child{color:var(--global-color-accent--normal);font-size:1.4rem}.s-article-list--allocations .s-article-preview ul>li:first-child{font-size:1.6rem}.s-article-list--allocations .s-article-preview ul>li:first-child:before{content:"Submission Deadlines: ";white-space:pre}.s-article-preview ul>li:nth-child(2){font-size:1.2rem;font-weight:var(--bold);order:1;text-transform:uppercase}.s-article-list--allocations .s-article-preview ul>li:nth-child(2),.s-article-list--events .s-article-preview ul>li:nth-child(2){display:none}.s-article-preview ul>li:nth-child(3){order:3}.s-article-list--allocations .s-article-preview ul>li:nth-child(3),.s-article-list--events .s-article-preview ul>li:nth-child(3),.s-article-list--news .s-article-preview ul>li:nth-child(3){display:none}.s-article-preview p:last-child{margin-bottom:0}.s-article-preview p:last-child{z-index:1}.s-article-preview p:last-child>a{color:transparent}.s-article-list--layout-compact .s-article-preview>*{margin-bottom:0}

package/dist/trumps/s-blockquote.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.s-blockquote blockquote{font-style:italic;margin:unset}.s-blockquote blockquote p{margin:0;white-space:pre-wrap}.s-blockquote blockquote p:before{content:"“"}.s-blockquote blockquote p:after{content:"”"}.s-blockquote figcaption{margin-top:.3em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:unset}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.s-blockquote blockquote{font-style:italic;margin:unset}.s-blockquote blockquote p{margin:0;white-space:pre-wrap}.s-blockquote blockquote p:before{content:"“"}.s-blockquote blockquote p:after{content:"”"}.s-blockquote figcaption{margin-top:.3em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:unset}

package/dist/trumps/s-breadcrumbs.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-breadcrumbs-via-ul,.s-breadcrumbs:is(nav){font-size:var(--global-font-size--x-small);margin-bottom:var(--global-space--under-breadcrumbs);padding-top:var(--global-space--above-breadcrumbs)}.s-breadcrumbs-via-ul ul,.s-breadcrumbs:is(nav) ol{font-weight:var(--global-font-weight--medium);list-style:none;margin-bottom:unset;padding-left:unset}.s-breadcrumbs-via-ul ul li,.s-breadcrumbs:is(nav) ol li,.s-breadcrumbs:is(ol) li{display:inline-block}.s-breadcrumbs-via-ul ul li+li:before,.s-breadcrumbs:is(nav) ol li+li:before,.s-breadcrumbs:is(ol) li+li:before{content:" > "}.s-breadcrumbs-via-ul ul li:last-child,.s-breadcrumbs:is(nav) ol li:last-child{font-weight:var(--bold)}
+/*! @tacc/core-styles 2.4.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-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-breadcrumbs-via-ul,.s-breadcrumbs:is(nav){font-size:var(--global-font-size--x-small);margin-bottom:var(--global-space--under-breadcrumbs);padding-top:var(--global-space--above-breadcrumbs)}.s-breadcrumbs-via-ul ul,.s-breadcrumbs:is(nav) ol{font-weight:var(--global-font-weight--medium);list-style:none;margin-bottom:unset;padding-left:unset}.s-breadcrumbs-via-ul ul li,.s-breadcrumbs:is(nav) ol li,.s-breadcrumbs:is(ol) li{display:inline-block}.s-breadcrumbs-via-ul ul li+li:before,.s-breadcrumbs:is(nav) ol li+li:before,.s-breadcrumbs:is(ol) li+li:before{content:" > "}.s-breadcrumbs-via-ul ul li:last-child,.s-breadcrumbs:is(nav) ol li:last-child{font-weight:var(--bold)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */ul.s-cms-nav{margin-bottom:0;padding-left:0}.s-cms-nav a:hover{text-decoration:none}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */ul.s-cms-nav{margin-bottom:0;padding-left:0}.s-cms-nav a:hover{text-decoration:none}

package/dist/trumps/s-document.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.s-document{margin-bottom:var(--global-space--large)}.s-document blockquote{border:var(--global-border--normal);opacity:.75;padding:1em}.s-document blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}p+dl.small{padding-left:var(--global-space--list-indent)}.s-document p+details,.s-document p+dl.small,.s-document p+img,.s-document p+ol.small,.s-document p+pre,.s-document p+ul.small{margin-bottom:1rem;margin-top:-.75rem}code,pre>samp{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--light);border-style:solid;border-width:var(--global-border-width--normal)}.s-document img{border:var(--global-border--normal);display:block;max-width:800px;width:100%}.s-document i.icon--as-image{border:var(--global-border--normal);display:inline-block;font-size:2.8em;padding:.25em}.s-document table{max-width:500px;text-align:center;width:100%}.s-document details{--buffer-horz:1em;padding-left:var(--buffer-horz)}.s-document summary{margin-left:calc(var(--buffer-horz)*-1)}.s-document details[open]>summary{margin-bottom:.5em}.s-document summary:after{display:inline-block;margin-left:.2rem;opacity:.75}.s-document details[open]>summary:after{content:"(hide)"}.s-document details:not([open])>summary:after{content:"(show)"}.s-document .row>.col>:last-child{margin-bottom:0}.s-document .row .row{padding:var(--global-space--normal) 0}.s-document .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.s-document{margin-bottom:var(--global-space--large)}.s-document blockquote{border:var(--global-border--normal);opacity:.75;padding:1em}.s-document blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}p+dl.small{padding-left:var(--global-space--list-indent)}.s-document p+details,.s-document p+dl.small,.s-document p+img,.s-document p+ol.small,.s-document p+pre,.s-document p+ul.small{margin-bottom:1rem;margin-top:-.75rem}code,pre>samp{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--light);border-style:solid;border-width:var(--global-border-width--normal)}.s-document img{border:var(--global-border--normal);display:block;max-width:800px;width:100%}.s-document i.icon--as-image{border:var(--global-border--normal);display:inline-block;font-size:2.8em;padding:.25em}.s-document table{max-width:500px;text-align:center;width:100%}.s-document details{--buffer-horz:1em;padding-left:var(--buffer-horz)}.s-document summary{margin-left:calc(var(--buffer-horz)*-1)}.s-document details[open]>summary{margin-bottom:.5em}.s-document summary:after{display:inline-block;margin-left:.2rem;opacity:.75}.s-document details[open]>summary:after{content:"(hide)"}.s-document details:not([open])>summary:after{content:"(show)"}.s-document .row>.col>:last-child{margin-bottom:0}.s-document .row .row{padding:var(--global-space--normal) 0}.s-document .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}

package/dist/trumps/s-footer.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.1+ | MIT | github.com/TACC/Core-Styles */.s-footer>p:last-of-type{margin:0}.s-footer a{color:var(--global-color-primary--light)}
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */.s-footer>p:last-of-type{margin:0}.s-footer a{color:var(--global-color-primary--light)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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)}
+/*! @tacc/core-styles 2.4.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.3.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}
+/*! @tacc/core-styles 2.4.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.3.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(--global-color-primary--xx-dark);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--xx-light);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(--global-color-primary--xx-dark);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color: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(--global-color-primary--xx-light)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:none}
+/*! @tacc/core-styles 2.4.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(--global-color-primary--xx-dark);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--xx-light);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(--global-color-primary--xx-dark);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color: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(--global-color-primary--xx-light)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:none}

package/dist/trumps/s-header.theme-has-dark-logo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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(--global-color-primary--normal);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--x-dark);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(--global-color-primary--x-light);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(--global-color-primary--x-dark)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:invert(100%)}
+/*! @tacc/core-styles 2.4.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(--global-color-primary--normal);font-family:var(--global-font-family);font-size:16px;line-height:1.4}.s-header .navbar-brand{color:var(--global-color-primary--x-dark);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(--global-color-primary--x-light);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(--global-color-primary--x-dark)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:invert(100%)}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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}
+/*! @tacc/core-styles 2.4.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.3.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}
+/*! @tacc/core-styles 2.4.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.3.1+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.4.1+ | MIT | github.com/TACC/Core-Styles */

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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}
+/*! @tacc/core-styles 2.4.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.3.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)}
+/*! @tacc/core-styles 2.4.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.3.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)}
+/*! @tacc/core-styles 2.4.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.3.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(--global-color-primary--xx-light);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:#313131;border:var(--global-border-width--normal) solid var(--global-color-primary--dark);border-radius:5px;color:var(--global-color-primary--xx-light);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(--global-color-primary--xx-light);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--xx-light);opacity:.5}
+/*! @tacc/core-styles 2.4.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(--global-color-primary--xx-light);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:#313131;border:var(--global-border-width--normal) solid var(--global-color-primary--dark);border-radius:5px;color:var(--global-color-primary--xx-light);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(--global-color-primary--xx-light);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--xx-light);opacity:.5}

package/dist/trumps/tacc-search-bar.theme-has-dark-logo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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(--global-color-primary--x-dark);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(--global-color-primary--xx-light);border:var(--global-border-width--normal) solid #d8d8d8;border-radius:5px;color:var(--global-color-primary--x-dark);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(--global-color-primary--x-dark);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--x-dark);opacity:.5}
+/*! @tacc/core-styles 2.4.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(--global-color-primary--x-dark);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(--global-color-primary--xx-light);border:var(--global-border-width--normal) solid #d8d8d8;border-radius:5px;color:var(--global-color-primary--x-dark);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(--global-color-primary--x-dark);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--x-dark);opacity:.5}

package/dist/trumps/u-empty.css

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

package/dist/trumps/u-hide.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.3.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}
+/*! @tacc/core-styles 2.4.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.3.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}
+/*! @tacc/core-styles 2.4.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.3.1+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
+/*! @tacc/core-styles 2.4.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.3.1",
+  "version": "2.4.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/components/pymdownx/config.yml

@@ -1,9 +1,7 @@
 label: PyMdown Extensions
 context:
-  shouldSkipPattern: false
-  📝 shouldSkipPattern: because core-styles.docs.css is not loaded
-  shouldLoadDocs: false
-  📝 shouldLoadDocs: because core-styles.docs.css loads conflicting CSS
+  shouldLoadDocs: true
+  📝 shouldLoadDocs: because only core-styles.docs.css loads this
 variants:
   - name: default
     label: (Overview)

package/src/lib/_imports/components/pymdownx--tabbed.css

@@ -13,6 +13,8 @@
 }
 .tabbed-set > label {
   @extend .x-tabs__tab;
+
+  margin-bottom: unset; /* overwrite form.cms.css which core-style.docs loads */
 }
 .tabbed-set > label:hover {
   @extend .x-tabs__tab--hover;

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

@@ -11,6 +11,8 @@
 /* Mostly from Bootstrap */
 /* https://confluence.tacc.utexas.edu/x/b53tDg */
 @import url("./generics/color.css");
+@import url('./generics/fonts.css');
+@import url("./generics/pseudo-elements.css");
 
 /* ELEMENTS */
 /* To override Bootstrap */

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

@@ -13,6 +13,7 @@
 /* https://confluence.tacc.utexas.edu/x/b53tDg */
 
 /* ELEMENTS */
+@import url("./elements/root--cms.css");
 /* To override Bootstrap */
 @import url("./elements/sticky-footer.css");
 @import url("./elements/html-elements.cms.css");

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

@@ -11,6 +11,7 @@
 /* (none) */
 
 /* ELEMENTS */
+@import url("./elements/root--demo.css");
 @import url("./elements/demo.css");
 
 /* OBJECTS */

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

@@ -12,11 +12,13 @@
 /* (none) */
 
 /* ELEMENTS */
+@import url("./elements/root--docs.css");
 @import url("./elements/form.cms.css");
 @import url("./elements/html-elements.cms.css");
 @import url("./elements/html-elements.docs.css");
-@import url("./elements/headings--cms.css");
+@import url("./elements/headings--docs.css");
 @import url("./elements/monospace.css");
+@import url("./elements/table.docs.css");
 
 /* OBJECTS */
 /* (none) */

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

@@ -14,7 +14,7 @@
 /* https://confluence.tacc.utexas.edu/x/b53tDg */
 
 /* ELEMENTS */
-/* To override Bootstrap */
+@import url("./elements/root--portal.css");
 @import url("./elements/sticky-footer.css");
 
 /* OBJECTS */

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

@@ -6,7 +6,7 @@ html {
   font-size: 62.5%; /* 16px */
 }
 
-main {
+body {
   font-size: 1.6rem;
 }
 

package/src/lib/_imports/elements/headings/config.yml

@@ -7,6 +7,11 @@ variants:
     context:
       shouldLoadCMS: true
       shouldLoadBootstrap: true
+  - name: docs
+    status: wip
+    label: (Docs) Headings
+    context:
+      shouldLoadDocs: true
   - name: portal
     status: prototype
     label: (Portal) Headings

package/src/lib/_imports/elements/headings/demo.css

@@ -1,10 +0,0 @@
-/* This CSS is ONLY for the pattern library. It is NOT part of the pattern. */
-
-dt {
-  margin-top: 3em;
-  border-top: var(--global-border-width--thick) solid var(--global-color-primary--normal);
-  padding-top: 1em;
-  padding-bottom: 1em;
-  border-bottom: var(--global-border--normal);
-  margin-bottom: 3em;
-}

package/src/lib/_imports/elements/headings/headings--cms.hbs

@@ -1,18 +1,22 @@
-<strong>Table of Contents</strong>
+{{> @headings }}
+<hr />
 <nav class="c-nav">
   <ul>
-    <li><a href="#headings--no-section"><strong>not</strong> in an "O Section"</a></li>
-    <li><a href="#headings--in-section"><strong>inside</strong> an "O Section"</a></li>
+    <li><a href="#headings--dark-section"><strong>dark</strong> section</a></li>
+    <li><a href="#headings--muted-section"><strong>muted</strong> section</a></li>
+    <li><a href="#headings--light-section"><strong>light</strong> section</a></li>
+    <li><a href="#headings--unstyled-section"><strong>unstyled</strong> section</a></li>
   </ul>
 </nav>
-<dl>
-  <dt id="headings--no-section"><strong>not</strong> in an <a href="{{path '../detail/o-section' }}" target="_parent"><code>O Section</code></a></dt>
-  <dd>
-    {{> @headings }}
-  </dd>
-
-  <dt id="headings--in-section"><strong>inside</strong> an <a href="{{path '../detail/o-section' }}" target="_parent"><code>O Section</code></a></dt>
-  <dd class="o-section o-section--style-muted">
-    {{> @headings }}
-  </dd>
-</dl>
+<section id="headings--dark-section" class="o-section o-section--style-dark"><strong>dark</strong> <a href="{{path '../detail/o-section' }}" target="_parent">section</a></dt>
+  {{> @headings }}
+</section>
+<section id="headings--muted-section" class="o-section o-section--style-muted"><strong>muted</strong> <a href="{{path '../detail/o-section' }}" target="_parent">section</a></dt>
+  {{> @headings }}
+</section>
+<section id="headings--light-section" class="o-section o-section--style-light"><strong>light</strong> <a href="{{path '../detail/o-section' }}" target="_parent">section</a></dt>
+  {{> @headings }}
+</section>
+<section id="headings--unstyled-section" class="o-section o-section--style-unstyled"><strong>unstyled</strong> <a href="{{path '../detail/o-section' }}" target="_parent">section</a></dt>
+  {{> @headings }}
+</section>

package/src/lib/_imports/elements/headings--docs.css

@@ -0,0 +1,49 @@
+@import url("../tools/selectors.css");
+
+/* To scope these styles to main content (i.e. not header, not navbar) */
+/* To prevent these styles on portal content (i.e. within a React app) */
+/* TODO: Delete `:not(…)` after tup-ui does not load `core-styles.cms.css` */
+:where(:--main-content, :not(:--portal-content)) {
+
+
+
+/* Structure */
+
+&:is( h1, h2, h3, h4, h5, h6 ) {
+    line-height: unset; /* mimics headings--cms.css */
+}
+& h1 {
+    text-transform: uppercase; /* mimics headings--cms.css */
+}
+
+
+
+/* Skin */
+
+& h1 {
+    font-size: var(--global-font-size--xxx-large);
+    font-weight: var(--black);
+}
+& h2 {
+    font-size: var(--global-font-size--xx-large);
+    font-weight: var(--bold);
+}
+& h3 {
+    font-size: var(--global-font-size--x-large);
+    font-weight: var(--bold);
+}
+/* WARNING: No design available; these are just developer guesswork */
+& h4 {
+    font-size: var(--global-font-size--large);
+    font-weight: var(--bold);
+}
+/* To  deter use of "smaller" headings by making them match body font */
+& h5,
+& h6 {
+    font-size: inherit;
+    font-weight: var(--normal);
+}
+
+
+
+}

package/src/lib/_imports/elements/html-elements.docs.css

@@ -2,5 +2,5 @@
 
 /* To scope these styles to main content (i.e. not header, not navbar) */
 :--main-content {
-  font-size: var(--global-font-size--large);
+  font-size: var(--global-font-size--medium);
 }

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

@@ -38,7 +38,8 @@
 
 /* Structure */
 & :--monospace--block {
-  display: inline-block; /* FAQ: If `block`, then background color is cropped */
+  display: block;
+  width: min-content;
   padding: var(--global-space--x-small) var(--global-space--small);
 }
 & :--monospace--inline {

package/src/lib/_imports/elements/root/config.yml

@@ -0,0 +1,16 @@
+variants:
+  - name: default
+  - name: cms
+    label: (CMS) Monospace
+    context:
+      shouldLoadCMS: true
+      shouldLoadBootstrap: true
+  - name: portal
+    label: (Portal) Monospace
+    context:
+      shouldLoadPortal: true
+      shouldLoadBootstrap: true
+  - name: docs
+    label: (Docs) Monospace
+    context:
+      shouldLoadDocs: true

package/src/lib/_imports/elements/root/readme.md

@@ -0,0 +1,8 @@
+The [`<html>` element (Main root)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Main_root) and [`<body>` element (Sectioning root)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Sectioning_root).
+
+<script>
+/* To open external links in new window */
+Array.from(document.links)
+  .filter(link => link.hostname != window.location.hostname)
+  .forEach(link => link.target = '_blank');
+</script>

package/src/lib/_imports/elements/root/root.hbs

@@ -0,0 +1,12 @@
+<p>Features with which every page starts:</p>
+<ul>
+  <li>font size</li>
+  <li>font family</li>
+  <li>text color</li>
+  <li>text line height</li>
+  <li>text letter spacing</li>
+  <li>page min. width</li>
+  <li>page margin</li>
+</ul>
+
+<p>{{> @text-of-one-paragraph-long }}</p>

package/src/lib/_imports/elements/root--cms.css

@@ -0,0 +1,7 @@
+body {
+  font-family: var(--global-font-family--sans);
+  font-size: var(--global-font-size--medium);
+  line-height: 1.6;
+
+  letter-spacing: 0.025rem;
+}

package/src/lib/_imports/elements/root--demo.css

@@ -0,0 +1,4 @@
+body {
+  font-family: var(--global-font-family--sans);
+  line-height: 1.4;
+}

package/src/lib/_imports/elements/root--docs.css

@@ -0,0 +1,5 @@
+body {
+  font-family: var(--global-font-family--sans);
+  font-size: var(--global-font-size--medium);
+  line-height: 1.4;
+}

package/src/lib/_imports/elements/root--portal.css

@@ -0,0 +1,5 @@
+body {
+  font-family: var(--global-font-family--sans);
+  font-size: var(--global-font-size--small);
+  line-height: 1.4;
+}

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

@@ -35,7 +35,4 @@ body {
 
   /* To overwrite Bootstrap */
   color: var(--global-color-primary--x-dark);
-  font-family: var(--global-font-family--sans);
-  font-size: var(--global-font-size--small);
-  line-height: 1.4;
 }