From 4a615aae5f29ed8c0ad3631a8510df57b80cae94 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Thu, 15 Dec 2022 16:37:45 +0700
Subject: feature checbox add to process in cart

---
 src/styles/globals.css | 53 +++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 40 insertions(+), 13 deletions(-)

(limited to 'src/styles')

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 3ecf04b8..1224d661 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -14,6 +14,16 @@ html, body {
 }
 
 @layer base {
+    input[type="number"]::-webkit-inner-spin-button,
+    input[type="number"]::-webkit-outer-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    input[type=number] {
+        -moz-appearance:textfield;
+    }
+
     h1, .h1 {
         @apply
             text-h-md
@@ -104,34 +114,48 @@ html, body {
         ;
     }
 
-    .btn-yellow {
-        @apply 
+    .btn-yellow,
+    .btn-light,
+    .btn-red {
+        @apply
             block
             w-fit
             p-3
-            bg-yellow_r-9
-            border-yellow_r-9
             rounded
             border
             text-center
+            font-medium
+            ease-linear
+            duration-150
+        ;
+    }
+
+    .btn-yellow {
+        @apply 
+            bg-yellow_r-9
+            border-yellow_r-9
             disabled:text-gray_r-10
             disabled:bg-yellow_r-7
             disabled:border-yellow_r-7
-            ease-linear
-            duration-150
+        ;
+    }
+
+    .btn-red {
+        @apply 
+            bg-red_r-3
+            border-red_r-6
+            text-red_r-12
+            disabled:text-red_r-10
+            disabled:bg-red_r-6
         ;
     }
 
     .btn-light {
         @apply 
-            block
-            w-fit
-            p-3
             bg-gray_r-3
             border-gray_r-6
-            rounded
-            border
-            text-center
+            disabled:text-gray_r-10
+            disabled:bg-gray_r-6
         ;
     }
 
@@ -299,7 +323,10 @@ html, body {
 }
 
 .lazy-load-image-background {
-    @apply !block;
+    @apply 
+        !block
+        w-full
+    ;
 }
 
 .swiper-pagination-bullet-active {
-- 
cgit v1.2.3