@cooperco/cooper-component-library 0.1.86 → 0.1.88

package/dist/lib/css/main.css

@@ -81,45 +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;
-}
-
-.content-module-body-copy ul {
-  list-style: none;
-  padding-left: 1rem;
-}
-
-.content-module-body-copy ul li {
-  display: flex;
-  align-items: flex-start;
-}
-
-.content-module-body-copy ul li::before {
-  content: "•";
-  color: var(--bullet-color);
-  font-size: 1.2em;
-  line-height: inherit;
-  flex-shrink: 0;
-  margin-right: 0.5rem;
-  margin-left: -1rem;
-}
+} */
 
-.content-module-body-copy ol {
-  list-style: decimal;
-  padding-left: 1.5rem;
-}
-
-.content-module-body-copy ol li::marker {
-  color: var(--bullet-color);
-  font-weight: 600;
-}
+/* 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;
@@ -206,29 +174,29 @@ ol {
 }
 
 .content-module-body-copy table ul {
-	list-style: disc;
+	list-style: none;
 	margin: 1em 0 0 1em;
-	padding-left: 1rem;
+	padding-left: 0;
 	text-align: left;
 }
 
 .content-module-body-copy table ul li {
-	display: list-item;
+	position: relative;
+	padding-left: 1.5em;
 	margin: 0;
-	padding: 0;
 }
 
-.content-module-body-copy table ul li::before {
-	content: none;
-	display: none;
+.content-module-body-copy table td:first-child {
+	--bullet-color: var(--rosemary);
 }
 
-.content-module-body-copy table ul li::marker {
-	color: var(--rosemary);
+.content-module-body-copy table td:nth-child(2) {
+	--bullet-color: var(--iris);
 }
 
-.content-module-body-copy table td:nth-child(2) ul li::marker {
-	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 {
@@ -240,7 +208,7 @@ ol {
 }
 
 .accordion-item-body ul,
-ol {
+.accordion-item-body ol {
 	padding-left: 1rem;
 }
 
@@ -250,7 +218,6 @@ ol {
 	}
 }
 
-
 @media (min-width: 1024px) {
 	.container-hero-right {
 		padding-right: max(20px, calc((100% - 1024px) / 2));
@@ -313,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 {