Merge branch 'NXSTAGE-1325-styles' into 'development'

bold title text in Adjacent image and text and in Minor manual link box

See merge request julkiset-sivut/design-system-lib!120

src/components/adjacent-image-text/adjacent-image-text.scss

@@ -111,19 +111,17 @@ $margin-narrow: 32px;
     }
 
     &__title {
+      @include font-size(22px, 28px);
+      @include font-weight($bold);
       color: var(--brand-main-nearly-black);
       font-family: var(--main-font-family);
-      font-size: 22px;
-      font-weight: 600;
       letter-spacing: -0.69px;
-      line-height: 28px;
       margin-top: 32px;
       padding: 0 1rem;
 
       @include breakpoint($narrow) {
-        font-size: 32px;
+        @include font-size(32px, 40px);
         letter-spacing: -1px;
-        line-height: 40px;
         margin-top: 41px;
         padding: 0;
       }

src/components/link-box/link-box.scss

@@ -139,18 +139,18 @@
     padding: 0 16px;
 
     &__title {
-      color: var(--brand-main-nearly-black);
-      font-family: var(--main-font-family);
       @include font-weight($bold);
       @include font-size(40px, 44px);
+      color: var(--brand-main-nearly-black);
+      font-family: var(--main-font-family);
       letter-spacing: -1.26px;
       margin-bottom: 20px;
       margin-top: 28px;
     }
     &__description {
+      @include font-size(20px, 32px);
       color: var(--brand-main-nearly-black);
       font-family: var(--main-font-family);
-      @include font-size(20px, 32px);
       letter-spacing: -0.1px;
     }
   }
@@ -163,18 +163,18 @@
     padding: 0 12px;
 
     &__title {
+      @include font-weight($bold);
+      @include font-size(20px, 26px);
       color: var(--brand-main-nearly-black);
       font-family: var(--main-font-family);
-      @include font-weight($semibold);
-      @include font-size(20px, 26px);
       letter-spacing: -0.63px;
       margin-bottom: 11px;
       margin-top: 20px;
     }
     &__description {
+      @include font-size(14px, 20px);
       color: var(--grayscale-dark);
       font-family: var(--main-font-family);
-      @include font-size(14px, 20px);
       letter-spacing: -0.2px;
     }
   }