diff --git a/dist/components/c-app-card.css b/dist/components/c-app-card.css index e0abccdc..4afe78ee 100644 --- a/dist/components/c-app-card.css +++ b/dist/components/c-app-card.css @@ -1 +1 @@ -/*! @tacc/core-styles 2.34.0+ | MIT | github.com/TACC/Core-Styles */:is(.c-app-card){display:flex;flex-direction:column;text-align:center}:is(.c-app-card):where(a){color:inherit}:is(.c-app-card):where(a):hover{text-decoration:none}:is(.c-app-card__types){flex-grow:1}:is(.c-app-card__title)>.icon{vertical-align:middle}:is(.c-app-card__types){align-items:center;display:flex;flex-grow:0;flex-wrap:wrap;justify-content:center;margin-block:auto}:is(.c-app-card__types):where(ul){padding-inline-start:0}:is(.c-app-card__types)>:where(li,div,p){display:inline}:is(.c-app-card__types)>:not(:last-child):after{content:"•";display:inline;margin-inline:.25em}:is(.c-app-card__flags){display:flex;flex-direction:row;justify-content:space-between}:is(.c-app-card__flags):where(ul){list-style:none;margin-block:unset;padding-inline-start:0}:is(.c-app-card__flags):not(:is(.c-app-card__types)~*){align-items:end;flex-grow:1}:is(.c-app-card__flags)>:is(.c-app-card__repo){margin-left:auto}:is(.c-app-card):has(:is(.c-app-card__link)){position:relative}:is(.c-app-card__link){bottom:0;color:transparent!important;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none} \ No newline at end of file +/*! @tacc/core-styles 2.34.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}:is(.c-app-card){display:flex;flex-direction:column;text-align:center}:is(.c-app-card):where(a){color:inherit}:is(.c-app-card):where(a):hover{text-decoration:none}:is(.c-app-card__types){flex-grow:1}:is(.c-app-card__title)>.icon{vertical-align:middle}:is(.c-app-card__desc){--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}:is(.c-app-card__types){align-items:center;display:flex;flex-grow:0;flex-wrap:wrap;justify-content:center;margin-block:auto}:is(.c-app-card__types):where(ul){padding-inline-start:0}:is(.c-app-card__types)>:where(li,div,p){display:inline}:is(.c-app-card__types)>:not(:last-child):after{content:"•";display:inline;margin-inline:.25em}:is(.c-app-card__flags){display:flex;flex-direction:row;justify-content:space-between}:is(.c-app-card__flags):where(ul){list-style:none;margin-block:unset;padding-inline-start:0}:is(.c-app-card__flags):not(:is(.c-app-card__types)~*){align-items:end;flex-grow:1}:is(.c-app-card__flags)>:is(.c-app-card__repo){margin-left:auto}:is(.c-app-card):has(:is(.c-app-card__link)){position:relative}:is(.c-app-card__link){bottom:0;color:transparent!important;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none} \ No newline at end of file diff --git a/src/lib/_imports/components/c-app-card.css b/src/lib/_imports/components/c-app-card.css index 1231ccc1..729d9a01 100644 --- a/src/lib/_imports/components/c-app-card.css +++ b/src/lib/_imports/components/c-app-card.css @@ -1,3 +1,5 @@ +@import url('../tools/x-truncate.css'); + @custom-selector :--c-app-card .c-app-card; @@ -48,6 +50,12 @@ } +/* Desc */ +:--c-app-card__desc { + @mixin truncate--many-lines; +} + + /* Types */ :--c-app-card__types {