♻️ refactor: Move most inline styles out of line

- Move out of line by using already defined css classes
- Move paddings out of line
- Move margins out of line
- Move z-indexes out of line
- Move center-relative-left out of line

layouts/_default/_markup/render-heading.html

@@ -4,8 +4,7 @@
     {{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}
     <span
         class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
-        <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
-            style="text-decoration-line: none !important;" href="#{{ $anchor }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>
+        <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#{{ $anchor }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>
     </span>        
     {{ end }}
 </h{{ .Level }}>

layouts/_default/list.html

@@ -91,7 +91,7 @@
 
       {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
         {{ if $cardViewScreenWidth }}
-        <div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+        <div class="relative w-screen max-w-[1600px] px-[30px] center-relative-left">
         {{ end }}
           <h2 class="mt-12 mb-3 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
             {{ .Key }}
@@ -107,7 +107,7 @@
       {{ else }}
 
         {{ if $cardViewScreenWidth }}
-        <div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+        <div class="relative w-screen max-w-[1600px] px-[30px] center-relative-left">
         <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
         {{ else }}
         <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">

layouts/_default/term.html

@@ -90,7 +90,7 @@
   {{ if $groupByYear }}
 
   {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
-  <div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <div class="relative w-screen max-w-[1600px] px-[30px] center-relative-left">
     <h2 class="mt-12 mb-3 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
       {{ .Key }}
     </h2>
@@ -104,7 +104,7 @@
 
   {{ else }}
 
-  <div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <div class="relative w-screen max-w-[1600px] px-[30px] center-relative-left">
     <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
       {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
       {{ range .Pages }}