us only tailwind

Vk2401 · Vk2401 · commit a39d550b3dfc · 2023-10-03T12:00:22.000+05:30
diff --git a/assests/css/styles.css b/assests/css/styles.css
@@ -699,16 +699,12 @@ video {
   margin: 0.25rem;
 }
 
-.m-2 {
-  margin: 0.5rem;
-}
-
 .m-3 {
   margin: 0.75rem;
 }
 
-.m-96 {
-  margin: 24rem;
+.mb-32 {
+  margin-bottom: 8rem;
 }
 
 .ml-4 {
@@ -719,30 +715,6 @@ video {
   margin-top: 0.5rem;
 }
 
-.mb-96 {
-  margin-bottom: 24rem;
-}
-
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-
-.mb-60 {
-  margin-bottom: 15rem;
-}
-
-.mb-0 {
-  margin-bottom: 0px;
-}
-
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
-
-.mb-32 {
-  margin-bottom: 8rem;
-}
-
 .box-border {
   box-sizing: border-box;
 }
@@ -858,10 +830,6 @@ video {
   height: 0.1px;
 }
 
-.h-\[14\.3vh\] {
-  height: 14.3vh;
-}
-
 .h-\[86\.7vh\] {
   height: 86.7vh;
 }
@@ -1888,6 +1856,22 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-hero-pattern {
+  background-image: url('https://docegeracao.com.br/wp-content/uploads/2019/06/bg-whatsapp.jpg');
+}
+
+.bg-\[url\(\'\/img\/hero-pattern\.svg\'\)\] {
+  background-image: url('/img/hero-pattern.svg');
+}
+
+.bg-\[url\(\'\'\)\] {
+  background-image: url('');
+}
+
+.bg-\[url\(\'https\:\/\/docegeracao\.com\.br\/wp-content\/uploads\/2019\/06\/bg-whatsapp\.jpg\'\)\] {
+  background-image: url('https://docegeracao.com.br/wp-content/uploads/2019/06/bg-whatsapp.jpg');
+}
+
 .decoration-slice {
   -webkit-box-decoration-break: slice;
           box-decoration-break: slice;
@@ -2696,18 +2680,10 @@ video {
 }
 
 @media (min-width: 768px) {
-  .md\:fixed {
-    position: fixed;
-  }
-
   .md\:absolute {
     position: absolute;
   }
 
-  .md\:sticky {
-    position: sticky;
-  }
-
   .md\:m-10 {
     margin: 2.5rem;
   }
@@ -2724,10 +2700,6 @@ video {
     height: 700px;
   }
 
-  .md\:h-full {
-    height: 100%;
-  }
-
   .md\:w-\[430px\] {
     width: 430px;
   }
diff --git a/calls.html b/calls.html
@@ -9,15 +9,9 @@
         type="image/x-icon">
     <!-- tailwind css -->
     <link rel="stylesheet" href="assests/css/styles.css">
-    <style>
-        body {
-            background-color: #276556;
-            background-image: url('https://docegeracao.com.br/wp-content/uploads/2019/06/bg-whatsapp.jpg');
-        }
-    </style>
 </head>
 
-<body class="h-screen w-screen overflow-hidden">
+<body class="h-screen w-screen overflow-hidden bg-hero-pattern bg-emerald-800">
     <main class="h-screen md:flex md:justify-center md:m-10">
 
         <div class="flex-col">
diff --git a/index.html b/index.html
@@ -9,15 +9,9 @@
         type="image/x-icon">
     <!-- tailwind css -->
     <link rel="stylesheet" href="assests/css/styles.css">
-    <style>
-        body {
-            background-color: #276556;
-            background-image: url('https://docegeracao.com.br/wp-content/uploads/2019/06/bg-whatsapp.jpg');
-        }
-    </style>
 </head>
 
-<body class="h-screen w-screen overflow-hidden">
+<body class="h-screen w-screen overflow-hidden bg-hero-pattern bg-emerald-800">
     <main class="h-screen md:flex md:justify-center md:mt-10">
 
         <div class="flex-col">
diff --git a/status.html b/status.html
@@ -9,15 +9,10 @@
         type="image/x-icon">
     <!-- tailwind css -->
     <link rel="stylesheet" href="assests/css/styles.css">
-    <style>
-        body {
-            background-color: #276556;
-            background-image: url('https://docegeracao.com.br/wp-content/uploads/2019/06/bg-whatsapp.jpg');
-        }
-    </style>
+
 </head>
 
-<body class="h-screen w-screen overflow-hidden">
+<body class="h-screen w-screen overflow-hidden bg-[url('https://docegeracao.com.br/wp-content/uploads/2019/06/bg-whatsapp.jpg')] bg-emerald-800">
     <main class="h-screen md:flex md:justify-center md:m-10">
 
         <div class="flex-col">
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -2,7 +2,11 @@
 module.exports = {
   content: ["./**/*.{html,js}"],
   theme: {
-    extend: {},
+    extend: {
+      backgroundImage: {
+        'hero-pattern': "url('https://docegeracao.com.br/wp-content/uploads/2019/06/bg-whatsapp.jpg')",
+      }
+    },
   },
   plugins: [],
 }
