feat(navigation-logo): Increase font-size of heading with no description

src/components/navigation-logo/navigation-logo.scss

@@ -62,6 +62,10 @@
   font-medium;
 }
 
+.standalone {
+  @apply text-1;
+}
+
 .description {
   @apply text-color-2 truncate;
   font-size: var(--calcite-font-size--1);

src/components/navigation-logo/navigation-logo.tsx

@@ -104,7 +104,14 @@ export class CalciteNavigationLogo implements LoadableComponent {
           {(heading || description) && (
             <div class={CSS.container}>
               {heading && (
-                <span aria-label={this.heading} class={CSS.heading} key={CSS.heading}>
+                <span
+                  aria-label={this.heading}
+                  class={{
+                    [CSS.heading]: true,
+                    [CSS.standalone]: !this.description
+                  }}
+                  key={CSS.heading}
+                >
                   {heading}
                 </span>
               )}

src/components/navigation-logo/resources.ts

@@ -3,5 +3,6 @@ export const CSS = {
   heading: "heading",
   description: "description",
   anchor: "anchor",
-  image: "image"
+  image: "image",
+  standalone: "standalone"
 };