@cooperco/cooper-component-library 0.1.85 → 0.1.87

package/dist/lib/css/main.css

@@ -81,15 +81,13 @@ div {
 	}
 }
 
-.tile-content ul,
-ol {
+/* .tile-content ul,
+.tile-content ol {
 	padding-left: 1rem;
-}
+} */
 
-.content-module-body-copy ul,
-.content-module-body-copy ol {
-	padding-left: 1rem;
-}
+/* Bullet list styles in @layer components
+   and shared across .content-module-body-copy and .body-copy-with-lists */
 
 .content-module-body-copy {
 	white-space: pre-line;
@@ -176,19 +174,29 @@ ol {
 }
 
 .content-module-body-copy table ul {
-	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC+SURBVHgBlZIhDsJAEEX/TC2ispIj9AglHAFFSAMcgoSqtqrhFEAIQXICkkokV8BVIrDMsG2QpDt9YtXbn8z8IfyITlWCgHNSihUaglBD5dgssgMGQF3YZZdDUPw1mItmvilhDYzO1cr92vdaIpMmzWoYYBAvvZZbBYwwFIlPIkUMI0ygl09SIIQRVtKH12obtwbiI/4G3fnACHftSU+ooBxyi0H7vK+3ejSbPt1oblc07vZKeofoukm35rCWL0j/OzNOthmaAAAAAElFTkSuQmCC");
+	list-style: none;
 	margin: 1em 0 0 1em;
-	padding-left: 2em;
+	padding-left: 0;
 	text-align: left;
 }
 
-.content-module-body-copy table td:nth-child(2) ul {
-	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADJSURBVHgBlZKxDcIwEEX/JQWkQZ4A0kY0WQAUNoiyADBJxAZsQNIDMwSRgpIKWsIELqEAc0ZpwZcnfeskf31L30doSVSavIyf8xizFKsCmfKo9wU64NtjOsjyN7yCx5DVb+94pjTsRWie1wOE0ERlCxja/DMZolmttxUEeOyeu0xkTA4hHisR+GIIsYFa4FMQYgPPThfxj0sDufCV22ZKCPHvj8ttGIyJfnRpH6z1bg0h3z3k0GoURA2IbFchbK+EE4cteV0KdOADmKo0tCBN9gAAAAAASUVORK5CYII=");
-}
-
 .content-module-body-copy table ul li {
+	position: relative;
+	padding-left: 1.5em;
 	margin: 0;
-	padding: 0;
+}
+
+.content-module-body-copy table td:first-child {
+	--bullet-color: var(--rosemary);
+}
+
+.content-module-body-copy table td:nth-child(2) {
+	--bullet-color: var(--iris);
+}
+
+.content-module-body-copy table td:nth-child(3),
+.content-module-body-copy table td:nth-child(4) {
+	--bullet-color: var(--rosemary);
 }
 
 .content-module-body-copy table ul p {
@@ -200,7 +208,7 @@ ol {
 }
 
 .accordion-item-body ul,
-ol {
+.accordion-item-body ol {
 	padding-left: 1rem;
 }
 
@@ -210,7 +218,6 @@ ol {
 	}
 }
 
-
 @media (min-width: 1024px) {
 	.container-hero-right {
 		padding-right: max(20px, calc((100% - 1024px) / 2));
@@ -273,44 +280,63 @@ ol {
 	transform: translateY(0);
 }
 
-/* Apply bullet color to list markers */
-.body-copy-with-lists ul,
-.body-copy-with-lists ol {
-	list-style: none;
-	padding-left: 0;
-}
+/* ─── Unified bullet styles ─── */
+@layer components {
+	/* Unordered list */
+	.content-module-body-copy ul,
+	.body-copy-with-lists ul,
+	.accordion-item-body ul {
+		list-style: none;
+		padding-left: 0;
+	}
 
-.body-copy-with-lists ul li {
-	position: relative;
-	padding-left: 1.5em;
-}
+	.content-module-body-copy ul li,
+	.body-copy-with-lists ul li,
+	.accordion-item-body ul li {
+		position: relative;
+		padding-left: 1.5rem;
+	}
 
-.body-copy-with-lists ul li::before {
-	content: '•';
-	color: var(--bullet-color);
-	font-size: 2em;
-	position: absolute;
-	left: 0;
-	line-height: 0.8;
-}
+	.content-module-body-copy ul li::before,
+	.body-copy-with-lists ul li::before,
+	.accordion-item-body ul li::before {
+		content: '•';
+		color: var(--bullet-color);
+		font-size: 2em;
+		line-height: 0.8;
+		position: absolute;
+		left: 0;
+	}
 
-.body-copy-with-lists ol li {
-	position: relative;
-	padding-left: 1.8em;
-	counter-increment: list-counter;
-}
+	/* Ordered list */
+	.content-module-body-copy ol,
+	.body-copy-with-lists ol,
+	.accordion-item-body ol {
+		list-style: none;
+		padding-left: 0;
+		counter-reset: list-counter;
+	}
 
-.body-copy-with-lists ol {
-	counter-reset: list-counter;
-}
+	.content-module-body-copy ol li,
+	.body-copy-with-lists ol li,
+	.accordion-item-body ol li {
+		position: relative;
+		padding-left: 1em;
+		counter-increment: list-counter;
+	}
 
-.body-copy-with-lists ol li::before {
-	content: counter(list-counter) '.';
-	color: var(--bullet-color);
-	font-size: 1.2em;
-	position: absolute;
-	left: 0;
-	font-weight: 600;
+	.content-module-body-copy ol li::before,
+	.body-copy-with-lists ol li::before,
+	.accordion-item-body ol li::before {
+		content: counter(list-counter) '.';
+		color: var(--bullet-color);
+		font-size: 1em;
+		line-height: inherit;
+		position: absolute;
+		left: 0;
+		top: 0;
+		font-weight: 600;
+	}
 }
 
 @layer utilities {