oranda 0.6.5

🎁 generate beautiful landing pages for your projects
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

/* FOOTER */

footer {
  @apply flex w-full justify-between px-4 py-2 text-xs items-center shrink grow-0;
  background-color: var(--fg-color);
  color: var(--bg-color);
}

/* NAV */

.nav {
  @apply p-0 text-center mb-12;
}

.nav ul {
  @apply p-0 flex flex-wrap gap-6 items-center text-center list-none justify-center;
}

.nav ul li {
  @apply m-0 capitalize;
}

/* REPO BANNER */

.repo_banner {
  @apply py-1.5;
  color: var(--bg-color);
  background-color: var(--fg-color);
}

.repo_banner > a {
  @apply flex justify-center gap-2 items-start hover:text-slate-50 text-slate-50 dark:text-axo-black dark:hover:text-axo-black h-[20px] hover:underline hover:underline-offset-1 dark:hover:decoration-axo-black hover:decoration-slate-50;
}

/* FUNDING */

.funding-wrapper {
  @apply mt-8 flex flex-col items-center;
}

.funding-list {
  @apply my-12 w-full lg:grid grid-cols-2 gap-4;
}

.funding-list li {
  @apply m-0 mb-4;
}

.funding-list li a {
  @apply flex gap-2 items-center;
}

.funding-list li a:hover button {
  @apply text-slate-100 bg-axo-orange-dark border-axo-orange-dark;
  color: var(--bg-color);
  background-color: var(--fg-color);
  border-color: var(--bg-color);
}

.funding-list .button {
  @apply block w-auto  mr-2;
}

.preferred-funding-list {
  @apply grid-cols-1;
}

.preferred-funding-list li a {
  @apply flex-col text-4xl font-bold;
}

.preferred-funding-list svg {
  @apply w-12 h-12;
}

.preferred-funding-list .button {
  @apply border-0;
}