19.0.5

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## November 5, 2024 19.0.5
+* Fix `input-group()` layout.
+
 ## October 23, 2024 19.0.4
 * Reduce the level of detail of the inter-element margins in `set-between-content-level()`.
 

package.json

@@ -7,7 +7,7 @@
     "node": "20.11.1"
   },
   "name": "sass-basis",
-  "version": "19.0.4",
+  "version": "19.0.5",
   "main": "src/css/basis.scss",
   "author": "inc2734",
   "contributors": [

src/css/basis.scss

@@ -1,5 +1,5 @@
 /*!
- * Name: Basis v19.0.4
+ * Name: Basis v19.0.5
  * Description: A lightweight responsive Sass/CSS framework based on flexible box.
  * Author: Takashi Kitajima ( inc2734 )
  * Author URL: https://2inc.org

src/css/core/abstract/_input-group.scss

@@ -72,20 +72,30 @@ Abstract input group component
     display: flex;
     flex: 1;
 
-    > input[type='email'],
-    > input[type='number'],
-    > input[type='password'],
-    > input[type='search'],
-    > input[type='tel'],
-    > input[type='text'],
-    > input[type='url'] {
+    > input {
       appearance: none;
       flex: 1 1 0%;
       width: 100%;
       @include form-control();
+    }
+
+    &:first-child:not(:last-child) {
+      > input {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+
+    &:last-child:not(:first-child) {
+      > input {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
 
-      & {
-        --_border-radius: 0;
+    &:not(:first-child):not(:last-child) {
+      > input {
+        border-radius: 0;
       }
     }
   }