fix(demo): replace demo-message with c-message

Usign @extend is not leriable when it must extend after extending. Example: the irregular linsk were not working.
TACC · Dec 17, 2022 · 1b10fd4 · 1b10fd4
1 parent 9b432fd
commit 1b10fd4
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 21 deletions.
diff --git a/dist/components/demo.css b/dist/components/demo.css
diff --git a/dist/core-styles.demo.css b/dist/core-styles.demo.css
diff --git a/dist/elements/demo.css b/dist/elements/demo.css
diff --git a/src/lib/_imports/components/demo.css b/src/lib/_imports/components/demo.css
@@ -1,4 +1,7 @@
 @import url('../components/c-message.css');
+@import url('../tools/x-link.css');
+
+
 
 /* Grid */
 
@@ -10,8 +13,6 @@
   margin: unset; /* undo browser & Bootstrap */
 }
 
-
-
 /* Grid: Boxes */
 
 .demo-grid--boxes > * {
@@ -42,18 +43,3 @@
   grid-row: 1 / 1;
   grid-column: 1 / 1;
 }
-
-
-
-
-
-/* Message */
-
-.demo-message {
-  @extend .c-message--scope-global;
-
-  position: sticky;
-  top: 0;
-
-  font-family: var(--global-font-family--sans);
-}
diff --git a/src/lib/_imports/settings/font/font.hbs b/src/lib/_imports/settings/font/font.hbs
@@ -1,5 +1,5 @@
 {{#if shouldShowSizeMessage}}
-<p class="demo-message">
+<p class="c-message c-message--scope-global">
   There are currently <em><strong>no</strong> default font sizes <strong>nor</strong> default font families</em>. A client must load <strong>CMS</strong> styles or <strong>Portal</strong> styles or their own custom font sizes.
 </p>
 {{/if}}