Skip to content

Commit c1ffbf9

Browse files
rebeccahongsfrebeccahongsf
committed
SWSWEB-37 | update global footer
1 parent 11f0f61 commit c1ffbf9

File tree

2 files changed

+103
-42
lines changed

2 files changed

+103
-42
lines changed

‎app/globals.css‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,3 +5,58 @@
55
--font-serif: var(--font-source-serif);
66
--font-stanford: var(--font-stanford);
77
}
8+
9+
/* Two column grids */
10+
@utility grid-cols-1-1 {
11+
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
12+
}
13+
@utility grid-cols-1-2 {
14+
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
15+
}
16+
@utility grid-cols-1-3 {
17+
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
18+
}
19+
@utility grid-cols-1-4 {
20+
grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
21+
}
22+
@utility grid-cols-2-1 {
23+
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
24+
}
25+
@utility grid-cols-3-1 {
26+
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
27+
}
28+
@utility grid-cols-4-1 {
29+
grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
30+
}
31+
32+
/* Three column grids */
33+
@utility grid-cols-1-1-1 {
34+
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
35+
}
36+
@utility grid-cols-1-1-2 {
37+
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
38+
}
39+
@utility grid-cols-1-1-3 {
40+
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 3fr);
41+
}
42+
@utility grid-cols-1-1-4 {
43+
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 4fr);
44+
}
45+
@utility grid-cols-1-2-1 {
46+
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
47+
}
48+
@utility grid-cols-1-3-1 {
49+
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
50+
}
51+
@utility grid-cols-1-4-1 {
52+
grid-template-columns: minmax(0, 1fr) minmax(0, 4fr) minmax(0, 1fr);
53+
}
54+
@utility grid-cols-2-1-1 {
55+
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
56+
}
57+
@utility grid-cols-3-1-1 {
58+
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr);
59+
}
60+
@utility grid-cols-4-1-1 {
61+
grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 1fr);
62+
}

‎src/components/global/page-footer.tsx‎

Lines changed: 48 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ const PageFooter = ({...props}: Props) => {
99
<LocalFooter />
1010

1111
<div className="bg-cardinal-red py-25 [&_a:is(:hover,:focus)]:text-white [&_a]:text-white [&_a]:no-underline">
12-
<div className="centered lg:flex lg:items-start lg:gap-50">
12+
<div className="cc lg:flex lg:items-start lg:gap-50">
1313
<div className="mb-25 text-center">
1414
<a className="logo type-3 text-white hocus:text-white" href="https://www.stanford.edu">
1515
Stanford
@@ -19,78 +19,84 @@ const PageFooter = ({...props}: Props) => {
1919
</div>
2020
<div className="mx-auto lg:mx-0 [&_a:focus]:underline [&_a:hover]:underline">
2121
<nav
22-
aria-label="University Links"
23-
className="mb-13 flex justify-center gap-50 sm:flex-col sm:gap-0 lg:justify-start"
24-
>
25-
<ul className="list-unstyled justify-center text-2xl sm:flex sm:gap-25 md:text-3xl lg:justify-start">
26-
<li>
27-
<a href="https://www.stanford.edu">Stanford Home</a>
22+
aria-label="global footer menu"
23+
className="mb-10 flex flex-row justify-center sm:flex-col sm:items-center lg:items-start"
24+
>
25+
<ul className="list-unstyled mb-10 mr-19 flex flex-col p-0 text-15 sm:mb-4 sm:mr-0 sm:flex-row md:text-17 2xl:text-18">
26+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
27+
<a rel="nofollow" href="https://www.stanford.edu">
28+
Stanford Home
29+
</a>
2830
</li>
29-
<li>
30-
<a href="https://visit.stanford.edu/plan/">Maps &amp; Directions</a>
31+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
32+
<a rel="nofollow" href="https://visit.stanford.edu/plan/">
33+
{" "}
34+
Maps &amp; Directions
35+
</a>
3136
</li>
32-
<li>
33-
<a href="https://www.stanford.edu/search/">Search Stanford</a>
37+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
38+
<a rel="nofollow" href="https://www.stanford.edu/search/">
39+
{" "}
40+
Search Stanford
41+
</a>
3442
</li>
3543
<li>
36-
<a href="https://emergency.stanford.edu">Emergency Info</a>
44+
<a rel="nofollow" href="https://emergency.stanford.edu">
45+
{" "}
46+
Emergency Info
47+
</a>
3748
</li>
3849
</ul>
39-
40-
<ul className="list-unstyled justify-center text-2xl sm:flex sm:gap-25 sm:text-xl lg:justify-start lg:text-3xl">
41-
<li>
42-
<a href="https://www.stanford.edu/site/terms/" title="Terms of use for sites" className="font-normal">
50+
<ul className="list-unstyled mb-10 ml-19 flex flex-col p-0 text-15 sm:mb-0 sm:ml-0 sm:flex-row sm:text-14 sm:link-regular md:text-15 xl:text-16">
51+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
52+
<a rel="nofollow" href="https://www.stanford.edu/site/terms/" title="Terms of use for sites">
4353
Terms of Use
4454
</a>
4555
</li>
46-
<li>
47-
<a
48-
href="https://www.stanford.edu/site/privacy/"
49-
title="Privacy and cookie policy"
50-
className="font-normal"
51-
>
56+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
57+
<a rel="nofollow" href="https://www.stanford.edu/site/privacy/" title="Privacy and cookie policy">
5258
Privacy
5359
</a>
5460
</li>
55-
<li>
61+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
5662
<a
57-
href="https://uit.stanford.edu/security/copyright-infringement"
58-
title="Report alleged copyright infringement"
59-
className="font-normal"
60-
>
63+
rel="nofollow"
64+
href="https://uit.stanford.edu/security/copyright-infringement"
65+
title="Report alleged copyright infringement"
66+
>
6167
Copyright
6268
</a>
6369
</li>
64-
<li>
70+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
6571
<a
66-
href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4"
67-
title="Ownership and use of Stanford trademarks and images"
68-
className="font-normal"
69-
>
72+
rel="nofollow"
73+
href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4"
74+
title="Ownership and use of Stanford trademarks and images"
75+
>
7076
Trademarks
7177
</a>
7278
</li>
73-
<li>
79+
<li className="sm:mr-10 md:mr-20 lg:mr-27">
7480
<a
75-
href="https://bulletin.stanford.edu/pages/c7vDgeOuJIfpZe8GKmW3"
76-
title="Non-discrimination policy"
77-
className="font-normal"
78-
>
81+
rel="nofollow"
82+
href="https://bulletin.stanford.edu/pages/c7vDgeOuJIfpZe8GKmW3"
83+
title="Non-discrimination policy"
84+
>
7985
Non-Discrimination
8086
</a>
8187
</li>
8288
<li>
8389
<a
84-
href="https://www.stanford.edu/site/accessibility"
85-
title="Report web accessibility issues"
86-
className="font-normal"
87-
>
90+
rel="nofollow"
91+
href="https://www.stanford.edu/site/accessibility"
92+
title="Report web accessibility issues"
93+
>
8894
Accessibility
8995
</a>
9096
</li>
9197
</ul>
9298
</nav>
93-
<div className="text-center text-xl text-white lg:text-left">
99+
<div className="text-center text-13 sm:text-14 text-white lg:text-left">
94100
© Stanford University. Stanford, California 94305.
95101
</div>
96102
</div>

0 commit comments

Comments
 (0)