From c9795f5e0dd16b68d8bfa29a9a32c5cb230eefef Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Wed, 24 Jul 2024 17:13:28 -0500
Subject: [PATCH] feat: CMD-143 deprecate most cms doc classes (#355)

I combined styles that are still used into `s-guide-doc.css`.

I deprecated the remaining classes.

Clients will have redundant stlyes on guide docs until they stop using:
- s-document
- s-inline-dl
- u-nested-text-content

The following class is still used:
- s-guide-doc
---
 src/lib/_imports/core-styles.docs.css         |  7 ------
 src/lib/_imports/trumps/s-document.css        |  2 +-
 src/lib/_imports/trumps/s-guide-doc.css       | 24 +++++++++++++++++++
 src/lib/_imports/trumps/s-inline-dl.css       |  2 +-
 .../_imports/trumps/u-nested-text-content.css |  2 +-
 5 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/lib/_imports/core-styles.docs.css b/src/lib/_imports/core-styles.docs.css
index 527b92ca8..6d825b864 100644
--- a/src/lib/_imports/core-styles.docs.css
+++ b/src/lib/_imports/core-styles.docs.css
@@ -31,10 +31,3 @@
 @import url("./components/c-card.css");
 @import url("./components/c-card--docs.css");
 @import url("./components/tacc-docs.css");
-
-/* TRUMPS */
-/* These styles from retired Core-CMS doc pages might be useful */
-/* ./trumps/s-document.css */
-/* ./trumps/s-guide-doc.css */
-/* ./trumps/s-inline-dl.css */
-/* ./trumps/u-nested-text-content.css */
diff --git a/src/lib/_imports/trumps/s-document.css b/src/lib/_imports/trumps/s-document.css
index 5048e0166..93982f354 100644
--- a/src/lib/_imports/trumps/s-document.css
+++ b/src/lib/_imports/trumps/s-document.css
@@ -1,5 +1,5 @@
 /*
-Document
+(DEPRECATED) Document
 
 Styles for elements within a document page or section
 
diff --git a/src/lib/_imports/trumps/s-guide-doc.css b/src/lib/_imports/trumps/s-guide-doc.css
index d6f28253a..4c8975cbb 100644
--- a/src/lib/_imports/trumps/s-guide-doc.css
+++ b/src/lib/_imports/trumps/s-guide-doc.css
@@ -21,6 +21,30 @@ Styleguide Trumps.Scopes.GuideDoc
   text-align: center;
 }
 
+/* ELEMENTS: Description List */
+
+.s-guide-doc dt {
+  display: block;
+  float: left;
+
+  /* Remove space between <dt> and <dd> (from our styles) */
+  /* SEE: ../elments/html-elements.html */
+  margin-bottom: 0;
+
+  font-weight: var(--bold);
+}
+.s-guide-doc dt::after {
+  content: ':';
+
+  margin-inline-end: 0.25em;
+}
+.s-guide-doc dd {
+  clear: right;
+
+  /* Remove space between <dd>'s (from Bootstrap) */
+  margin-bottom: 0;
+}
+
 
 
 
diff --git a/src/lib/_imports/trumps/s-inline-dl.css b/src/lib/_imports/trumps/s-inline-dl.css
index b5cf64edd..25dc2c70d 100644
--- a/src/lib/_imports/trumps/s-inline-dl.css
+++ b/src/lib/_imports/trumps/s-inline-dl.css
@@ -1,5 +1,5 @@
 /*
-"Inline" Description List
+(DEPRECATED) "Inline" Description List
 
 Of `<dl>` (description lists), make terms in-line with descritpions.
 
diff --git a/src/lib/_imports/trumps/u-nested-text-content.css b/src/lib/_imports/trumps/u-nested-text-content.css
index bf7eb92c0..37f6da30a 100644
--- a/src/lib/_imports/trumps/u-nested-text-content.css
+++ b/src/lib/_imports/trumps/u-nested-text-content.css
@@ -1,5 +1,5 @@
 /*
-Nested Text Content
+(DEPRECATED) Nested Text Content
 
 Any content that should be nested like a list (`<ol>`, `<ul>`) would be.