Convert footer to use bg-dark

sul-dlss · Aug 15, 2024 · a42338e · a42338e
1 parent fbcd4d7
commit a42338e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/footer/index.html b/footer/index.html
@@ -33,7 +33,7 @@ <h1 class="m-5">Footer</h1>
                   alt="Stanford Libraries"
                   height="45"
                   src="../styles/StanfordLibraries-logo-whitetext.svg"
-                >
+                />
               </a>
             </div>
             <div
@@ -66,14 +66,14 @@ <h1 class="m-5">Footer</h1>
           </div>
         </div>
       </section>
-      <div id="su-footer" class="text-white bg-cardinal pt-4 pb-4">
+      <div id="su-footer" class="text-white bg-dark pt-4 pb-4">
         <div
           class="container d-flex flex-column flex-lg-row align-items-center align-md-normal"
           title="Common Stanford resources"
         >
           <div class="mt-1 mb-2 align-self-lg-start">
             <a class="su-logo" href="https://www.stanford.edu"
-              >Stanford<br><span class="su-logo-university"
+              >Stanford<br /><span class="su-logo-university"
                 >University</span
               ></a
             >
@@ -239,7 +239,7 @@ <h1 class="m-5">Footer</h1>
       &lt;/div&gt;
     &lt;/div&gt;
   &lt;/section&gt;
-  &lt;div id=&quot;su-footer&quot; class=&quot;text-white bg-cardinal pt-4 pb-4&quot;&gt;
+  &lt;div id=&quot;su-footer&quot; class=&quot;text-white bg-dark pt-4 pb-4&quot;&gt;
     &lt;div
       class=&quot;container d-flex flex-column flex-lg-row align-items-center align-md-normal&quot;
       title=&quot;Common Stanford resources&quot;

diff --git a/styles/footer.css b/styles/footer.css
@@ -8,7 +8,7 @@ footer a {
 }
 
 #su-footer {
-  background-color: var(--stanford-cardinal);
+  --bs-dark-rgb: var(--stanford-cardinal-rgb);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;