feat: fix bold fonts

commonknowledge · Oct 25, 2023 · 95f676a · 95f676a
1 parent 5ae5e29
commit 95f676a
Show file tree

Hide file tree

Showing 9 changed files with 48 additions and 43 deletions.
diff --git a/...ets/fonts/aktiv-grotesk-cd_normal_700.otf → .../fonts/aktiv-grotesk-trial_normal_700.otf b/...ets/fonts/aktiv-grotesk-cd_normal_700.otf → .../fonts/aktiv-grotesk-trial_normal_700.otf
diff --git a/web/app/themes/awasqa/assets/fonts/aktiv-grotesk-trial_normal_700.ttf b/web/app/themes/awasqa/assets/fonts/aktiv-grotesk-trial_normal_700.ttf
diff --git a/web/app/themes/awasqa/readme.txt b/web/app/themes/awasqa/readme.txt
@@ -13,10 +13,3 @@ Copyright 2019-2020 Dalton Maag Ltd. Modification of this file requires prior wr
 License URL: http://www.daltonmaag.com/eula 
 Source: http://www.daltonmaag.com/
 -- End of Aktiv Grotesk Trial Font credits --
-
-Aktiv Grotesk Cd Font
-Copyright 2015 Dalton Maag Ltd. Modification of this file requires prior written permission from Dalton Maag Ltd. 
-
-License URL: http://typekit.com/eulas/000000000000000000019846 
-Source: http://www.daltonmaag.com/
--- End of Aktiv Grotesk Cd Font credits --
diff --git a/web/app/themes/awasqa/style.css b/web/app/themes/awasqa/style.css
@@ -6,7 +6,7 @@
     --color-green-lightest: #4653001F;
 
     --font-family-serif: 'Instrument Serif', serif;
