fix: margin in right hero posts

fix: remove @Responsive
therealzaybee · Oct 19, 2023 · ad394b4 · ad394b4
1 parent 1967d0c
commit ad394b4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/assets/css/index.css b/assets/css/index.css
@@ -170,7 +170,7 @@ body.dark {
     margin: 0;
 }
 
-@responsive {
+@layer utilities {
     .line-clamp {
         text-overflow: ellipsis;
         overflow: hidden;

diff --git a/index.hbs b/index.hbs
@@ -38,15 +38,15 @@
                             {{> "picture" picture_classes="block object-cover lg:min-w-48 lg:h-40 w-full aspect-[16/9] rounded transform hover:scale-105 transition duration-500" }}
                         </a>
                         <div class="sm:w-[60%] mt-4 sm:mt-0">
-                            <div class="mt-4 flex items-center gap-2 font-bold leading-sm capitalize text-indigo-500 flex-wrap md:flex-nowrap md:line-clamp">
+                            <div class="flex items-center gap-2 font-bold leading-sm capitalize text-indigo-500 flex-wrap md:flex-nowrap md:line-clamp">
                                 {{#foreach tags }}
                                     {{#if @index }}
                                         <span class="" aria-hidden="true">&bull;</span>
                                     {{/if}}
                                         <a href="{{url}}" class="">{{name}}</a>
                                 {{/foreach }}
                             </div>
-                            <a href="{{ url }}" class="mt-4 inline-block text-xl font-semibold">{{ title }}</a>
+                            <a href="{{ url }}" class="mt-2 inline-block text-xl font-semibold">{{ title }}</a>
                             <a href="{{ url }}" class="mt-2 text-gray-500 dark:text-gray-400 lg:hidden line-clamp-2">{{ excerpt }}</a>
                             <p class="text-sm text-gray-400 dark:text-gray-500 tracking-tight flex items-center gap-2 mt-4"> {{date}} <span class="h-1 w-1 rounded-full bg-gray-400 dark:bg-gray-600"></span> {{reading_time minute="1 min" minutes="% mins"}}</p>
                         </div>