From c5838a2873473440ba9b1bea740b714ae1fb2485 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sat, 19 Nov 2022 11:13:02 +0700
Subject: brand with infinite scroll and fix product card style

---
 src/styles/globals.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

(limited to 'src/styles/globals.css')

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 2ff05c47..5d741ab4 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -9,6 +9,7 @@ html, body {
         w-screen
         text-base
         text-gray-900
+        bg-gray-100
     ;
 }
 
@@ -163,20 +164,25 @@ html, body {
 }
 
 @layer utilities {
-    .wrap-line-ellipsis-2 {
+    .wrap-line-ellipsis-1,
+    .wrap-line-ellipsis-2,
+    .wrap-line-ellipsis-3 {
         display: -webkit-box;
-        -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
     }
+
+    .wrap-line-ellipsis-1 {
+        -webkit-line-clamp: 1;
+    }
+
+    .wrap-line-ellipsis-2 {
+        -webkit-line-clamp: 2;
+    }
     
     .wrap-line-ellipsis-3 {
-        display: -webkit-box;
         -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        text-overflow: ellipsis;
     }
 }
 
-- 
cgit v1.2.3