From 6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Mon, 13 Apr 2020 19:13:39 +0800
Subject: Initial commit

---
 assets/sass/@primer/css/forms/input-group.scss | 53 ++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 assets/sass/@primer/css/forms/input-group.scss

(limited to 'assets/sass/@primer/css/forms/input-group.scss')

diff --git a/assets/sass/@primer/css/forms/input-group.scss b/assets/sass/@primer/css/forms/input-group.scss
new file mode 100644
index 0000000..7cae4ee
--- /dev/null
+++ b/assets/sass/@primer/css/forms/input-group.scss
@@ -0,0 +1,53 @@
+.input-group {
+  display: table;
+
+  .form-control {
+    position: relative;
+    width: 100%;
+
+    &:focus {
+      z-index: 2;
+    }
+
+    + .btn {
+      margin-left: 0;
+    }
+  }
+
+  // For when you want the input group to behave like inline-block.
+  &.inline {
+    display: inline-table;
+  }
+}
+
+.input-group .form-control,
+.input-group-button {
+  display: table-cell;
+}
+
+.input-group-button {
+  width: 1%;
+  vertical-align: middle; // Match the inputs
+}
+
+.input-group .form-control:first-child,
+.input-group-button:first-child .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group-button:first-child .btn {
+  // stylelint-disable-next-line primer/spacing
+  margin-right: -1px;
+}
+
+.input-group .form-control:last-child,
+.input-group-button:last-child .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group-button:last-child .btn {
+  // stylelint-disable-next-line primer/spacing
+  margin-left: -1px;
+}
-- 
cgit v1.2.3