Added css to load footer

adobecom · Jul 23, 2024 · 4cf650b · 4cf650b
1 parent dc85274
commit 4cf650b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/libs/navigation/bootstrapper.js b/libs/navigation/bootstrapper.js
@@ -3,7 +3,7 @@ export default async function bootstrapBlock(miloConfigs, blockConfig) {
   const { name, targetEl } = blockConfig;
   const { setConfig, createTag, loadLink } = await import(`${miloLibs}/utils/utils.js`);
   setConfig({ ...miloConfigs });
-  const styles = [`${miloLibs}/blocks/${name}/${name}.css`, `${miloLibs}/navigation/styles.css`];
+  const styles = [`${miloLibs}/blocks/${name}/${name}.css`, `${miloLibs}/navigation/navigation.css`];
   styles.forEach((url) => loadLink(url, { rel: 'stylesheet' }));
   const { default: initBlock } = await import(`${miloLibs}/blocks/${name}/${name}.js`);
 

diff --git a/libs/navigation/navigation.css b/libs/navigation/navigation.css
@@ -0,0 +1,21 @@
+ /* Extracting the essential styles required for rendering the component independently */
+ .global-footer, .dialog-modal {
+   font-family: 'Adobe Clean', adobe-clean, 'Trebuchet MS', sans-serif;
+   line-height: 27px;
+   color: #2c2c2c;
+   word-wrap: break-word;
+   -webkit-font-smoothing: antialiased;
+}
+
+.global-footer a, .dialog-modal a {
+  text-decoration: none;
+}
+
+.dialog-modal a {
+  color: #035FE6;
+}
+
+.global-footer img {
+  max-width: 100%;
+  height: auto;
+}