@tacc/core-styles 2.21.0 → 2.21.2

package/src/lib/_imports/elements/table--basic.css

@@ -8,7 +8,7 @@ table,
   --cell-line-height: 1.1;
 
   /* To prevent borders from being hidden */
-  /* NOTE: Specifically, the right border of pinned columns (narrow windows) */
+  /* SEE: TABLE WITH A <thead> */
   border-collapse: separate; /* overwrite Bootstrap */
   border-spacing: 0;
 
@@ -19,9 +19,19 @@ table,
   display: table; /* to mimic shrink-wrap width of real table */
 }
 
-/* To add top border to tbody (unless nested) */
-/* FAQ: Added to cell, not row, because `border-collapse: separate` */
-tbody > tr:first-child > :is(td, th),
+/* TABLE WITH A <thead> */
+/* FAQ: To __avoid__ <thead> border scrolling away on an `o-fixed-header-table`:
+        - border must be on the cells
+        - table must have `border-collapse: separate` */
+thead tr:last-child :is(td, th) {
+  border-bottom: var(--global-border-width--normal) solid var(--global-color-primary--dark);
+}
+/* TABLE WITH NO <thead> */
+/* FAQ: To __avoid__ styling a __nested__ table, must use direct selector `>`  */
+/* FAQ: To __ensure__ border is __visible__:
+        - border must be on cell
+          (because table has `border-collapse: separate`) */
+tbody:not(thead + tbody) > tr:first-child > :is(td, th),
 :--s-paragraph-table {
   border-top: var(--global-border-width--normal) solid var(--global-color-primary--dark);
 }

package/src/lib/_imports/elements/table.cms.css

@@ -9,7 +9,8 @@ table,
   border-bottom: var(--global-border-width--thick) solid var(--global-color-primary--dark);
 }
 
-/* To thicken top border of headless table */
+/* TABLE WITH NO <thead> */
+/* To thicken top border */
 tbody:not(thead + tbody) > tr:first-child > :is(td,th),
 :--s-paragraph-table {
   border-top-width: var(--global-border-width--thick);

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

@@ -1,6 +0,0 @@
-<article class="card--image-bottom c-card--plain">
-    <h3><a href="#">Card - Image Bottom</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/43/1a/431abd68-5142-4fa2-a5d1-0644a19361b9/main-skeletalai-feature-1200x800-c-default.jpg__992x992_q85_subsampling-2.jpg" />
-</article>

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

@@ -1,6 +0,0 @@
-<article class="card--image card--image-bottom">
-    <h3><a href="#">Card - Image Bottom</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/43/1a/431abd68-5142-4fa2-a5d1-0644a19361b9/main-skeletalai-feature-1200x800-c-default.jpg__992x992_q85_subsampling-2.jpg" />
-</article>

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

@@ -1,6 +0,0 @@
-<article class="card--image-left c-card--plain">
-    <h3><a href="#">Card - Image Left</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/1e/bb/1ebb892b-a975-43ee-af7b-9fdb254cc439/rattler-crop.jpg__576x576_q85_subsampling-2.jpg" />
-</article>

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

@@ -1,6 +0,0 @@
-<article class="card--image card--image-left">
-    <h3><a href="#">Card - Image Left</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/1e/bb/1ebb892b-a975-43ee-af7b-9fdb254cc439/rattler-crop.jpg__576x576_q85_subsampling-2.jpg" />
-</article>

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

@@ -1,6 +0,0 @@
-<article class="card--image-right c-card--plain">
-    <h3><a href="#">Card - Image Right</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/1e/bb/1ebb892b-a975-43ee-af7b-9fdb254cc439/rattler-crop.jpg__576x576_q85_subsampling-2.jpg" />
-</article>

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

@@ -1,6 +0,0 @@
-<article class="card--image card--image-right">
-    <h3><a href="#">Card - Image Right</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/1e/bb/1ebb892b-a975-43ee-af7b-9fdb254cc439/rattler-crop.jpg__576x576_q85_subsampling-2.jpg" />
-</article>

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

@@ -1,6 +0,0 @@
-<article class="card--image-top c-card--plain">
-    <h3><a href="#">Card - Image Top</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/43/1a/431abd68-5142-4fa2-a5d1-0644a19361b9/main-skeletalai-feature-1200x800-c-default.jpg__992x992_q85_subsampling-2.jpg" />
-</article>

package/src/lib/_imports/components/c-card/_c-card--image-top-staff-plain.hbs

@@ -1,8 +0,0 @@
-<article class="card--image card--image-top c-card--plain">
-    <h4><a href="#">Bender Rodríguez</a></h4>
-    <p>Planet Express Worker</p>
-    <p>Anti-hero in Futurama</p>
-    <img class="img-fluid" width="234px" height="293px"
-        src="https://cohro.ukzn.ac.za/wp-content/uploads/2019/02/profile-placeholder.png"
-        title="University of Texas at Austin" class="img-fluid">
-</article>

package/src/lib/_imports/components/c-card/_c-card--image-top-staff-transparent.hbs

@@ -1,8 +0,0 @@
-<article class="card--image card--image-top">
-    <h4><a href="#">Bender Rodríguez</a></h4>
-    <p>Planet Express Worker</p>
-    <p>Anti-hero in Futurama</p>
-    <img class="img-fluid" width="234px" height="293px"
-        src="https://cohro.ukzn.ac.za/wp-content/uploads/2019/02/profile-placeholder.png"
-        title="University of Texas at Austin" class="img-fluid">
-</article>

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

@@ -1,6 +0,0 @@
-<article class="card--image card--image-top">
-    <h3><a href="#">Card - Image Top</a></h3>
-    <p>{{> @text-of-one-paragraph-short }}</p>
-    <img
-        src="https://www.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/43/1a/431abd68-5142-4fa2-a5d1-0644a19361b9/main-skeletalai-feature-1200x800-c-default.jpg__992x992_q85_subsampling-2.jpg" />
-</article>