File tree Expand file tree Collapse file tree 1 file changed +33
-0
lines changed
Expand file tree Collapse file tree 1 file changed +33
-0
lines changed Original file line number Diff line number Diff line change 6161
6262.footer__nav {
6363 display : flex;
64+
6465 flex-wrap : wrap;
6566 justify-content : space-between;
6667 gap : 2rem ;
127128 gap : 0.75rem ;
128129}
129130
131+ @media (min-width : 768px ) {
132+ .footer__nav {
133+ flex-direction : row;
134+ }
135+ }
136+
137+ /* Dark mode styles */
138+ @media (prefers-color-scheme : dark) {
139+ .footer__nav {
140+ color : # 6b7280 ;
141+ /* text-gray-500 */
142+ }
143+ }
144+
145+ .footer__nav--item {
146+ text-decoration : underline;
147+ text-underline-offset : 2px ;
148+ transition : color 0.2s ;
149+ }
150+
151+ .footer__nav--item : hover {
152+ color : # 3b82f6 ;
153+ /* blue-500 */
154+ }
155+
156+ @media (prefers-color-scheme : dark) {
157+ .footer__nav--item : hover {
158+ color : # 60a5fa ;
159+ /* blue-400 */
160+ }
161+ }
162+
130163.footer__nav--links a {
131164 color : var (--footer-text-secondary );
132165 text-decoration : none;
You can’t perform that action at this time.
0 commit comments