FFE-80. Update typography sizes and colors

This commit changes the size of a few headers on desktop.
In addition, the color of the .ffe-sub-lead-paragraph is now black.

Changes was done in coordination with the designer Adrian Dick, so
you know it's good.

CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## v.8.1.2
+
+This release changes the font size and / or line-height for h2, h4 and h6 for
+**desktop** users. In addition, the color of `.ffe-sub-lead-paragraph` has
+changed from `@ffe-blue-royal` to `@ffe-black`.
+
+**Visual diff**
+
+Consumers of `.ffe-h2`, `.ffe-h4`, `.ffe-h6` and `.ffe-sub-lead-paragraph`
+will have to update their visual baseline images. Since the actual changes will
+be small and have a very small chance of actually breaking a design, this
+change was introduced as a patch.
+
 ## v.8.1.1
 
 This release changes `@ffe-sand` from `#E1D5AF` to `#F8F5EB`

less/font-sizes.less

@@ -24,7 +24,7 @@
     });
 
     .ffe-fontsize(@breakpoint-md, {
-      font-size: 36px;
+      font-size: 32px;
     });
 }
 
@@ -74,4 +74,4 @@
     .ffe-fontsize(@breakpoint-md, {
       font-size: 16px;
     });
-}
+}

less/typography.less

@@ -99,16 +99,17 @@
 
 .ffe-lead-paragraph, .ffe-sub-lead-paragraph {
   margin-top: 0;
-  color: @ffe-blue-royal;
   font-family: "MuseoSans-500", arial, sans-serif;
 }
 
 .ffe-lead-paragraph {
+  color: @ffe-blue-royal;
   font-size: 18px;
   line-height: 28px;
 }
 
 .ffe-sub-lead-paragraph {
+  color: @ffe-black;
   font-size: 16px;
   line-height: 26px;
 }
@@ -240,23 +241,23 @@
   }
 
   .ffe-h2 {
-    line-height: 50px;
+    line-height: 44px;
   }
 
   .ffe-h3 {
     line-height: 38px;
   }
 
   .ffe-h4 {
-    line-height: 28px;
+    line-height: 24px;
   }
 
   .ffe-h5 {
     line-height: 24px;
   }
 
   .ffe-h6 {
-    line-height: 24px;
+    line-height: 22px;
   }
 
   .ffe-lead-paragraph {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ffe-core",
-  "version": "8.1.1",
+  "version": "8.1.2",
   "description": "Rammeverk for Felles Front End",
   "less": "ffe.less",
   "main": "index.js",