From 510def80562cbd7ba2b0aba8830912c1c57b2b85 Mon Sep 17 00:00:00 2001 From: Rebecca Hong Date: Tue, 8 Apr 2025 18:10:59 +0000 Subject: [PATCH] SOEOPSFY24-558 | fixup footer link colors --- dist/css/base.css | 185 ++++++++++++++++++++++++++++++++++++- src/scss/base/_footer.scss | 10 ++ 2 files changed, 194 insertions(+), 1 deletion(-) diff --git a/dist/css/base.css b/dist/css/base.css index 7bf4294..bf9795e 100644 --- a/dist/css/base.css +++ b/dist/css/base.css @@ -1 +1,184 @@ -.su-link--action{color:#b1040e}.su-link--action:after{background-color:#b1040e}a.su-link--external{text-decoration:inherit}.su-link:hover{text-decoration:underline}.stanford-image-cta [data-extlink]:after{display:none}.su-local-footer .mailto{text-decoration:none}.su-local-footer .mailto svg{fill:#b1040e}.su-local-footer .mailto:focus,.su-local-footer .mailto:hover{text-decoration:underline}.su-local-footer .mailto:focus svg,.su-local-footer .mailto:hover svg{fill:#2e2d29}.soe-sans{font-family:Source Sans Pro}.soe--type-5,.su-type-a,.su-wysiwyg-text p.su-callout-text,.su-wysiwyg-text p.su-font-splash,h1{font-family:Source Sans Pro;font-weight:900}.soe--type-5,.su-type-a,h1{font-size:3.0517578125em}.soe--type-4,.su-type-b{font-family:Source Sans Pro;font-size:2.44140625em;font-weight:900}.soe--type-3,.su-type-c,h2{font-family:Source Sans Pro;font-size:1.953125em;font-weight:900}.soe--type-2,.su-type-d,h3{font-family:Source Sans Pro;font-size:1.5625em;font-weight:900}.soe--type-1,.su-type-e,h4{font-family:Source Sans Pro;font-weight:900;font-size:1.25em}.soe--type-0,.su-type-f,h5{font-family:Source Sans Pro;font-weight:900;font-size:1em}.su-wysiwyg-text h2{font-size:1.953125em}.su-wysiwyg-text h2,.su-wysiwyg-text h3{font-family:Source Sans Pro;font-weight:900}.su-wysiwyg-text h3{font-size:1.5625em}.su-wysiwyg-text h4{font-size:1.25em}.su-wysiwyg-text h4,.su-wysiwyg-text h5{font-family:Source Sans Pro;font-weight:900}.su-wysiwyg-text h5{font-size:1em}.su-drop-cap:first-letter,h1,h2,h3,h4,h5,h6{font-family:Source Sans Pro;font-weight:900}.su-local-footer .su-local-footer__action-links a{font-weight:700}.su-local-footer .su-local-footer__action-links a:focus,.su-local-footer .su-local-footer__action-links a:hover{text-decoration:underline}.su-local-footer a{color:#b1040e}.su-local-footer a:after{background-color:#b1040e}.su-local-footer a:after:focus,.su-local-footer a:after:hover{background-color:#2e2d29;text-decoration:underline}.su-local-footer a:focus,.su-local-footer a:hover{color:#2e2d29}.su-local-footer .su-local-footer__list-heading{font-weight:700}@media only screen and (min-width:992px) and (min-width:0){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:5.12rem}}@media only screen and (min-width:992px) and (min-width:768px){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:5.76rem}}@media only screen and (min-width:992px) and (min-width:1500px){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:6.08rem}}.su-local-footer .su-lockup--option-a .su-lockup__line1{font-weight:600} \ No newline at end of file +/* stylelint-disable order/properties-alphabetical-order */ +/* stylelint-enable */ +/* stylelint-disable order/properties-alphabetical-order */ +/* stylelint-enable */ +/* stylelint-disable order/properties-alphabetical-order */ +/* stylelint-enable */ +/* SOE Specific colors, Stanford/Decanter colors are not defined here */ +.su-link--action { + color: #b1040e; } + .su-link--action::after { + background-color: #b1040e; } + +a.su-link--external { + text-decoration: inherit; } + +.su-link:hover { + text-decoration: underline; } + +.stanford-image-cta [data-extlink]::after { + display: none; } + +.su-local-footer .mailto { + text-decoration: none; } + .su-local-footer .mailto svg { + fill: #b1040e; } + .su-local-footer .mailto:hover, .su-local-footer .mailto:focus { + text-decoration: underline; } + .su-local-footer .mailto:hover svg, .su-local-footer .mailto:focus svg { + fill: #2e2d29; } + +/* SOE Specific colors, Stanford/Decanter colors are not defined here */ +.su-link--action { + color: #b1040e; } + .su-link--action::after { + background-color: #b1040e; } + +a.su-link--external { + text-decoration: inherit; } + +.su-link:hover { + text-decoration: underline; } + +.stanford-image-cta [data-extlink]::after { + display: none; } + +.su-local-footer .mailto { + text-decoration: none; } + .su-local-footer .mailto svg { + fill: #b1040e; } + .su-local-footer .mailto:hover, .su-local-footer .mailto:focus { + text-decoration: underline; } + .su-local-footer .mailto:hover svg, .su-local-footer .mailto:focus svg { + fill: #2e2d29; } + +/* SOE Specific colors, Stanford/Decanter colors are not defined here */ +/* font overrides for SOE */ +.soe-sans { + font-family: Source Sans Pro; } + +.su-wysiwyg-text p.su-font-splash, +.su-wysiwyg-text p.su-callout-text { + font-family: Source Sans Pro; + font-weight: 900; } + +h1, +.soe--type-5, +.su-type-a { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 3.0517578125em; + font-weight: 900; } + +.soe--type-4, +.su-type-b { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 2.44140625em; + font-weight: 900; } + +.soe--type-3, +.su-type-c, +h2 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1.953125em; + font-weight: 900; } + +.soe--type-2, +.su-type-d, +h3 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1.5625em; + font-weight: 900; } + +.soe--type-1, +.su-type-e, +h4 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1.25em; } + +.soe--type-0, +.su-type-f, +h5 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1em; } + +.su-wysiwyg-text h2 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1.953125em; + font-weight: 900; } + +.su-wysiwyg-text h3 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1.5625em; + font-weight: 900; } + +.su-wysiwyg-text h4 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1.25em; } + +.su-wysiwyg-text h5 { + font-family: Source Sans Pro; + font-weight: 900; + font-size: 1em; } + +.su-drop-cap::first-letter { + font-family: Source Sans Pro; + font-weight: 900; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: Source Sans Pro; + font-weight: 900; } + +.su-local-footer .su-local-footer__action-links a { + font-weight: 700; } + .su-local-footer .su-local-footer__action-links a:hover, .su-local-footer .su-local-footer__action-links a:focus { + text-decoration: underline; } + .su-local-footer .su-local-footer__action-links a::after { + background-color: #b1040e; } + .su-local-footer .su-local-footer__action-links a::after:hover, .su-local-footer .su-local-footer__action-links a::after:focus { + background-color: #2e2d29; + text-decoration: underline; } + +.su-local-footer a { + color: #b1040e; } + .su-local-footer a::after { + background-color: #b1040e; } + .su-local-footer a::after:hover, .su-local-footer a::after:focus { + background-color: #2e2d29; + text-decoration: underline; } + .su-local-footer a:hover, .su-local-footer a:focus { + color: #2e2d29; } + +.su-local-footer .su-local-footer__list-heading { + font-weight: 700; } + +@media only screen and (min-width: 992px) and (min-width: 0) { + .su-local-footer .su-local-footer__header .su-med-logo { + padding-top: 5.12rem; } } + +@media only screen and (min-width: 992px) and (min-width: 768px) { + .su-local-footer .su-local-footer__header .su-med-logo { + padding-top: 5.76rem; } } + +@media only screen and (min-width: 992px) and (min-width: 1500px) { + .su-local-footer .su-local-footer__header .su-med-logo { + padding-top: 6.08rem; } } + +.su-local-footer .su-lockup--option-a .su-lockup__line1 { + font-weight: 600; } + + +/*# sourceMappingURL=base.css.map*/ \ No newline at end of file diff --git a/src/scss/base/_footer.scss b/src/scss/base/_footer.scss index 1631281..7c670cb 100644 --- a/src/scss/base/_footer.scss +++ b/src/scss/base/_footer.scss @@ -10,6 +10,16 @@ &:focus { text-decoration: underline; } + + &::after { + background-color: $su-color-bright-red; + + &:hover, + &:focus { + background-color: $su-color-black; + text-decoration: underline; + } + } } }