fix: issue-1781 Mobile typography variable names (#1782)

* Fix variable names

* changelog

Author: starryeyez024

CHANGELOG-1.x.md

@@ -1,3 +1,7 @@
+# TBD
+
+- [](https://github.com/patternfly/patternfly-elements/commit/) fix: mobile-typography demo page now has correct CSS variables
+
 # 1.11.1 (2021-09-03)
 
 - [5393d18](https://github.com/patternfly/patternfly-elements/commit/5393d185fec3b62e78037a9835470fc15adae2b3) fix: Pfe-Primary-Detail - Fixing animation jank when expanding a section in compact mode

elements/pfe-styles/demo/typography-mobile.html

@@ -66,20 +66,20 @@
     @media screen and (max-width: 767px) {
     :root {
       border: orange 5px solid;
-      --pf-c--content--h1--FontSize: 1.444rem;
-      --pf-c--content--h2--FontSize: 1.333rem;
-      --pf-c--content--h3--FontSize: 1.111rem;
-      --pf-c--content--h4--FontSize: 1rem;
-      --pf-c--content--h5--FontSize: 0.889rem;
-      --pf-c--content--h6--FontSize: 0.778rem;
-      --pf-c--title--m-6xl--FontSize: 1.944rem;
-      --pf-c--title--m-5xl--FontSize: 1.611rem;
-      --pf-c--title--m-4xl--FontSize: 1.444rem;
-      --pf-c--title--m-3xl--FontSize: 1.333rem;
-      --pf-c--title--m-2xl--FontSize: 1.111rem;
-      --pf-c--title--m-xl--FontSize: 1rem;
-      --pf-c--title--m-lg--FontSize: 0.889rem;
-      --pf-c--title--m-md--FontSize: 0.778rem; } }
+      --pf-c-content--h1--FontSize: 1.444rem;
+      --pf-c-content--h2--FontSize: 1.333rem;
+      --pf-c-content--h3--FontSize: 1.111rem;
+      --pf-c-content--h4--FontSize: 1rem;
+      --pf-c-content--h5--FontSize: 0.889rem;
+      --pf-c-content--h6--FontSize: 0.778rem;
+      --pf-c-title--m-6xl--FontSize: 1.944rem;
+      --pf-c-title--m-5xl--FontSize: 1.611rem;
+      --pf-c-title--m-4xl--FontSize: 1.444rem;
+      --pf-c-title--m-3xl--FontSize: 1.333rem;
+      --pf-c-title--m-2xl--FontSize: 1.111rem;
+      --pf-c-title--m-xl--FontSize: 1rem;
+      --pf-c-title--m-lg--FontSize: 0.889rem;
+      --pf-c-title--m-md--FontSize: 0.778rem; } }
 
   </style>
 </head>