@tacc/core-styles 2.6.2 → 2.7.0

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.6.2+ | 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.7.0+ | 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.6.2+ | 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.7.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-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.6.2+ | 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.7.0+ | 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.6.2+ | 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.7.0+ | 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.6.2+ | 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.7.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-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.6.2+ | 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.7.0+ | 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.6.2+ | 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.7.0+ | 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.6.2+ | 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.7.0+ | 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.6.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.7.0+ | 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.6.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.7.0+ | 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.6.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(--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.7.0+ | 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.6.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(--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.7.0+ | 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.6.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.7.0+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{-webkit-margin-end:.25em;content:":";margin-inline-end:.25em}

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.6.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.7.0+ | 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.6.2+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */

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

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

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

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

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

@@ -1 +1 @@
-/*! @tacc/core-styles 2.6.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.7.0+ | 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.6.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(--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.7.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host{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.6.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(--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.7.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host{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.6.2+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.7.0+ | MIT | github.com/TACC/Core-Styles */

package/dist/trumps/u-hide.css

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

package/fractal.config.js

@@ -66,17 +66,17 @@ fractal.components.set('default.context', {
   }],
   cmsStyles: [{
     isInternal: true,
-    layer: 'base',
+    layer: 'project',
     path: '/assets/core-styles.cms.css'
   }],
   docsStyles: [{
     isInternal: true,
-    layer: 'base',
+    layer: 'project',
     path: '/assets/core-styles.docs.css'
   }],
   portalStyles: [{
     isInternal: true,
-    layer: 'base',
+    layer: 'project',
     path: '/assets/core-styles.portal.css'
   }]
 });

package/package.json

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

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

@@ -10,6 +10,8 @@
     alt="(sample image)"
   />
   <figcaption>
-    I am a &lt;figcaption&gt; within a &lt;figure&gt;. <span class="c-message c-message--style-inline c-message--type-warning">I may be wider than image. If so, should I wrap?</span>
+    I am a &lt;figcaption&gt; within a &lt;figure&gt;. 
+    {{> @message tag="span" type="warning" scope="inline"
+        content="I may be wider than image. If so, should I wrap?" }}
   </figcaption>
 </figure>

package/src/lib/_imports/_partials/import-client-styles.hbs

