@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

package/design-system/list-default.css

@@ -4,9 +4,9 @@
   --x-size-gap-list: 0;
   --x-size-justify-list: stretch;
   --x-size-align-list: stretch;
-  --x-size-align-list-stretch: stretch; }
+  --x-size-align-list-stretch: stretch;
+}
 
-@use 'sass:string';
 .x-list {
   display: flex;
   flex-flow: var(--x-string-flow-list);
@@ -16,113 +16,137 @@
   padding: var(--x-size-padding-list);
   justify-content: var(--x-size-justify-list);
   align-items: var(--x-size-align-list);
-  min-width: 0; }
-  @media not all and (min-resolution: 0.001dpcm) {
-    .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
-      gap: 0; }
-      .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
-        margin-bottom: var(--x-size-gap-list); } }
-  @media not all and (min-resolution: 0.001dpcm) {
-    .x-list.x-list--horizontal {
-      gap: 0; }
-      .x-list.x-list--horizontal > *:not(:last-child) {
-        margin-right: var(--x-size-gap-list); } }
-  @media not all and (min-resolution: 0.001dpcm) {
-    .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
-      gap: 0; }
-      .x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
-        margin-right: var(--x-size-gap-list);
-        margin-bottom: var(--x-size-gap-list); } }
+  min-width: 0;
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
+    gap: 0;
+  }
+  .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
+    margin-bottom: var(--x-size-gap-list);
+  }
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-list.x-list--horizontal {
+    gap: 0;
+  }
+  .x-list.x-list--horizontal > *:not(:last-child) {
+    margin-right: var(--x-size-gap-list);
+  }
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
+    gap: 0;
+  }
+  .x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
+    margin-right: var(--x-size-gap-list);
+    margin-bottom: var(--x-size-gap-list);
+  }
+}
 
 .x-list--vertical.x-list {
-  flex-flow: column nowrap; }
+  flex-flow: column nowrap;
+}
 
 .x-list--horizontal.x-list {
-  flex-flow: row nowrap; }
+  flex-flow: row nowrap;
+}
 
 .x-list--wrap.x-list {
-  flex-flow: row wrap; }
+  flex-flow: row wrap;
+}
 
 .x-list--wrap-reverse.x-list {
-  flex-flow: row wrap-reverse; }
+  flex-flow: row wrap-reverse;
+}
 
 .x-list--justify-stretch.x-list {
-  justify-content: stretch; }
+  justify-content: stretch;
+}
 
 .x-list--justify-center.x-list {
-  justify-content: center; }
+  justify-content: center;
+}
 
 .x-list--justify-end.x-list {
-  justify-content: flex-end; }
+  justify-content: flex-end;
+}
 
 .x-list--justify-start.x-list {
-  justify-content: flex-start; }
+  justify-content: flex-start;
+}
 
 .x-list--align-stretch.x-list {
-  align-items: stretch; }
+  align-items: stretch;
+}
 
 .x-list--align-center.x-list {
-  align-items: center; }
+  align-items: center;
+}
 
 .x-list--align-baseline.x-list {
-  align-items: baseline; }
+  align-items: baseline;
+}
 
 .x-list--align-end.x-list {
-  align-items: flex-end; }
+  align-items: flex-end;
+}
 
 .x-list--align-start.x-list {
-  align-items: flex-start; }
+  align-items: flex-start;
+}
 
 .x-list > .x-list__item--expand {
-  flex: 1 1 auto; }
-
+  flex: 1 1 auto;
+}
 .x-list > .x-list__item--no-expand {
-  flex: 0 0 auto; }
-
+  flex: 0 0 auto;
+}
 .x-list.x-list--horizontal > .x-list__item--expand {
-  min-width: 0; }
-
+  min-width: 0;
+}
 .x-list:not(.x-list--horizontal) > .x-list__item--expand {
-  min-height: 0; }
-
+  min-height: 0;
+}
 .x-list > .x-list__item--stretch {
-  align-self: stretch; }
-
+  align-self: stretch;
+}
 .x-list > .x-list__item--flex-none {
-  flex: none; }
-
+  flex: none;
+}
 .x-list > .x-list__item--01 {
-  flex: 1 12 auto; }
-
+  flex: 1 12 auto;
+}
 .x-list > .x-list__item--02 {
-  flex: 2 11 auto; }
-
+  flex: 2 11 auto;
+}
 .x-list > .x-list__item--03 {
-  flex: 3 10 auto; }
-
+  flex: 3 10 auto;
+}
 .x-list > .x-list__item--04 {
-  flex: 4 9 auto; }
-
+  flex: 4 9 auto;
+}
 .x-list > .x-list__item--05 {
-  flex: 5 8 auto; }
-
+  flex: 5 8 auto;
+}
 .x-list > .x-list__item--06 {
-  flex: 6 7 auto; }
-
+  flex: 6 7 auto;
+}
 .x-list > .x-list__item--07 {
-  flex: 7 6 auto; }
-
+  flex: 7 6 auto;
+}
 .x-list > .x-list__item--08 {
-  flex: 8 5 auto; }
-
+  flex: 8 5 auto;
+}
 .x-list > .x-list__item--09 {
-  flex: 9 4 auto; }
-
+  flex: 9 4 auto;
+}
 .x-list > .x-list__item--10 {
-  flex: 10 3 auto; }
-
+  flex: 10 3 auto;
+}
 .x-list > .x-list__item--11 {
-  flex: 11 2 auto; }
-
+  flex: 11 2 auto;
+}
 .x-list > .x-list__item--12 {
-  flex: 12 1 auto; }
+  flex: 12 1 auto;
+}