From 7b44b652473b487e2d00a5b705a7f78ee66dec65 Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Thu, 23 Nov 2017 21:22:42 +0900
Subject: Add search form

---
 .../components/form/search-engine-form.scss        | 38 ++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/settings/components/form/search-engine-form.scss

(limited to 'src/settings/components/form/search-engine-form.scss')

diff --git a/src/settings/components/form/search-engine-form.scss b/src/settings/components/form/search-engine-form.scss
new file mode 100644
index 0000000..1ca43b7
--- /dev/null
+++ b/src/settings/components/form/search-engine-form.scss
@@ -0,0 +1,38 @@
+.form-search-engine-form {
+  @mixin row-base {
+    display: flex;
+
+    .column-name {
+      flex: 1;
+    }
+    .column-url {
+      flex: 5;
+    }
+    .column-option {
+      text-align: right;
+      flex-basis: 5rem;
+    }
+  }
+
+  &-header {
+    @include row-base;
+
+    font-weight: bold;
+  }
+
+  &-row {
+    @include row-base;
+
+    .column-option input[type='button'] {
+      border: none;
+      padding: 4;
+      display: inline;
+      background: none;
+      color: red;
+
+      &:hover {
+        color: darkred;
+      }
+    }
+  }
+}
-- 
cgit v1.2.3