From 7594f28c5ea5ee2bdf0f0640bd8be103b1546525 Mon Sep 17 00:00:00 2001
From: HenriqueSSan <hsstudentwork@gmail.com>
Date: Sat, 17 Dec 2022 01:03:29 -0300
Subject: [PATCH] feat(autentication): created initial styles for small, medium
 devices

---
 .../sass/checkout/_checkout-autenticacao.scss | 87 +++++++++++++++++++
 1 file changed, 87 insertions(+)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index 08dde7d..da3bb99 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -287,3 +287,90 @@
         }
     }
 }
+
+.container-order-form {
+    #orderform-title {
+        padding: 0 16px;
+    }
+
+    .checkout-container .client-pre-email {
+        padding: 8px 16px 0;
+    }
+
+    .checkout-container .client-pre-email .emailInfo {
+        width: 100%;
+        font-size: 12px;
+    }
+
+    .checkout-container .client-pre-email .emailInfo h3 {
+        line-height: 16.34px;
+    }
+
+    .orderform-template {
+        .client-pre-email {
+            .link-cart a {
+                font-size: 10px;
+                line-height: 12px;
+                font-family: $font-family-200;
+                text-transform: uppercase;
+            }
+        }
+
+        .client-pre-email .emailInfo ul li i::before {
+            color: $clr-primary-blue-500;
+        }
+
+        .client-pre-email .client-email button {
+            @include btn-primary-blue-black();
+        }
+        .client-pre-email-h {
+            label {
+                span,
+                small {
+                    font-size: 12px;
+                    line-height: 14px;
+                    font-weight: 400;
+                    color: $clr-common-black;
+                    font-family: $font-family-200;
+                    text-transform: uppercase;
+                }
+            }
+        }
+    }
+
+    .client-pre-email .emailInfo .icon-lock {
+        display: none;
+    }
+}
+
+.container-order-form {
+    @media screen and (min-width: 1200px) {
+        width: inherit;
+    }
+}
+
+.container-order-form {
+    width: 100%;
+
+    @media screen and (min-width: 600px) {
+        .checkout-container .client-pre-email .emailInfo {
+            width: fluid(343px, 992px);
+        }
+    }
+
+    @media screen and (min-width: 1280px) {
+        width: fluid(1018px, 1280px);
+
+        .checkout-container .client-pre-email {
+            padding: 8px 0 0;
+        }
+
+        #orderform-title {
+            padding: 0;
+        }
+
+        .client-pre-email .emailInfo .icon-lock {
+            display: block;
+        }
+    }
+}
-- 
2.34.1