@tacc/core-styles 2.43.1 → 2.44.0

package/src/lib/_imports/tools/x-feed-list.css

@@ -0,0 +1,161 @@
+@import url('../tools/x-truncate.css');
+@import url('../tools/x-action.css');
+
+
+
+
+/* BASE */
+
+@define-mixin feed-list {
+    display: flex;
+    flex-direction: column;
+    font-size: var(--global-font-size--small);
+}
+/* DEMO-USE ONLY */
+.x-feed-list {
+    @mixin feed-list;
+}
+
+
+
+
+/* ELEMENTS */
+
+
+/* Title */
+
+@define-mixin feed-list__title {
+    margin-top: 0;
+    margin-bottom: 10px;
+
+    @mixin truncate--one-line;
+}
+/* DEMO-USE ONLY */
+.x-feed-list__title {
+    @mixin feed-list__title;
+}
+
+
+/* Item */
+
+@define-mixin feed-list__item {
+    display: grid;
+    grid-template-areas:
+        'time time'
+        'name link'
+        'desc link';
+    grid-template-columns: 1fr auto;
+    padding-block: 10px;
+    border-top: var(--global-border-width--normal) solid var(--global-color-primary--dark);
+
+    &:last-of-type {
+        border-bottom: var(--global-border-width--normal) solid var(--global-color-primary--xx-dark);
+    }
+}
+/* DEMO-USE ONLY */
+.x-feed-list__item {
+    @mixin feed-list__item;
+}
+
+/* Item: Elements */
+
+@define-mixin feed-list__item-time {
+    grid-area: time;
+
+    display: flex;
+    gap: 0.25em;
+
+    color: var(--global-color-secondary--normal);
+    font-weight: var(--medium);
+    text-transform: uppercase;
+}
+/* DEMO-USE ONLY */
+.x-feed-list__item-time {
+    @mixin feed-list__item-time;
+}
+
+@define-mixin feed-list__item-name {
+    grid-area: name;
+
+    margin-top: 10px;
+    margin-bottom: 5px;
+}
+/* DEMO-USE ONLY */
+.x-feed-list__item-name {
+    @mixin feed-list__item-name;
+}
+
+@define-mixin feed-list__item-desc {
+    grid-area: desc;
+
+    margin-block-start: 0;
+    /* NOTE: Value arises from guess-n-check */
+    /* FAQ: Prevents unexplained visibile 3rd line */
+    margin-block-end: 1.15rem;
+
+    @mixin truncate--many-lines;
+}
+/* DEMO-USE ONLY */
+.x-feed-list__item-desc {
+    @mixin feed-list__item-desc;
+}
+
+@define-mixin feed-list__item-link {
+    grid-area: link;
+
+    padding-inline: var(--global-space--unnamed);
+    display: flex;
+    align-items: center;
+}
+/* DEMO-USE ONLY */
+.x-feed-list__item-link {
+    @mixin feed-list__item-link;
+}
+
+
+
+
+/* "(See) More" Link */
+
+@define-mixin feed-list__more {
+    padding-top: 15px;
+    font-weight: var(--bold);
+    font-size: var(--global-font-size--medium);
+
+    margin-block: 0 2rem;
+
+    @mixin truncate--one-line;
+}
+@define-mixin feed-list__more-link {
+    @mixin action--with-icon;
+}
+@define-mixin feed-list__more-icon {
+    @mixin action__icon;
+}
+/* DEMO-USE ONLY */
+.x-feed-list__more {
+    @mixin feed-list__more;
+}
+.x-feed-list__more-link {
+    @mixin feed-list__more-link;
+}
+.x-feed-list__more-icon {
+    @mixin feed-list__more-icon;
+}
+
+
+
+
+/* PATTERNS */
+
+@define-mixin feed-list__pill {
+    margin-left: 0.5ch;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+/* DEMO-USE ONLY */
+.x-feed-list .c-pill {
+    @mixin feed-list__pill;
+}

package/src/lib/_imports/tools/x-hero-banner.css

@@ -45,18 +45,17 @@
 }
 
 @define-mixin hero-banner-article--wide-context {
-  --offset-left: 116px;
   --container-gap: 0;
 
   position: absolute;
-  left: var(--offset-left);
+  left: 0;
   bottom: 50px;
 
   width: 610px;
   box-sizing: border-box;
-  max-width: calc( 100cqw - var(--offset-left));
+  max-width: 100cqw;
 
-  margin-left: calc(-1 * (var(--inset-left) + var(--offset-left)) + var(--container-gap));
+  margin-left: calc(-1 * var(--inset-left) + var(--container-gap));
 }
 @define-mixin hero-banner-article--in-container {
   --container-gap: calc( var(--global-space--bootstrap-gap) / 2 );

package/src/lib/_imports/tools/x-truncate.css

@@ -48,7 +48,7 @@ Styleguide Tools.Mixins.Truncate
 /* One Line */
 
 @define-mixin truncate--one-line {
-	text-overflow: var(--text-overflow, ellipsis);
+	text-overflow: ellipsis;
 
 	overflow: hidden;
 	white-space: nowrap;

package/src/lib/_imports/trumps/tacc-search-bar.css

@@ -39,7 +39,7 @@ Styleguide Scopes.SearchBar
 :host [part="form"] {
   /* To ensure search field font matches Portal */
   /* GH-101: Set and rely on header font */
-  /* SEE: https://confluence.tacc.utexas.edu/x/nB4FDg */
+  /* SEE: https://tacc-main.atlassian.net/wiki/x/Nw9v */
   font-family: "Roboto";
 
   display: flex;