Design feedback fine-tunes

tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/heading2_block.html

@@ -1 +1 @@
-<h2 class="heading heading--two-b heading--light grid__heading">{{ value }}</h2>
+<h2 class="heading heading--two-b grid__heading">{{ value }}</h2>

tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/heading3_block.html

@@ -1 +1 @@
-<h3 class="heading heading--three heading--light grid__heading">{{ value }}</h3>
+<h3 class="heading heading--three grid__heading">{{ value }}</h3>

tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/stats_numeric.html

@@ -1,19 +1,9 @@
-
 <ul class="stats stats--numeric grid__stats">
     {% for stat in value %}
         <li class="stats__stat">
-            <span class="stats__number">
-                {{ stat.headline_number }}
-            </span>
-            <span class="stats__description">
-                {{ stat.description }}
-            </span>
-            {% if stat.further_details %}
-                <span class="stats__details">
-                    {{ stat.further_details }}
-                </span>
-            {% endif %}
+            <span class="stats__number heading heading--mega">{{ stat.headline_number }}</span>
+            <span class="stats__description">{{ stat.description }}</span>
+            {% if stat.further_details %}<span class="stats__details">{{ stat.further_details }}</span>{% endif %}
         </li>
     {% endfor %}
 </ul>
-

tbx/static_src/sass/base/_typography.scss

@@ -20,7 +20,6 @@ html {
     color: var(--color--heading);
     font-style: inherit;
     font-weight: inherit;
-    letter-spacing: -1px;
 }
 
 @mixin quote-text() {
@@ -69,6 +68,7 @@ h6 {
 
     &--mega {
         @include font-size(size-zero);
+        letter-spacing: -1px;
     }
 
     &--one {

tbx/static_src/sass/components/_stats.scss

@@ -35,7 +35,6 @@
     }
 
     &__number {
-        @include font-size(size-zero);
         color: var(--color--theme-primary);
         display: block;
         font-weight: $weight--semibold;

tbx/static_src/sass/config/_mixins.scss

@@ -347,23 +347,21 @@
     }
 }
 
-@mixin ring-one($top: 8px, $color: var(--color--theme-primary)) {
+@mixin ring-one($top: 8px, $color: var(--color--theme-secondary)) {
     top: $top;
     color: $color;
 }
 
-@mixin ring-two($top: 8px, $color: var(--color--theme-secondary)) {
+@mixin ring-two($top: 8px, $color: var(--color--theme-primary)) {
     left: $top;
     color: $color;
 }
 
 @mixin ring-one-hover() {
-    color: var(--color--theme-secondary);
     opacity: 1;
 }
 
 @mixin ring-two-hover() {
-    color: var(--color--theme-primary);
     opacity: 1;
 }