site: use tailwind

This commit is contained in:
Harvey Tindall
2022-01-04 21:13:09 +00:00
parent 3b0701e772
commit e86f5f4c3c
10 changed files with 1812 additions and 110 deletions
+2
View File
@@ -30,6 +30,7 @@ stableButton.onclick = () => {
debUnstable.classList.add("unfocused");
dockerUnstable.classList.add("unfocused");
stableButton.classList.add("@high");
stableButton.classList.remove("@low");
unstableButton.classList.remove("@high");
stableSect.classList.remove("unfocused");
unstableSect.classList.add("unfocused");
@@ -40,6 +41,7 @@ unstableButton.onclick = () => {
debUnstable.classList.remove("unfocused");
dockerUnstable.classList.remove("unfocused");
unstableButton.classList.add("@high");
unstableButton.classList.remove("@low");
stableButton.classList.remove("@high");
stableSect.classList.add("unfocused");
unstableSect.classList.remove("unfocused");
+5 -5
View File
@@ -24,7 +24,7 @@ export const loadBuilds = () => {
for (let buildName in categories) {
if (Object.keys(categories[buildName]).length == 1) {
const button = document.createElement("a") as HTMLAnchorElement;
button.classList.add("button", "~info", "mr-half", "mb-half", "lang-link");
button.classList.add("button", "~info", "mr-2", "mb-2", "lang-link");
button.target = "_blank";
button.textContent = buildName.toLowerCase();
button.href = urlBase + categories[buildName][Object.keys(categories[buildName])[0]];
@@ -34,16 +34,16 @@ export const loadBuilds = () => {
dropdown.tabIndex = 0;
dropdown.classList.add("dropdown");
let innerHTML = `
<span class="button ~info mr-half mb-half lang-link">
<span class="button ~info mr-2 mb-2 lang-link">
${buildName.toLowerCase()}
<span class="ml-half chev"></span>
<span class="ml-2 chev"></span>
</span>
<div class="dropdown-display above">
<div class="card ~info @low">
<div class="card @low">
`;
for (let arch in categories[buildName]) {
innerHTML += `
<a href="${urlBase + categories[buildName][arch]}" target="_blank" class="button input ~neutral field mb-half lang-link">${arch}</a>
<a href="${urlBase + categories[buildName][arch]}" target="_blank" class="button input ~neutral field mb-2 lang-link">${arch}</a>
`;
}
innerHTML += `