@cooperco/cooper-component-library 0.1.128 → 0.1.129

package/dist/lib/css/main.css

@@ -101,6 +101,11 @@ div {
 	word-break: break-word;
 }
 
+.container-collection-headline {
+	max-width: 15ch;
+	white-space: pre-line;
+}
+
 .content-module-body-copy strong,
 .content-module-body-copy b {
 	color: var(--copy-accent-color);
@@ -118,7 +123,8 @@ div {
 	color: var(--copy-accent-color);
 }
 
-.content-module-body-copy table {
+.content-module-body-copy table,
+.table-module table {
 	width: 100%;
 	border-collapse: separate;
 	border-spacing: 0;
@@ -129,7 +135,8 @@ div {
 	white-space: normal;
 }
 
-.content-module-body-copy table th {
+.content-module-body-copy table th,
+.table-module table th {
 	color: var(--iris);
 	font-family: 'GT-Walsheim-Bd';
 	padding: 0.75em 1em;
@@ -137,12 +144,14 @@ div {
 	text-align: center;
 }
 
-.content-module-body-copy table th:first-child {
+.content-module-body-copy table th:first-child,
+.table-module table th:first-child {
 	text-align: left;
 }
 
 
-.content-module-body-copy table .table-highlighted-cell {
+.content-module-body-copy table .table-highlighted-cell,
+.table-module table .table-highlighted-cell {
 	background-color: var(--hydrangea) !important;
 	color: var(--iris) !important;
 	font-family: 'GT-Walsheim-Bd';
@@ -150,7 +159,9 @@ div {
 }
 
 .content-module-body-copy table .table-empty-row,
-.content-module-body-copy table .table-empty-column {
+.content-module-body-copy table .table-empty-column,
+.table-module table .table-empty-row,
+.table-module table .table-empty-column {
 	background-color: var(--iris) !important;
 	/* keep text readable; override color if necessary */
 	color: white !important;
@@ -159,21 +170,25 @@ div {
 	border-bottom: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table th:not(:last-child) {
+.content-module-body-copy table th:not(:last-child),
+.table-module table th:not(:last-child) {
 	border-right: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table td {
+.content-module-body-copy table td,
+.table-module table td {
 	padding: 1em;
 	text-align: center;
 	vertical-align: middle;
 }
 
-.content-module-body-copy table tr:not(:last-child) td {
+.content-module-body-copy table tr:not(:last-child) td,
+.table-module table tr:not(:last-child) td {
 	border-bottom: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table td:not(:last-child) {
+.content-module-body-copy table td:not(:last-child),
+.table-module table td:not(:last-child) {
 	border-right: 1px solid rgb(0, 0, 0);
 }
 
@@ -182,8 +197,13 @@ div {
 	text-align: left;
 }
 
+.table-module table td:first-child {
+	text-align: left;
+}
+
 
-.content-module-body-copy table td:only-child {
+.content-module-body-copy table td:only-child,
+.table-module table td:only-child {
 	background-color: var(--iris);
 	color: white;
 	font-family: 'GT-Walsheim-Bd';
@@ -191,43 +211,53 @@ div {
 	text-align: left;
 }
 
-.content-module-body-copy table p {
+.content-module-body-copy table p,
+.table-module table p {
 	margin: 0;
 	white-space: normal;
 }
 
-.content-module-body-copy table td p {
+.content-module-body-copy table td p,
+.table-module table td p {
 	padding-top: 0.5em;
 }
 
-.content-module-body-copy table td p:first-child {
+.content-module-body-copy table td p:first-child,
+.table-module table td p:first-child {
 	padding-top: 0;
 }
 
-.content-module-body-copy table ul {
+.content-module-body-copy table ul,
+.table-module table ul {
 	list-style: none;
 	margin: 1em 0 0 1em;
 	padding-left: 0;
 	text-align: left;
 }
 
-.content-module-body-copy table ul li {
+.content-module-body-copy table ul li,
+.table-module table ul li {
 	position: relative;
 	padding-left: 1.5em;
 	margin: 0;
 }
 
-.content-module-body-copy table td:first-child {
+.content-module-body-copy table td:first-child,
+.table-module table td:first-child {
 	--bullet-color: var(--rosemary);
+	/* no gray background for table-module first col — handled separately above */
 }
 
 
 .content-module-body-copy table td:nth-child(3),
-.content-module-body-copy table td:nth-child(4) {
+.content-module-body-copy table td:nth-child(4),
+.table-module table td:nth-child(3),
+.table-module table td:nth-child(4) {
 	--bullet-color: var(--rosemary);
 }
 
-.content-module-body-copy table ul p {
+.content-module-body-copy table ul p,
+.table-module table ul p {
 	padding-top: 0;
 }