@patternfly-java/finder
Advanced tools
+26
-2
@@ -109,2 +109,4 @@ /** | ||
| .pf-v6-c-finder { | ||
| container-type: inline-size; | ||
| container-name: finder; | ||
| display: flex; | ||
@@ -139,3 +141,3 @@ background-color: var(--pf-v6-c-finder--BackgroundColor); | ||
| flex-shrink: 0; | ||
| width: var(--pf-v6-c-finder__column--Width); | ||
| width: clamp(14rem, 25cqi, 18rem); | ||
| border-right: var(--pf-v6-c-finder__column--BorderRightWidth) solid var(--pf-v6-c-finder__column--BorderRightColor); | ||
@@ -419,3 +421,3 @@ } | ||
| flex-direction: column; | ||
| min-width: var(--pf-v6-c-finder__preview--MinWidth); | ||
| min-width: clamp(16rem, 30cqi, 28rem); | ||
| background-color: var(--pf-v6-c-finder__preview--BackgroundColor); | ||
@@ -431,1 +433,23 @@ flex: 1; | ||
| } | ||
| /* =================================================================== | ||
| Responsive container queries | ||
| =================================================================== */ | ||
| @container finder (max-width: 40rem) { | ||
| .pf-v6-c-finder__columns { | ||
| --pf-v6-c-finder-MaxColumns: 1; | ||
| } | ||
| } | ||
| @container finder (min-width: 40rem) and (max-width: 60rem) { | ||
| .pf-v6-c-finder__columns { | ||
| --pf-v6-c-finder-MaxColumns: 2; | ||
| } | ||
| } | ||
| @container finder (min-width: 60rem) and (max-width: 80rem) { | ||
| .pf-v6-c-finder__columns { | ||
| --pf-v6-c-finder-MaxColumns: 3; | ||
| } | ||
| } |
+1
-1
| { | ||
| "name": "@patternfly-java/finder", | ||
| "private": false, | ||
| "version": "0.6.14", | ||
| "version": "0.6.15", | ||
| "description": "CSS for the PatternFly Java finder extension.", | ||
@@ -6,0 +6,0 @@ "homepage": "https://patternfly-java.github.io/", |
19904
3.2%377
5.6%