@@ -0,0 +1,17 @@
+<style>
+{{#each styles}}
+  {{#if this.isInternal}}
+    {{#if this.layer}}
+    @import url('{{path this.path}}') layer({{this.layer}});
+    {{else}}
+    @import url('{{path this.path}}');
+    {{/if}}
+  {{else}}
+    {{#if this.layer}}
+    @import url('{{this.path}}') layer({{this.layer}});
+    {{else}}
+    @import url('{{this.path}}');
+    {{/if}}
+  {{/if}}
+{{/each}}
+</style>

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

@@ -0,0 +1,16 @@
+<{{#if tag}}{{ tag }}{{else}}div{{/if}}
+  class="
+    c-message
+    {{#if type}}c-message--type-{{ type }}{{/if}}
+    {{#if scope}}c-message--scope-{{ scope }}{{/if}}
+    {{#unless scope}}c-message--scope-global{{/unless}}
+  "
+>
+
+  {{#unless tag}}<p>{{/unless}}
+  {{#if title }}<strong>{{ title }}:</strong>{{/if}}
+  {{{ content }}}
+  {{{ extra_content }}}
+  {{#unless tag}}</p>{{/unless}}
+
+</{{#if tag}}{{ tag }}{{else}}div{{/if}}>

package/src/lib/_imports/_preview.hbs

@@ -20,42 +20,19 @@
 {{/if}}
 
 <!-- Styles: Global (for every pattern) -->
-<style>
-{{#each globalStyles}}
-  {{#if this.isInternal}}
-  @import url('{{path this.path}}');
-  {{else}}
-  @import url('{{this.path}}');
-  {{/if}}
-{{/each}}
-</style>
+{{> @import-client-styles styles=globalStyles }}
 
 {{#if _target.context.shouldLoadCMS }}
 {{#unless _target.context.shouldSkipCMS }}
 <!-- Styles: Global (for current pattern): CMS -->
-<style>
-{{#each cmsStyles}}
-  {{#if this.isInternal}}
-  @import url('{{path this.path}}');
-  {{else}}
-  @import url('{{this.path}}');
-  {{/if}}
-{{/each}}
-</style>
+{{> @import-client-styles styles=cmsStyles }}
 {{/unless}}
 {{/if}}
 
 {{#if _target.context.shouldLoadDocs }}
 {{#unless _target.context.shouldSkipDocs }}
 <!-- Styles: Global (for current pattern): Docs -->
-<style>
-{{#each docsStyles}}
-  {{#if this.isInternal}}
-  @import url('{{path this.path}}');
-  {{else}}
-  @import url('{{this.path}}');
-  {{/if}}
-{{/each}}
+{{> @import-client-styles styles=docsStyles }}
 </style>
 {{/unless}}
 {{/if}}
@@ -63,15 +40,7 @@
 {{#if _target.context.shouldLoadPortal }}
 {{#unless _target.context.shouldSkipPortal }}
 <!-- Styles: Global (for current pattern): Portal -->
-<style>
-{{#each portalStyles}}
-  {{#if this.isInternal}}
-  @import url('{{path this.path}}');
-  {{else}}
-  @import url('{{this.path}}');
-  {{/if}}
-{{/each}}
-</style>
+{{> @import-client-styles styles=portalStyles }}
 {{/unless}}
 {{/if}}
 

package/src/lib/_imports/components/c-card/_c-card--one-image.hbs

@@ -1,6 +1,7 @@
 <article class="c-card c-card--image">
   <h3>Card - Image</h3>
   <!--<p>{{> @text-of-one-paragraph-short }}</p>-->
-  <p class="c-message c-message--scope-inline c-message--type-warning">Styles not in Core yet. See <a href="https://dev.tup.tacc.utexas.edu/design-system/pattern-library-manual/c-card/">TUP Demo</a> instead.</p>
+  {{> @message tag="span" type="warning" scope="inline"
+    content='Styles not in Core yet. See <a href="https://dev.tup.tacc.utexas.edu/design-system/pattern-library-manual/c-card/">TUP Demo</a> instead.' }}
   <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png" />
 </article>

package/src/lib/_imports/components/c-card/_c-card--one-standard.hbs

@@ -2,7 +2,9 @@
 
 <article class="c-card c-card--standard-{{variant}}">
   <h3>Card - Standard {{variant}}</h3>
-  <p>This is a backup variant. <span class="c-message--scope-inline c-message--type-warning">Only use if <code>c-card--standard</code> fails.</span></p>
+  <p>This is a backup variant.
+    {{> @message tag="span" type="warning" scope="inline"
+        content="Only use if <code>c-card--standard</code> fails." }}</p>
 </article>
 
 {{else}}

package/src/lib/_imports/components/c-card/_c-card--one-with-grid.hbs

@@ -2,7 +2,9 @@
 
 <article class="c-card c-card--{{this._self.name}}">
   <h3>Card - {{this._self.label}}</h3>
-  <p>Standard card and its explicit variations. <span class="c-message--scope-inline c-message--type-warning">The explicit variations are only if <code>c-card--standard</code> automatic variation fails and cannot be fixed fast enough.</span></p>
+  <p>Standard card and its explicit variations.
+    {{> @message tag="span" type="warning" scope="inline"
+        content="The explicit variations are only if <code>c-card--standard</code> automatic variation fails and cannot be fixed fast enough." }}</p>
   <div class="o-grid o-grid--col-min-width">
     {{> @c-card--one-standard }}
     {{> @c-card--one-standard variant=1 }}

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

@@ -0,0 +1,50 @@
+{{> @message
+    tag="p"
+    content="There is a complete <code>c-card--image-___</code> feature behind this, but it is not yet documented nor available for other clients; it will be. (It came from TUP CMS.)"
+}}
+<section>
+  <h2>Has Image</h2>
+  <div class="o-grid o-grid o-grid--col-min-width">
+    <a class="c-card c-card--plain c-card--image-top" href="#">
+      <img alt="a paper with a gavel, a shielf with a checkmark" src="https://docs.tacc.utexas.edu/img/home/conduct.png">
+      <h3>One</h3>
+      <p>{{> @text-of-one-sentence }}</p>
+    </a>
+    <a class="card--plain card--image-top" href="#">
+      <img alt="a lock with a gear and nodes" src="https://docs.tacc.utexas.edu/img/home/multi-factor.png">
+      <h3>Two</h3>
+      <p>{{> @text-of-one-sentence }}</p>
+    </a>
+    <a class="c-card c-card--plain c-card--image-top" href="#">
+        <img alt="a photograph of rows of tables with trainees using laptops" src="https://docs.tacc.utexas.edu/img/home/file-share.png">
+      <h3>Three</h3>
+      <p>{{> @text-of-one-sentence }}</p>
+    </a>
+    <a class="c-card c-card--plain c-card--image-top" href="#">
+      <img alt="an interface window with a graduation cap and a play button being pressed by a finger" src="https://docs.tacc.utexas.edu/img/home/remote.png">
+      <h3>Four</h3>
+      <p>{{> @text-of-one-sentence }}</p>
+    </a>
+  </div>
+</section>
+<section>
+  <h2>No Image</h2>
+  <div class="o-grid o-grid o-grid--col-min-width">
+    <a class="c-card c-card--plain" href="#">
+      <h3>One</h3>
+      <p>{{> @text-of-one-paragraph-short }}</p>
+    </a>
+    <a class="c-card c-card--plain" href="#">
+      <h3>Two</h3>
+      <p>{{> @text-of-one-paragraph-short }}</p>
+    </a>
+    <a class="c-card c-card--plain" href="#">
+      <h3>Three</h3>
+      <p>{{> @text-of-one-paragraph-short }}</p>
+    </a>
+    <a class="c-card c-card--plain" href="#">
+      <h3>Four</h3>
+      <p>{{> @text-of-one-paragraph-short }}</p>
+    </a>
+  </div>
+</section>

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

@@ -0,0 +1 @@
+A link with an (optional) image, a large heading, and some text.

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

@@ -14,6 +14,12 @@ variants:
     status: backup
   # - name: image
   #   status: prototype
+  - name: docs
+    status: ready
+    context:
+      shouldLoadDocs: true
+      supportStyles:
+        - ../../assets/objects/o-grid.css
   - name: frontera
     status: deprecated
     📝 name: using "frontera-about-page" breaks the demo

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

@@ -0,0 +1,34 @@
+@import url("./c-card.selectors.css");
+
+
+
+/* To make card paragraphs match those in Core CMS */
+:--c-card p {
+  margin-top: 0; /* mimics Bootstrap _reboot.scss */
+}
+
+
+
+/* To style a linked card */
+:--c-card:not(:--c-card--image) {
+  display: block;
+}
+:--c-card,
+:--c-card:hover /* overwrite core-styles.base.css */ {
+  color: inherit;
+}
+:--c-card:hover {
+  text-decoration: none;
+}
+:--c-card:hover :is( h1, h2, h3, h4, h5, h6 ) {
+  /* To mimic TACC/Core-Styles .x-link */
+  text-underline-offset: 0.2em;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-thickness: var(--global-border-width--normal);
+}
+:--c-card:active :is( h1, h2, h3, h4, h5, h6 ) {
+  /* To mimic TACC/Core-Styles .x-link */
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+}

package/src/lib/_imports/components/c-card--from-tup-cms.css

@@ -0,0 +1,135 @@
+@import url("./c-card.selectors.css");
+
+/* FIX CARD */
+
+/* XXX: When migrated:
+        2. Prevent these styles in apps/tup-ui TicketHistory CSS */
+:--c-card p:last-child {
+    margin-bottom: 2rem; /* restore <p> `margin-bottom `*/
+}
+
+/* To more specifically control c-card link font weight */
+/* XXX: When migrated:
+        2. Prevent these styles in apps/tup-ui TicketHistory CSS */
+:--c-card a.c-button {
+    font-weight: var(--bold);
+}
+
+:--c-card h4 {
+    margin-bottom: 1em;
+}
+
+
+
+
+
+/* ADD CARD--IMAGE */
+
+/* Image */
+
+:--c-card--image {
+    display: grid;
+}
+
+:--c-card--image-top {
+    padding-top: 0;
+}
+:--c-card--image-left {
+    padding-left: 0;
+    padding-bottom: var(--global-space--pattern-pad);
+}
+:--c-card--image-right {
+    padding-right: 0;
+    padding-bottom: var(--global-space--pattern-pad);
+}
+:--c-card--image-bottom {
+    padding-bottom: 0;
+}
+
+
+
+/* Image: Left & Right */
+
+:--c-card--image-left,
+:--c-card--image-right {
+    --image-width: 50%;
+
+    grid-column-gap: var(--global-space--pattern-pad);
+
+    /* Repeat many times, because element count is unknown */
+    grid-template-rows: repeat(10, min-content);
+}
+:--c-card--image-left > img,
+:--c-card--image-right > img {
+    grid-row-start: 1;
+    grid-row-end: -1;
+
+    /* To remove card padding */
+    margin-block: calc( -1 * var(--global-space--pattern-pad) );
+}
+
+:--c-card--image-left {
+    grid-template-columns: var(--image-width) 1fr; /* to overwrite `.c-card` */
+}
+:--c-card--image-left > img {
+    grid-column-start: 1;
+    grid-column-end: span 1;
+}
+
+:--c-card--image-right {
+    grid-template-columns: 1fr var(--image-width); /* to overwrite `.c-card` */
+}
+:--c-card--image-right > img {
+    grid-column-start: 2;
+    grid-column-end: span 1;
+}
+
+
+
+/* Image: Top & Bottom */
+
+:--c-card--image-top,
+:--c-card--image-bottom {
+    --image-height: auto;
+    --global-space--pattern-pad: 15px;
+
+    /* Use extra columns to add horizontal padding */
+    grid-template-columns: var(--global-space--pattern-pad) 1fr var(--global-space--pattern-pad);
+    padding-inline: unset;
+}
+:--c-card--image-top > :not(img),
+:--c-card--image-bottom > :not(img) {
+    /* Span only columns for content */
+    grid-column-start: 2;
+    grid-column-end: -2;
+}
+:--c-card--image-top > img,
+:--c-card--image-bottom > img {
+    /* Span all columns, padding and content */
+    grid-column-start: 1;
+    grid-column-end: -1;
+}
+
+:--c-card--image-top {
+    /* Repeat many times, because element count is unknown */
+    grid-template-rows: repeat(10, min-content) var(--image-height);
+}
+:--c-card--image-top > img {
+    grid-row-start: 1;
+    margin-bottom: var(--global-space--pattern-pad);
+}
+:--c-card--image-bottom > :is(h1, h2, h3, h4, h5):first-of-type {
+    margin-top: unset; /* to avoid combining margin with image */
+}
+
+:--c-card--image-bottom {
+    /* Repeat many times, because element count is unknown */
+    grid-template-rows: var(--image-height) repeat(10, min-content);
+}
+:--c-card--image-bottom > img {
+    grid-row-end: -1;
+    margin-top: var(--global-space--pattern-pad);
+}
+:--c-card--image-bottom > p:last-of-type {
+    margin-bottom: unset; /* to avoid combining margin with image */
+}