loading up the forgejo repo on tangled to test page performance
1.home .logo {
2 max-width: 220px;
3}
4
5@media (max-width: 767.98px) {
6 .home .hero h1 {
7 font-size: 3.5em;
8 }
9 .home .hero h2 {
10 font-size: 2em;
11 }
12}
13
14@media (min-width: 768px) {
15 .home .hero h1 {
16 font-size: 5.5em;
17 }
18 .home .hero h2 {
19 font-size: 3em;
20 }
21}
22
23.home .hero .svg {
24 color: var(--color-primary);
25 height: 40px;
26 width: 50px;
27 vertical-align: bottom;
28}
29
30.home .hero.header {
31 font-size: 20px;
32}
33
34.home p.large {
35 font-size: 16px;
36}
37
38.home .stackable {
39 padding-top: 30px;
40}
41
42.home a {
43 color: var(--color-primary);
44}
45
46.page-footer {
47 display: flex;
48 justify-content: space-between;
49 background-color: var(--color-footer);
50 border-top: 1px solid var(--color-secondary);
51 padding: 8px 20px;
52}
53
54.page-footer .left-links {
55 display: flex;
56 flex-wrap: wrap;
57 align-items: center;
58 justify-content: center;
59 gap: 0.25em;
60}
61
62.page-footer .right-links {
63 min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */
64 display: flex;
65 flex-wrap: wrap;
66 align-items: center;
67 justify-content: center;
68}
69
70.page-footer .right-links > a {
71 border-left: 1px solid var(--color-secondary-dark-1);
72 padding-left: 8px;
73 margin-left: 5px;
74}
75
76.page-footer .ui.dropdown.language .menu {
77 max-height: min(500px, calc(100vh - 60px));
78 overflow-y: auto;
79 margin-bottom: 10px;
80}
81
82@media (max-width: 880px) {
83 .page-footer {
84 flex-direction: column;
85 gap: 0.5em;
86 }
87}