Landing page + css..

2020-08-22 01:37:23 +02:00
parent 4c4ca2dd98
commit 97ea331c51
5 changed files with 159 additions and 22 deletions
@@ -0,0 +1,35 @@
+#search {
+    @apply mb-4 flex flex-wrap;
+
+    [name="search"] {
+        @apply bg-gray-800 border-gray-700 text-white rounded w-full border appearance-none text-base p-2 mb-2;
+
+        &:focus {
+            @apply border-teal-500 outline-none;
+        }
+    }
+
+    #buttons {
+        @apply flex flex-1 justify-between mb-2;
+
+        button {
+            @apply flex-1 btn btn-green;
+        }
+
+        a {
+            @apply ml-2 flex-1 btn btn-red inline-block text-center;
+        }
+    }
+}
+
+@screen md {
+    #search {
+        [name="search"] {
+            @apply mb-0 /* @formatter:off */ w-2/3 /* @formatter:on */ flex-1;
+        }
+
+        #buttons {
+            @apply mb-0;
+        }
+    }
+}