make uui text style available without use of uui-text

Author: nielslyngsoe

packages/uui-css/lib/uui-text.css

@@ -1,3 +1,15 @@
+.uui-h1,
+.uui-h2,
+.uui-h3,
+.uui-h4,
+.uui-h5,
+.uui-a,
+.uui-p,
+.uui-p-lead,
+.uui-small,
+.uui-quoteblock,
+.uui-ul,
+.uui-ol,
 .uui-text {
   font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 15px;
@@ -6,7 +18,7 @@
 }
 
 .uui-text h1,
-.uui-text .uui-h1 {
+.uui-h1 {
   font-size: var(--uui-type-h1-size);
   line-height: var(--uui-size-layout-4);
   font-weight: 300;
@@ -20,13 +32,13 @@
 }
 .uui-text h1.--no-top-margin,
 .uui-text h1:first-child,
-.uui-text .uui-h1.--no-top-margin,
-.uui-text .uui-h1:first-child {
+.uui-h1.--no-top-margin,
+.uui-h1:first-child {
   margin-top: 0;
 }
 
 .uui-text h2,
-.uui-text .uui-h2 {
+.uui-h2 {
   font-size: var(--uui-type-h2-size);
   line-height: var(--uui-size-layout-3);
   font-weight: 300;
@@ -40,13 +52,13 @@
 }
 .uui-text h2.--no-top-margin,
 .uui-text h2:first-child,
-.uui-text .uui-h2.--no-top-margin,
-.uui-text .uui-h2:first-child {
+.uui-h2.--no-top-margin,
+.uui-h2:first-child {
   margin-top: 0;
 }
 
 .uui-text h3,
-.uui-text .uui-h3 {
+.uui-h3 {
   font-size: var(--uui-type-h3-size);
   line-height: var(--uui-size-large);
   font-weight: 300;
@@ -56,13 +68,13 @@
 }
 .uui-text h3.--no-top-margin,
 .uui-text h3:first-child,
-.uui-text .uui-h3.--no-top-margin,
-.uui-text .uui-h3:first-child {
+.uui-h3.--no-top-margin,
+.uui-h3:first-child {
   margin-top: 0;
 }
 
 .uui-text h4,
-.uui-text .uui-h4 {
+.uui-h4 {
   font-size: var(--uui-type-h4-size);
   line-height: 21px;
   font-weight: 400;
@@ -72,13 +84,13 @@
 }
 .uui-text h4.--no-top-margin,
 .uui-text h4:first-child,
-.uui-text .uui-h4.--no-top-margin,
-.uui-text .uui-h4:first-child {
+.uui-h4.--no-top-margin,
+.uui-h4:first-child {
   margin-top: 0;
 }
 
 .uui-text h5,
-.uui-text .uui-h5 {
+.uui-h5 {
   font-size: var(--uui-type-h5-size);
   line-height: inherit;
   font-weight: 700;
@@ -89,38 +101,45 @@
 
 .uui-text h5.--no-top-margin,
 .uui-text h5:first-child,
-.uui-text .uui-h5.--no-top-margin,
-.uui-text .uui-h5:first-child {
+.uui-h5.--no-top-margin,
+.uui-h5:first-child {
   margin-top: 0;
 }
 
+.uui-p,
 .uui-text p {
   margin-top: var(--uui-size-layout-1);
   margin-bottom: var(--uui-size-layout-1);
 }
+.uui-p-lead,
 .uui-text p.uui-lead {
   font-size: var(--uui-size-6);
 }
 
+.uui-a,
 .uui-text a {
   color: var(--uui-color-interactive);
 }
 
-.uui-text a:link,
+.uui-a:link,
+.uui-a:active .uui-text a:link,
 .uui-text a:active {
   color: var(--uui-color-interactive);
 }
+.uui-a:hover,
 .uui-text a:hover {
   color: var(--uui-color-interactive-emphasis);
 }
 
+.uui-small,
 .uui-text small {
   display: inline-block;
   font-size: var(--uui-type-small-size);
   line-height: calc(var(--uui-size-2) * 3);
   margin-bottom: var(--uui-size-layout-1);
 }
 
+.uui-quoteblock,
 .uui-text blockquote {
   float: right;
   font-size: 15px;
@@ -134,6 +153,7 @@
   line-height: inherit;
 }
 
+.uui-quoteblock:before,
 .uui-text blockquote:before {
   content: open-quote;
   margin-left: -0.4em;
@@ -143,6 +163,7 @@
   font-size: 2em;
 }
 
+.uui-quoteblock:after,
 .uui-text blockquote:after {
   content: close-quote;
   margin-left: 0.04em;
@@ -154,13 +175,15 @@
   display: inline-block;
 }
 
+.uui-ul,
 .uui-text ul {
   list-style-type: square;
   padding-left: var(--uui-size-layout-1);
   margin-top: var(--uui-size-layout-1);
   margin-bottom: var(--uui-size-layout-1);
 }
 
+.uui-ol,
 .uui-text ol {
   padding-left: var(--uui-size-layout-1);
   margin-top: var(--uui-size-layout-1);