From f961beb39f4fc5e0e70fa30c6b75dc6af49fb085 Mon Sep 17 00:00:00 2001 From: Nathan Knowler Date: Mon, 27 Jan 2025 15:48:55 -0600 Subject: [PATCH] More percentages to cqi --- examples/Breadcrumbs.customOverflowDropdown.css | 2 +- examples/Breadcrumbs.extremeTruncation.css | 2 +- examples/Breadcrumbs.truncation.css | 2 +- examples/ButtonGroup.overflow.css | 2 +- examples/ButtonGroup.usage.css | 2 +- examples/DropdownMenu.hidemiddleware.css | 2 +- examples/ExpandableBlock.actions.css | 2 +- examples/ExpandableBlock.borderless.css | 2 +- examples/ExpandableBlock.disabled.css | 2 +- examples/ExpandableBlock.form.css | 2 +- examples/ExpandableBlock.main.css | 2 +- examples/ExpandableBlock.small.css | 2 +- examples/ExpandableBlock.status.css | 2 +- examples/Flex.spacer.css | 2 +- examples/Flex.wrap.css | 2 +- examples/SearchBox.basic.css | 2 +- examples/SearchBox.borderlessexpandbutton.css | 2 +- examples/SearchBox.custom.css | 2 +- examples/SearchBox.customopen.css | 2 +- examples/SearchBox.expandable.css | 2 +- examples/SearchBox.main.css | 2 +- examples/SearchBox.size.css | 2 +- examples/SearchBox.status.css | 2 +- examples/SkipToContentLink.main.css | 2 +- examples/TagContainer.truncate.css | 2 +- examples/TagContainer.wrap.css | 2 +- 26 files changed, 26 insertions(+), 26 deletions(-) diff --git a/examples/Breadcrumbs.customOverflowDropdown.css b/examples/Breadcrumbs.customOverflowDropdown.css index 5c0a88af9e1..6663a858366 100644 --- a/examples/Breadcrumbs.customOverflowDropdown.css +++ b/examples/Breadcrumbs.customOverflowDropdown.css @@ -1,5 +1,5 @@ .demo-container { - inline-size: 75%; + inline-size: 75cqi; min-inline-size: 150px; max-inline-size: 425px; border: 1px solid lightpink; diff --git a/examples/Breadcrumbs.extremeTruncation.css b/examples/Breadcrumbs.extremeTruncation.css index d394292bdb9..1954783d21d 100644 --- a/examples/Breadcrumbs.extremeTruncation.css +++ b/examples/Breadcrumbs.extremeTruncation.css @@ -1,5 +1,5 @@ .demo-container { - inline-size: 75%; + inline-size: 75cqi; min-inline-size: 150px; max-inline-size: 425px; border: 1px solid pink; diff --git a/examples/Breadcrumbs.truncation.css b/examples/Breadcrumbs.truncation.css index 2714f095999..2026b2055b7 100644 --- a/examples/Breadcrumbs.truncation.css +++ b/examples/Breadcrumbs.truncation.css @@ -1,5 +1,5 @@ .demo-container { - inline-size: 75%; + inline-size: 75cqi; min-inline-size: 150px; max-inline-size: 450px; border: 1px solid pink; diff --git a/examples/ButtonGroup.overflow.css b/examples/ButtonGroup.overflow.css index 723f94a48df..81cac8dbf6e 100644 --- a/examples/ButtonGroup.overflow.css +++ b/examples/ButtonGroup.overflow.css @@ -1,3 +1,3 @@ .demo-container { - max-width: 70%; + max-width: 70cqi; } diff --git a/examples/ButtonGroup.usage.css b/examples/ButtonGroup.usage.css index 5891d9863f0..2c6156f6f75 100644 --- a/examples/ButtonGroup.usage.css +++ b/examples/ButtonGroup.usage.css @@ -1,5 +1,5 @@ .demo-container { - width: 60%; + width: 60cqi; display: flex; gap: var(--iui-size-xs); } diff --git a/examples/DropdownMenu.hidemiddleware.css b/examples/DropdownMenu.hidemiddleware.css index e1878b09a25..45a9ada6be4 100644 --- a/examples/DropdownMenu.hidemiddleware.css +++ b/examples/DropdownMenu.hidemiddleware.css @@ -1,5 +1,5 @@ .demo-container { - width: 50%; + width: 50cqi; } .list { diff --git a/examples/ExpandableBlock.actions.css b/examples/ExpandableBlock.actions.css index 71577e2c90b..c84815d529b 100644 --- a/examples/ExpandableBlock.actions.css +++ b/examples/ExpandableBlock.actions.css @@ -1,3 +1,3 @@ .demo-container { - width: min(100%, 300px); + width: min(100cqi, 300px); } diff --git a/examples/ExpandableBlock.borderless.css b/examples/ExpandableBlock.borderless.css index 71577e2c90b..c84815d529b 100644 --- a/examples/ExpandableBlock.borderless.css +++ b/examples/ExpandableBlock.borderless.css @@ -1,3 +1,3 @@ .demo-container { - width: min(100%, 300px); + width: min(100cqi, 300px); } diff --git a/examples/ExpandableBlock.disabled.css b/examples/ExpandableBlock.disabled.css index 71577e2c90b..c84815d529b 100644 --- a/examples/ExpandableBlock.disabled.css +++ b/examples/ExpandableBlock.disabled.css @@ -1,3 +1,3 @@ .demo-container { - width: min(100%, 300px); + width: min(100cqi, 300px); } diff --git a/examples/ExpandableBlock.form.css b/examples/ExpandableBlock.form.css index 71577e2c90b..c84815d529b 100644 --- a/examples/ExpandableBlock.form.css +++ b/examples/ExpandableBlock.form.css @@ -1,3 +1,3 @@ .demo-container { - width: min(100%, 300px); + width: min(100cqi, 300px); } diff --git a/examples/ExpandableBlock.main.css b/examples/ExpandableBlock.main.css index 71577e2c90b..c84815d529b 100644 --- a/examples/ExpandableBlock.main.css +++ b/examples/ExpandableBlock.main.css @@ -1,3 +1,3 @@ .demo-container { - width: min(100%, 300px); + width: min(100cqi, 300px); } diff --git a/examples/ExpandableBlock.small.css b/examples/ExpandableBlock.small.css index 71577e2c90b..c84815d529b 100644 --- a/examples/ExpandableBlock.small.css +++ b/examples/ExpandableBlock.small.css @@ -1,3 +1,3 @@ .demo-container { - width: min(100%, 300px); + width: min(100cqi, 300px); } diff --git a/examples/ExpandableBlock.status.css b/examples/ExpandableBlock.status.css index 71577e2c90b..c84815d529b 100644 --- a/examples/ExpandableBlock.status.css +++ b/examples/ExpandableBlock.status.css @@ -1,3 +1,3 @@ .demo-container { - width: min(100%, 300px); + width: min(100cqi, 300px); } diff --git a/examples/Flex.spacer.css b/examples/Flex.spacer.css index 9fbc963a149..72932875ae3 100644 --- a/examples/Flex.spacer.css +++ b/examples/Flex.spacer.css @@ -4,5 +4,5 @@ } .demo-container { - width: 100%; + width: 100cqi; } diff --git a/examples/Flex.wrap.css b/examples/Flex.wrap.css index 3b41bb8ccda..851eff2ef24 100644 --- a/examples/Flex.wrap.css +++ b/examples/Flex.wrap.css @@ -4,5 +4,5 @@ } .demo-container { - width: 30%; + width: 30cqi; } diff --git a/examples/SearchBox.basic.css b/examples/SearchBox.basic.css index 44e77832492..e9168115154 100644 --- a/examples/SearchBox.basic.css +++ b/examples/SearchBox.basic.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; gap: var(--iui-size-xs); } diff --git a/examples/SearchBox.borderlessexpandbutton.css b/examples/SearchBox.borderlessexpandbutton.css index b4ba7bbe283..eeb1a1585c2 100644 --- a/examples/SearchBox.borderlessexpandbutton.css +++ b/examples/SearchBox.borderlessexpandbutton.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; justify-content: center; gap: var(--iui-size-xs); diff --git a/examples/SearchBox.custom.css b/examples/SearchBox.custom.css index b4ba7bbe283..eeb1a1585c2 100644 --- a/examples/SearchBox.custom.css +++ b/examples/SearchBox.custom.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; justify-content: center; gap: var(--iui-size-xs); diff --git a/examples/SearchBox.customopen.css b/examples/SearchBox.customopen.css index 8a33d73a9b8..f485c5ca9ab 100644 --- a/examples/SearchBox.customopen.css +++ b/examples/SearchBox.customopen.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; justify-content: center; gap: var(--iui-size-xs); diff --git a/examples/SearchBox.expandable.css b/examples/SearchBox.expandable.css index b4ba7bbe283..eeb1a1585c2 100644 --- a/examples/SearchBox.expandable.css +++ b/examples/SearchBox.expandable.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; justify-content: center; gap: var(--iui-size-xs); diff --git a/examples/SearchBox.main.css b/examples/SearchBox.main.css index 44e77832492..e9168115154 100644 --- a/examples/SearchBox.main.css +++ b/examples/SearchBox.main.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; gap: var(--iui-size-xs); } diff --git a/examples/SearchBox.size.css b/examples/SearchBox.size.css index 08b0e9f5589..59bfdecf5f4 100644 --- a/examples/SearchBox.size.css +++ b/examples/SearchBox.size.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; flex-direction: column; gap: var(--iui-size-xs); diff --git a/examples/SearchBox.status.css b/examples/SearchBox.status.css index 08b0e9f5589..59bfdecf5f4 100644 --- a/examples/SearchBox.status.css +++ b/examples/SearchBox.status.css @@ -1,5 +1,5 @@ .demo-container { - width: 70%; + width: 70cqi; display: flex; flex-direction: column; gap: var(--iui-size-xs); diff --git a/examples/SkipToContentLink.main.css b/examples/SkipToContentLink.main.css index 47d046ace69..7e1eb1f6ef8 100644 --- a/examples/SkipToContentLink.main.css +++ b/examples/SkipToContentLink.main.css @@ -3,6 +3,6 @@ align-items: center; justify-content: center; min-height: 300px; - width: 100%; + width: 100cqi; transform: translateX(0); /* creates containing block for position: fixed */ } diff --git a/examples/TagContainer.truncate.css b/examples/TagContainer.truncate.css index 723f94a48df..81cac8dbf6e 100644 --- a/examples/TagContainer.truncate.css +++ b/examples/TagContainer.truncate.css @@ -1,3 +1,3 @@ .demo-container { - max-width: 70%; + max-width: 70cqi; } diff --git a/examples/TagContainer.wrap.css b/examples/TagContainer.wrap.css index 24a189a25a3..4a9d135753b 100644 --- a/examples/TagContainer.wrap.css +++ b/examples/TagContainer.wrap.css @@ -1,3 +1,3 @@ .demo-container { - max-width: 60%; + max-width: 60cqi; }