Skip to content

Commit 0175e41

Browse files
OpenStaxClaudeclaudeCopilot
authored andcommitted
Fix stylelint no-descending-specificity error in Footer.css
Reordered CSS selectors to ensure proper specificity ordering: - Moved all base link selectors (a) before pseudo-class selectors (:hover, :active, :focus) - Grouped .footer-copyrights and .footer-mission link selectors properly - This fixes the stylelint error where .footer-copyrights a appeared after .footer-mission a:hover/active/focus The rule requires less specific selectors to appear before more specific ones to avoid unexpected CSS cascade behavior. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Restore yarn.lock Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Co-Authored-By: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
1 parent 3995ea4 commit 0175e41

1 file changed

Lines changed: 31 additions & 30 deletions

File tree

src/app/components/Footer/Footer.css

Lines changed: 31 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -142,12 +142,43 @@
142142
}
143143
}
144144

145+
/* Copyrights */
146+
.footer-copyrights {
147+
display: grid;
148+
grid-gap: 1rem;
149+
overflow: visible;
150+
}
151+
152+
.footer-copyrights [data-html="copyright"] {
153+
overflow: visible;
154+
}
155+
156+
.footer-copyrights a {
157+
color: var(--footer-text-color, #d5d5d5);
158+
overflow: visible;
159+
}
160+
161+
.footer-copyrights sup {
162+
font-size: 66%;
163+
margin-left: 0.1rem;
164+
position: relative;
165+
top: -0.25em;
166+
vertical-align: top;
167+
}
168+
145169
.footer-mission a {
146170
color: var(--footer-text-color, #d5d5d5);
147171
font-weight: bold;
148172
text-underline-position: under;
149173
}
150174

175+
/* Pseudo-class selectors for links - must come after base link selectors */
176+
.footer-copyrights a:hover,
177+
.footer-copyrights a:active,
178+
.footer-copyrights a:focus {
179+
color: inherit;
180+
}
181+
151182
.footer-mission a:hover,
152183
.footer-mission a:active,
153184
.footer-mission a:focus {
@@ -392,36 +423,6 @@
392423
}
393424
}
394425

395-
/* Copyrights */
396-
.footer-copyrights {
397-
display: grid;
398-
grid-gap: 1rem;
399-
overflow: visible;
400-
}
401-
402-
.footer-copyrights [data-html="copyright"] {
403-
overflow: visible;
404-
}
405-
406-
.footer-copyrights a {
407-
color: var(--footer-text-color, #d5d5d5);
408-
overflow: visible;
409-
}
410-
411-
.footer-copyrights a:hover,
412-
.footer-copyrights a:active,
413-
.footer-copyrights a:focus {
414-
color: inherit;
415-
}
416-
417-
.footer-copyrights sup {
418-
font-size: 66%;
419-
margin-left: 0.1rem;
420-
position: relative;
421-
top: -0.25em;
422-
vertical-align: top;
423-
}
424-
425426
/* Social menu */
426427
.footer-social {
427428
align-items: center;

0 commit comments

Comments
 (0)