CSS & JS splitting, small fix section badge

1 files changed, 51 insertions, 0 deletions

diff --git a/assets/css/search.css b/assets/css/search.css
new file mode 100644
index 0000000..7b6feab
--- /dev/null
+++ b/assets/css/search.css
@@ -0,0 +1,51 @@
+/* Search */
+.search-form__input {
+    font-size: var(--font-size-default);
+    border: 2px solid var(--bg-special);
+    border-radius: var(--border-radius-minimal);
+    margin-right: var(--gap-small);
+    padding: 0.2rem;
+    height: var(--font-size-h1);
+    width: 50%;
+
+    &:focus {
+        border-color: var(--link-color);
+        box-shadow: var(--glow);
+        outline: none;
+    }
+
+    @media (max-width: 768px) {
+        width: 90%;
+    }
+}
+
+.search-form__reset {
+    background-color: var(--bg-special);
+    border: none;
+    border-radius: var(--border-radius-max);
+    box-shadow: var(--shadow-default);
+    color: var(--text-color);
+    font-size: var(--font-size-default);
+    font-weight: bold;
+    padding: 0.1rem 0.5rem 0.3rem 0.5rem;
+
+    &:hover {
+        background-color: var(--link-hover);
+        color: var(--bg-main);
+        cursor: pointer;
+    }
+}
+
+.search-input {
+    width: 30vw;
+
+    @media (max-width: 768px) {
+        width: 100vw;
+    }
+}
+
+.search-results__count {
+    font-weight: bold;
+    margin: var(--margin-padding-Y-default);
+}
+