c-feed-list.css

/*! @tacc/core-styles 2.43.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-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.x-action--with-icon{align-items:center;display:inline-flex;gap:.5em}.x-action__icon{font-size:1.2em}:root{--global-space--unnamed:50px}.x-feed-list{display:flex;flex-direction:column;font-size:var(--global-font-size--small)}.x-feed-list__title{margin-bottom:10px;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-feed-list__item{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);display:grid;grid-template-areas:"time time" "name link" "desc link";grid-template-columns:1fr auto;padding-block:10px}.x-feed-list__item:last-of-type{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--xx-dark)}.x-feed-list__item-time{color:var(--global-color-secondary--normal);display:flex;font-weight:var(--medium);gap:.25em;grid-area:time;text-transform:uppercase}.x-feed-list__item-name{grid-area:name;margin-bottom:5px;margin-top:10px}.x-feed-list__item-desc{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;grid-area:desc;margin-block-end:1.15rem;margin-block-start:0;overflow:hidden}.x-feed-list__item-link{align-items:center;display:flex;grid-area:link;padding-inline:var(--global-space--unnamed)}.x-feed-list__more{font-size:var(--global-font-size--medium);font-weight:var(--bold);margin-block:0 2rem;overflow:hidden;padding-top:15px;text-overflow:ellipsis;white-space:nowrap}.x-feed-list__more-link{align-items:center;display:inline-flex;gap:.5em}.x-feed-list__more-icon{font-size:1.2em}.x-feed-list .c-pill{align-items:center;display:flex;justify-content:center;margin-left:.5ch}.c-feed-list{display:flex;flex-direction:column;font-size:var(--global-font-size--small)}.c-feed-list>:is(h1,h2,h3,h4,h5,h6){margin-bottom:10px;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.c-feed-list>div,.c-feed-list>article){border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);display:grid;grid-template-areas:"time time" "name link" "desc link";grid-template-columns:1fr auto;padding-block:10px}:is(.c-feed-list>div,.c-feed-list>article):last-of-type{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--xx-dark)}:is(.c-feed-list>div,.c-feed-list>article)>p:has(time),:is(.c-feed-list>div,.c-feed-list>article)>time{color:var(--global-color-secondary--normal);display:flex;font-weight:var(--medium);gap:.25em;grid-area:time;text-transform:uppercase}:is(.c-feed-list>div,.c-feed-list>article)>p:has(time){margin-bottom:unset}:is(.c-feed-list>div,.c-feed-list>article)>:is(h1,h2,h3,h4,h5,h6){grid-area:name;margin-bottom:5px;margin-top:10px}:is(.c-feed-list>div,.c-feed-list>article)>p:not(:has(time,a:only-child)){--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;grid-area:desc;margin-block-end:1.15rem;margin-block-start:0;overflow:hidden}:is(.c-feed-list>div,.c-feed-list>article)>p:has(a:only-child){align-items:center;display:flex;grid-area:link;padding-inline:var(--global-space--unnamed)}.c-feed-list>a:last-child,.c-feed-list>p:has(a:only-child){font-size:var(--global-font-size--medium);font-weight:var(--bold);margin-block:0 2rem;overflow:hidden;padding-top:15px;text-overflow:ellipsis;white-space:nowrap}.c-feed-list>a:last-child,.c-feed-list>p>a:only-child{align-items:center;display:inline-flex;gap:.5em}:is(.c-feed-list>a:last-child,.c-feed-list>p>a:only-child) .icon{font-size:1.2em}.c-feed-list .c-pill{align-items:center;display:flex;justify-content:center;margin-left:.5ch}