-    --font-family-sans-serif: 'Aktiv Grotesk', sans-serif;
+    --font-family-sans-serif: 'Aktiv Grotesk Trial', sans-serif;
     --font-size-large: 2.75rem;
 }
 .page-about-contents ul {
@@ -204,10 +204,11 @@ h6::after {
   text-decoration: underline;
         }
 /* Alter margin-top on first block after the navbar */
-.wp-site-blocks header + * {
+.wp-site-blocks header+* {
         margin-top: 1.25rem;
     }
-.wp-block-button.is-style-outline a,.wp-block-button.is-style-outline button {
+.wp-block-button.is-style-outline a,
+    .wp-block-button.is-style-outline button {
   background: none;
   border: 1px solid var(--color-green) !important;
   border-radius: 0.25rem;
@@ -292,6 +293,11 @@ h6::after {
 .wp-block-loginout a {
     font-size: 1rem !important;
 }
+@media (min-width: 782px) {
+    .has-xx-large-font-size {
+        font-size: var(--wp--preset--font-size--x-large) !important;
+    }
+}
 .awasqa-edit-organisation-action ul {
     margin: 0;
 }
@@ -433,12 +439,15 @@ h6::after {
 footer .wp-block-image img {
             vertical-align: middle;
         }
+.awasqa-heading-link {
+    flex-wrap: wrap !important;
+}
 .awasqa-heading-link a {
   align-items: center;
   color: var(--color-green-lighter);
   display: inline-flex;
   text-decoration: none;
-}
+    }
 .awasqa-heading-link a::after {
   content: "";
   background-image: url("/app/themes/awasqa/assets/images/arrow-right-lighter.svg");
@@ -662,6 +671,9 @@ footer .wp-block-image img {
                object-fit: cover;
             width: 100%;
         }
+.awasqa-radical-resilience a {
+        margin-bottom: 0.5rem;
+    }
 .awasqa-radical-resilience a:first-child {
   background: none;
   border: 1px solid var(--color-green) !important;

diff --git a/web/app/themes/awasqa/styles/_variables.css b/web/app/themes/awasqa/styles/_variables.css
@@ -6,6 +6,6 @@
     --color-green-lightest: #4653001F;
 
     --font-family-serif: 'Instrument Serif', serif;
-    --font-family-sans-serif: 'Aktiv Grotesk', sans-serif;
+    --font-family-sans-serif: 'Aktiv Grotesk Trial', sans-serif;
     --font-size-large: 2.75rem;
 }
diff --git a/web/app/themes/awasqa/styles/blocks/heading-link.css b/web/app/themes/awasqa/styles/blocks/heading-link.css
@@ -1,3 +1,6 @@
-.awasqa-heading-link a {
-    @apply --link-arrow;
+.awasqa-heading-link {
+    flex-wrap: wrap !important;
+    a {
+        @apply --link-arrow;
+    }
 }
diff --git a/web/app/themes/awasqa/styles/blocks/radical-resilience.css b/web/app/themes/awasqa/styles/blocks/radical-resilience.css
@@ -21,6 +21,9 @@
             width: 100%;
         }
     }
+    a {
+        margin-bottom: 0.5rem;
+    }
     a:first-child {
         @apply --button-outline;
         margin-right: 1.25rem;

diff --git a/web/app/themes/awasqa/styles/wp.css b/web/app/themes/awasqa/styles/wp.css
@@ -1,12 +1,14 @@
 /* Alter margin-top on first block after the navbar */
 .wp-site-blocks {
-    header + * {
+    header+* {
         margin-top: 1.25rem;
     }
 }
 
 .wp-block-button.is-style-outline {
-    a,button {
+
+    a,
+    button {
         @apply --button-outline;
     }
 }
@@ -52,3 +54,9 @@
     @apply --button-inverse;
     font-size: 1rem !important;
 }
+
+@media (min-width: 782px) {
+    .has-xx-large-font-size {
+        font-size: var(--wp--preset--font-size--x-large) !important;
+    }
+}
diff --git a/web/app/themes/awasqa/theme.json b/web/app/themes/awasqa/theme.json
@@ -108,6 +108,8 @@
 			"fluid": true,
 			"fontFamilies": [
 				{
+					"fontFamily": "Instrument Serif",
+					"slug": "instrument-serif",
 					"fontFace": [
 						{
 							"fontFamily": "Instrument Serif",
@@ -125,58 +127,42 @@
 								"file:./assets/fonts/instrument-serif_italic_400.ttf"
 							]
 						}
-					],
-					"fontFamily": "Instrument Serif",
-					"slug": "instrument-serif"
+					]
 				},
 				{
+					"fontFamily": "Aktiv Grotesk Trial",
+					"slug": "aktiv-grotesk-trial",
 					"fontFace": [
 						{
 							"fontFamily": "Aktiv Grotesk Trial",
 							"fontStyle": "normal",
-							"fontWeight": "700",
+							"fontWeight": "400",
 							"src": [
-								"file:./assets/fonts/aktiv-grotesk-trial_normal_700.ttf"
+								"file:./assets/fonts/aktiv-grotesk-trial_normal_400.ttf"
 							]
 						},
 						{
 							"fontFamily": "Aktiv Grotesk Trial",
 							"fontStyle": "italic",
-							"fontWeight": "700",
+							"fontWeight": "400",
 							"src": [
-								"file:./assets/fonts/aktiv-grotesk-trial_italic_700.ttf"
+								"file:./assets/fonts/aktiv-grotesk-trial_italic_400.ttf"
 							]
 						},
 						{
 							"fontFamily": "Aktiv Grotesk Trial",
+							"fontWeight": "700",
 							"fontStyle": "normal",
-							"fontWeight": "400",
 							"src": [
-								"file:./assets/fonts/aktiv-grotesk-trial_normal_400.ttf"
+								"file:./assets/fonts/aktiv-grotesk-trial_normal_700.otf"
 							]
 						},
 						{
 							"fontFamily": "Aktiv Grotesk Trial",
-							"fontStyle": "italic",
-							"fontWeight": "400",
-							"src": [
-								"file:./assets/fonts/aktiv-grotesk-trial_italic_400.ttf"
-							]
-						}
-					],
-					"fontFamily": "Aktiv Grotesk Trial",
-					"slug": "aktiv-grotesk-trial"
-				},
-				{
-					"fontFamily": "Aktiv Grotesk Cd",
-					"slug": "aktiv-grotesk-cd",
-					"fontFace": [
-						{
-							"fontFamily": "Aktiv Grotesk Cd",
 							"fontWeight": "700",
-							"fontStyle": "normal",
+							"fontStyle": "italic",
 							"src": [
-								"file:./assets/fonts/aktiv-grotesk-cd_normal_700.otf"
+								"file:./assets/fonts/aktiv-grotesk-trial_italic_700.ttf"
 							]
 						}
 					]