From 9eff8192ebeaed70829a2560627352bfe8887cb1 Mon Sep 17 00:00:00 2001 From: inc2734 Date: Tue, 5 Nov 2024 16:05:51 +0900 Subject: [PATCH] 19.0.5 --- CHANGELOG.md | 3 +++ package-lock.json | 4 ++-- package.json | 2 +- src/css/basis.scss | 2 +- src/css/core/abstract/_input-group.scss | 28 +++++++++++++++++-------- 5 files changed, 26 insertions(+), 13 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0271c4bd..2337eb7b 100644 --- a/CHANGELOG.md +++ b/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()`. diff --git a/package-lock.json b/package-lock.json index b75b9685..43104498 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "sass-basis", - "version": "19.0.4", + "version": "19.0.5", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "sass-basis", - "version": "19.0.4", + "version": "19.0.5", "license": "MIT", "dependencies": { "@inc2734/add-custom-event": "^0.5.0", diff --git a/package.json b/package.json index 48d10734..3cf7b4d0 100644 --- a/package.json +++ b/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": [ diff --git a/src/css/basis.scss b/src/css/basis.scss index 8baefcd9..64e628c0 100644 --- a/src/css/basis.scss +++ b/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 diff --git a/src/css/core/abstract/_input-group.scss b/src/css/core/abstract/_input-group.scss index 8cd81f8f..a58af69b 100644 --- a/src/css/core/abstract/_input-group.scss +++ b/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; } } }