From 507607ad9924f82d2152320ca5c6e4128aafde02 Mon Sep 17 00:00:00 2001 From: Justin Coyne Date: Wed, 20 Nov 2024 10:30:59 -0600 Subject: [PATCH] Add new SUL logo --- footer/index.html | 16 +- styles/StanfordLibraries-logo-whitetext.svg | 210 -------------------- styles/StanfordLibraries-logo.svg | 46 +++++ styles/footer.css | 8 +- styles/header.css | 17 +- 5 files changed, 67 insertions(+), 230 deletions(-) delete mode 100644 styles/StanfordLibraries-logo-whitetext.svg create mode 100644 styles/StanfordLibraries-logo.svg diff --git a/footer/index.html b/footer/index.html index 20db059..e1aeedd 100644 --- a/footer/index.html +++ b/footer/index.html @@ -28,13 +28,7 @@

Footer

id="sul-footer-img" class="col-sm-12 col-md-5 col-lg-4 col-xl-3 d-flex justify-content-center justify-content-md-start" > - - Stanford Libraries - +
Footer id="sul-footer-img" class="col-sm-12 col-md-5 col-lg-4 col-xl-3 d-flex justify-content-center justify-content-md-start" > - <a href="https://library.stanford.edu"> - <img - alt="Stanford Libraries" - height="45" - src="../header/StanfordLibraries-logo-whitetext.svg" - > - </a> + <a href="https://library.stanford.edu" class="prefooter-logo"></a> </div> <div class="col d-flex justify-content-md-start justify-content-center" diff --git a/styles/StanfordLibraries-logo-whitetext.svg b/styles/StanfordLibraries-logo-whitetext.svg deleted file mode 100644 index 94117fb..0000000 --- a/styles/StanfordLibraries-logo-whitetext.svg +++ /dev/null @@ -1,210 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/styles/StanfordLibraries-logo.svg b/styles/StanfordLibraries-logo.svg new file mode 100644 index 0000000..33f7ae3 --- /dev/null +++ b/styles/StanfordLibraries-logo.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/styles/footer.css b/styles/footer.css index b5c9d99..0c03b81 100644 --- a/styles/footer.css +++ b/styles/footer.css @@ -24,7 +24,7 @@ footer a { } } -@media (width <= 575.98px) { +@media (width < 576px) { #su-footer { ul a { font-weight: 600; @@ -36,6 +36,12 @@ footer a { } } +@media (width < 768px) { + .prefooter-logo { + min-height: 30px; + } +} + .su-logo { --bs-link-hover-decoration: none; diff --git a/styles/header.css b/styles/header.css index bfccbb9..f7ab36a 100644 --- a/styles/header.css +++ b/styles/header.css @@ -1,3 +1,6 @@ +:root { + --sul-logo-color: white; +} /* stylelint-disable selector-class-pattern */ .su-brand-bar__logo { --stanford-stripe-color: var(--stanford-cardinal); @@ -16,14 +19,18 @@ } /* stylelint-enable selector-class-pattern */ -.navbar-logo { - height: 41px; - width: 258px; - background: transparent no-repeat url("StanfordLibraries-logo-whitetext.svg") - 0 0 / 258px auto; +.navbar-logo, +.prefooter-logo { + --bs-navbar-brand-padding-y: 0; + + background-color: var(--sul-logo-color); + mask-image: url("StanfordLibraries-logo.svg"); + mask-repeat: no-repeat; + mask-position: 0 center; overflow: hidden; text-indent: 100%; white-space: nowrap; + width: 280px; } .bg-dark.navbar,