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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122

.package-managers-downloads ul {
  @apply my-16;
}

.package-managers-downloads ul li {
  @apply ml-0;
}

.package-managers-downloads pre {
  @apply my-0;
}

.artifacts {
  @apply sm:flex items-center flex-col mb-8 p-0 hidden;
  color: var(--highlight-fg-color);
  background-color: var(--highlight-bg-color);
}

.artifacts-table {
  @apply block max-w-full overflow-auto;
}

ul.tabs {
  @apply flex border-b-2;
  border-color: var(--highlight-fg-color);
}

ul.tabs li {
  @apply hover:cursor-pointer m-0 px-3 py-2 text-base;
}

ul.tabs li small {
  @apply text-xs text-gray-400 block;
}

ul.tabs li.selected,
ul.tabs li.selected small {
  color: var(--highlight-bg-color);
  background-color: var(--highlight-fg-color);
}

.install-content {
  @apply max-w-full p-0 m-0;
}

.detect {
  @apply text-center pr-2 md:pr-0;
}

.detect + a {
  @apply block sm:inline my-2 sm:my-0;
}

.detect .detected-os {
  @apply capitalize;
}

.artifact-header pre {
  @apply my-0 mx-auto;
}

.artifact-header > h4 {
  @apply text-center -mb-2 font-bold;
}

.artifact-header {
  @apply max-w-full w-full;
}

.artifact-header > div:not(.install-code-wrapper) {
  @apply md:flex md:gap-4 justify-center text-center md:text-left items-center mt-4;
}

.backup-download {
  @apply hover:no-underline;
}

.bottom-options {
  @apply flex flex-row w-full justify-between items-center;
}
.bottom-options.one {
  @apply justify-center;
}

.install-code-wrapper {
  @apply flex items-stretch;
}

.install-code-wrapper > pre {
  @apply flex-grow flex-shrink;
}

.install-code-wrapper > .button {
  @apply w-auto rounded-l-none flex items-center hover:no-underline focus:outline-offset-[-2px];
}

.install-code-wrapper > .button.copy-clipboard-button {
  @apply rounded-none;
}

.download-wrapper {
  @apply flex flex-row justify-center;
}
.button .button-subtitle {
  @apply text-xs block;
}

.published-date {
  @apply block mb-2;
}

.arch {
  @apply p-0 m-0 pt-4;
}
.arch .contents {
  @apply pt-4;
  min-height: 7rem;
}

.mobile-download {
  @apply block sm:hidden mx-auto mb-12;
}