still on Tailwind 3 -.-

Author: overheadhunter

layouts/donate-thanks/single.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
   <div class="container text-center py-12">
     <header class="prose prose-sm md:prose max-w-none md:max-w-none">
-      <img src="/img/logo.svg" class="object-scale-down mx-auto w-1/4 mb-8 aspect-1110/942" alt="Cryptomator Logo"/>
+      <img src="/img/logo.svg" class="object-scale-down mx-auto w-1/4 mb-8 aspect-[1110/942]" alt="Cryptomator Logo"/>
       <h1>{{ .Title }}</h1>
       {{ .Content }}
     </header>

layouts/hub/single.html

@@ -6,7 +6,7 @@
       </div>
       <div class="w-full lg:w-3/5">
         <div class="flex items-center mb-4">
-          <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
+          <img src="/img/logo.svg" class="h-8 aspect-[1110/942]" alt="Logo"/>
           <span class="font-headline font-bold text-primary ml-2 pb-px">CRYPTOMATOR&nbsp;HUB</span>
         </div>
         <h1 class="font-headline font-medium text-3xl md:text-4xl leading-tight mb-6">{{ i18n "hub_header_title" . | safeHTML }}</h1>

layouts/index.html

@@ -44,7 +44,7 @@ <h2 id="get-started" class="text-center font-headline font-medium text-xl md:tex
         <div class="flex justify-between items-center p-4 border-b border-primary">
           <h3>
             <div class="flex items-center">
-              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-1110/942" alt="Logo"/>
+              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-[1110/942]" alt="Logo"/>
               <span class="font-headline font-bold text-primary pb-px">CRYPTOMATOR</span>
             </div>
           </h3>
@@ -82,7 +82,7 @@ <h4 class="font-medium lg:text-lg leading-relaxed">
         <div class="flex justify-between items-center p-4 border-b border-primary">
           <h3>
             <div class="flex items-center">
-              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-1110/942" alt="Logo"/>
+              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-[1110/942]" alt="Logo"/>
               <span class="font-headline font-bold text-primary pb-px">CRYPTOMATOR HUB</span>
             </div>
           </h3>

layouts/partials/nav.html

@@ -13,7 +13,7 @@
       </button>
 
       <a class="flex items-center hover:no-underline p-2 lg:mr-2" href="{{ .Site.LanguagePrefix }}/">
-        <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
+        <img src="/img/logo.svg" class="h-8 aspect-[1110/942]" alt="Logo"/>
         <span class="{{ if not (or (in .RelPermalink "/downloads") (in .RelPermalink "/hub")) }}hidden{{ end }} md:block font-headline font-bold ml-2 pb-px">CRYPTOMATOR</span>
       </a>