More percentages to cqi

iTwin · Jan 27, 2025 · f961beb · f961beb
1 parent d5f05c1
commit f961beb
Show file tree

Hide file tree

Showing 26 changed files with 26 additions and 26 deletions.
diff --git 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
@@ -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
@@ -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
@@ -1,3 +1,3 @@
 .demo-container {
-  max-width: 70%;
+  max-width: 70cqi;
 }
diff --git 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
@@ -1,5 +1,5 @@
 .demo-container {
-  width: 50%;
+  width: 50cqi;
 }
 
 .list {

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -4,5 +4,5 @@
 }
 
 .demo-container {
-  width: 100%;
+  width: 100cqi;
 }
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,3 +1,3 @@
 .demo-container {
-  max-width: 70%;
+  max-width: 70cqi;
 }
diff --git a/examples/TagContainer.wrap.css b/examples/TagContainer.wrap.css
@@ -1,3 +1,3 @@
 .demo-container {
-  max-width: 60%;
+  max-width: 60cqi;
 }