Initial commit

assets/scss/argon-design-system/input-group.scss

@@ -0,0 +1,70 @@
+.input-group {
+	box-shadow: $input-box-shadow;
+	border-radius: $input-border-radius;
+	transition: $transition-base;
+
+	.form-control {
+		box-shadow: none;
+
+		&:not(:first-child) {
+		    border-left: 0;
+		    padding-left: 0;
+		}
+		&:not(:last-child) {
+			border-right: 0;
+			padding-right: 0;
+		}
+		&:focus {
+			box-shadow: none;
+		}
+	}
+
+  .input-group-prepend {
+    margin-right: 0;
+
+    .input-group-text {
+      border-right: none;
+    }
+  }
+}
+
+.input-group-text {
+  transition: $transition-base;
+}
+
+.input-group-alternative {
+    box-shadow: $input-alternative-box-shadow;
+    border: 0;
+    transition: box-shadow .15s ease;
+
+    .form-control,
+    .input-group-text {
+        border: 0;
+        box-shadow: none;
+    }
+}
+
+.focused {
+	.input-group-alternative {
+    box-shadow: $input-focus-alternative-box-shadow !important;
+  }
+}
+
+
+// .focus class is applied dinamycally from theme.js
+
+.focused {
+	.input-group {
+		box-shadow: $input-focus-box-shadow;
+	}
+
+	.input-group-text {
+    color: $input-group-addon-focus-color;
+    background-color: $input-group-addon-focus-bg;
+    border-color: $primary;
+	}
+
+	.form-control {
+		border-color: $primary;
+	}
+}