feat: link-styling

fipguide · Jan 26, 2025 · a4683ed · a4683ed
1 parent 5bb9e69
commit a4683ed
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/themes/fiptheme/assets/sass/navigation.scss b/themes/fiptheme/assets/sass/navigation.scss
@@ -61,6 +61,9 @@
   padding: 1rem;
   margin: .3rem;
   pointer-events: none;
+  background-color: gainsboro;
+  border-radius: .4rem;
+  color: black;
 
   &:focus {
     opacity: 1;

diff --git a/themes/fiptheme/assets/sass/styles.scss b/themes/fiptheme/assets/sass/styles.scss
@@ -11,8 +11,20 @@ body {
 a {
   color: #ec0016;
 
-  &:hover {
-    color: green;
+  &:hover,
+  &:focus {
+    color: #c50014;
+  }
+}
+
+.o-footer__link {
+  text-decoration: underline;
+  color: black;
+  font-weight: 700;
+
+  &:hover,
+  &:focus {
+    color: red;
   }
 }
 

diff --git a/themes/fiptheme/layouts/_default/baseof.html b/themes/fiptheme/layouts/_default/baseof.html
@@ -8,7 +8,7 @@
   </head>
   <body class="bg-light">
     <header>{{ partial "header.html" . }}</header>
-    <main id="content "data-pagefind-body>{{ block "main" . }}{{ end }}</main>
+    <main id="content" data-pagefind-body>{{ block "main" . }}{{ end }}</main>
     <footer>{{ partial "footer.html" . }}</footer>
   </body>
 </html>