issue #2632 - adjust tc-heading mixins after the scale of tc-header variables was changed

Author: maxceem

src/components/Home/Home.scss

@@ -97,7 +97,7 @@
       }
 
       h1 {
-        @include tc-heading-extra-large;
+        @include tc-heading-large;
         @include roboto-medium;
         color: $tc-black;
         letter-spacing: 0;

src/components/NoResults/NoResults.scss

@@ -9,7 +9,7 @@
 
     p {
       margin-bottom: 50px;
-      @include tc-heading-large;
+      @include tc-heading;
       font-weight: 300;
     }
 

src/components/TopBar/ProjectToolBar.scss

@@ -106,7 +106,7 @@
         overflow: hidden;
 
         span {
-          @include tc-heading;
+          @include tc-heading-small;
           color: $tc-gray-10;
           display: block;
           text-overflow: ellipsis;

src/components/TopBar/ProjectsToolBar.scss

@@ -21,7 +21,7 @@
       }
 
       .projects-title-mobile {
-        @include tc-heading;
+        @include tc-heading-small;
         color: $tc-gray-10;
         font-size: 15px;
         line-height: 50px;

src/components/User/UsernameAndDetails.scss

@@ -5,7 +5,7 @@
     max-width: 225px;
 
     .username {
-      @include tc-heading;
+      @include tc-heading-small;
       color: $tc-gray-80;
       text-overflow: ellipsis;
       overflow: hidden;

src/projects/create/components/ProductCard.scss

@@ -32,7 +32,7 @@
     }
 
     h3 {
-      @include tc-heading;
+      @include tc-heading-small;
       @include roboto-bold;
       font-size: 15px;
       line-height: 20px;

src/projects/create/components/SelectProjectTemplate.scss

@@ -25,7 +25,7 @@
       + h2 {
         font-size: 15px;
         line-height: 20px;
-        @include tc-heading;
+        @include tc-heading-small;
         @include roboto-bold;
         color: $tc-gray-80;
         margin-bottom: 13px;

src/projects/create/components/WizardHeader.scss

@@ -5,7 +5,7 @@
     min-width: 700px;
     text-align: center;
     h1 {
-      @include tc-heading;
+      @include tc-heading-small;
       color: $tc-gray-50;
       margin-bottom: 20px;
     }

src/projects/create/components/_layout.scss

@@ -46,7 +46,7 @@ $minimumPageWidth: 984px;
   }
 
   .wizardHeadline {
-    @include tc-heading;
+    @include tc-heading-small;
     width: 100%;
     text-align: center;
     margin: 0 0 50px;

src/projects/detail/components/FeatureSelector/FeatureForm.scss

@@ -22,7 +22,7 @@
       border-bottom: 1px solid $tc-gray-10;
 
       .title {
-        @include tc-heading;
+        @include tc-heading-small;
         @include roboto-medium;
         flex: 1;
         color: $tc-black;