avo.base.css in avo-3.0.0.pre5

- old
+ new

@@ -6417,10 +6417,14 @@
 
 .left-5{
   left:1.25rem
 }
 
+.-bottom-1\.5{
+  bottom:-0.375rem
+}
+
 .z-10{
   z-index:10
 }
 
 .z-50{
@@ -6588,10 +6592,15 @@
 .mx-auto{
   margin-left:auto;
   margin-right:auto
 }
 
+.-mx-1\.5{
+  margin-left:-0.375rem;
+  margin-right:-0.375rem
+}
+
 .mt-4{
   margin-top:1rem
 }
 
 .mt-3{
@@ -6752,10 +6761,18 @@
 
 .-mt-10{
   margin-top:-2.5rem
 }
 
+.ml-6{
+  margin-left:1.5rem
+}
+
+.ml-1\/2{
+  margin-left:50%
+}
+
 .block{
   display:block
 }
 
 .inline-block{
@@ -6912,10 +6929,14 @@
 
 .h-40{
   height:10rem
 }
 
+.h-2{
+  height:0.5rem
+}
+
 .max-h-\[42rem\]{
   max-height:42rem
 }
 
 .max-h-full{
@@ -6944,10 +6965,34 @@
 
 .min-h-inherit{
   min-height:inherit
 }
 
+.min-h-\[8rem\]{
+  min-height:8rem
+}
+
+.min-h-\[16rem\]{
+  min-height:16rem
+}
+
+.min-h-\[24rem\]{
+  min-height:24rem
+}
+
+.min-h-\[32rem\]{
+  min-height:32rem
+}
+
+.min-h-\[40rem\]{
+  min-height:40rem
+}
+
+.min-h-\[48rem\]{
+  min-height:48rem
+}
+
 .w-5{
   width:1.25rem
 }
 
 .w-4{
@@ -7020,10 +7065,18 @@
 
 .w-2{
   width:0.5rem
 }
 
+.w-\[calc\(100\%\+1rem\)\]{
+  width:calc(100% + 1rem)
+}
+
+.w-52{
+  width:13rem
+}
+
 .min-w-\[1rem\]{
   min-width:1rem
 }
 
 .min-w-\[300px\]{
@@ -7068,18 +7121,26 @@
 
 .flex-1{
   flex:1 1 0%
 }
 
+.flex-auto{
+  flex:1 1 auto
+}
+
 .flex-shrink-0{
   flex-shrink:0
 }
 
 .flex-shrink{
   flex-shrink:1
 }
 
+.shrink-0{
+  flex-shrink:0
+}
+
 .flex-grow-0{
   flex-grow:0
 }
 
 .flex-grow{
@@ -7692,10 +7753,15 @@
 
 .border-primary-300{
   border-color:rgb(var(--color-primary-300))
 }
 
+.border-gray-50{
+  --tw-border-opacity:1;
+  border-color:rgb(241 242 243 / var(--tw-border-opacity))
+}
+
 .bg-slate-500{
   --tw-bg-opacity:1;
   background-color:rgb(100 116 139 / var(--tw-bg-opacity))
 }
 
@@ -7937,10 +8003,18 @@
 
 .p-6{
   padding:1.5rem
 }
 
+.p-px{
+  padding:1px
+}
+
+.p-3{
+  padding:0.75rem
+}
+
 .px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
 }
 
@@ -8042,10 +8116,20 @@
 .py-12{
   padding-top:3rem;
   padding-bottom:3rem
 }
 
+.py-0\.5{
+  padding-top:0.125rem;
+  padding-bottom:0.125rem
+}
+
+.px-1\.5{
+  padding-left:0.375rem;
+  padding-right:0.375rem
+}
+
 .pb-6{
   padding-bottom:1.5rem
 }
 
 .pb-3{
@@ -8110,10 +8194,14 @@
 
 .pl-4{
   padding-left:1rem
 }
 
+.pl-1{
+  padding-left:0.25rem
+}
+
 .text-left{
   text-align:left
 }
 
 .text-center{
@@ -8430,10 +8518,14 @@
 .\!text-blue-700{
   --tw-text-opacity:1 !important;
   color:rgb(5 80 133 / var(--tw-text-opacity)) !important
 }
 
+.text-primary-400{
+  color:rgb(var(--color-primary-400))
+}
+
 .underline{
   -webkit-text-decoration-line:underline;
           text-decoration-line:underline
 }
 
@@ -8579,10 +8671,16 @@
   transition-property:opacity;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration:150ms
 }
 
+.transition-all{
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
 .duration-100{
   transition-duration:100ms
 }
 
 .duration-150{
@@ -8698,10 +8796,14 @@
 
 .checked\:bg-primary-400:checked{
   background-color:rgb(var(--color-primary-400))
 }
 
+.focus-within\:border-primary-500:focus-within{
+  border-color:rgb(var(--color-primary-500))
+}
+
 .hover\:z-\[21\]:hover{
   z-index:21
 }
 
 .hover\:border-slate-600:hover{
@@ -9058,10 +9160,15 @@
 .hover\:bg-blue-500:hover{
   --tw-bg-opacity:1;
   background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
 
+.hover\:bg-gray-25:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+}
+
 .hover\:text-gray-600:hover{
   --tw-text-opacity:1;
   color:rgb(94 100 110 / var(--tw-text-opacity))
 }
 
@@ -9073,10 +9180,20 @@
 .hover\:text-white:hover{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
+.hover\:text-gray-900:hover{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-700:hover{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
 .hover\:opacity-100:hover{
   opacity:1
 }
 
 .hover\:shadow-row:hover{
@@ -9842,14 +9959,27 @@
 
 .group:hover .group-hover\:block{
   display:block
 }
 
+.group:hover .group-hover\:bg-gray-200{
+  --tw-bg-opacity:1;
+  background-color:rgb(200 203 208 / var(--tw-bg-opacity))
+}
+
+.group:hover .group-hover\:bg-primary-500{
+  background-color:rgb(var(--color-primary-500))
+}
+
 .group:hover .group-hover\:pt-4{
   padding-top:1rem
 }
 
+.group:active .group-active\:bg-primary-400{
+  background-color:rgb(var(--color-primary-400))
+}
+
 @media print{
   .print\:hidden{
     display:none
   }
 }
@@ -9889,10 +10019,30 @@
 
   .sm\:col-span-6{
     grid-column:span 6 / span 6
   }
 
+  .sm\:col-span-1{
+    grid-column:span 1 / span 1
+  }
+
+  .sm\:col-span-2{
+    grid-column:span 2 / span 2
+  }
+
+  .sm\:col-span-3{
+    grid-column:span 3 / span 3
+  }
+
+  .sm\:col-span-4{
+    grid-column:span 4 / span 4
+  }
+
+  .sm\:col-span-5{
+    grid-column:span 5 / span 5
+  }
+
   .sm\:block{
     display:block
   }
 
   .sm\:flex{
@@ -9917,15 +10067,35 @@
 
   .sm\:min-w-\[300px\]{
     min-width:300px
   }
 
+  .sm\:min-w-\[16rem\]{
+    min-width:16rem
+  }
+
   .sm\:max-w-168{
     max-width:42rem
   }
 
   .sm\:grid-cols-2{
     grid-template-columns:repeat(2, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-5{
+    grid-template-columns:repeat(5, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-6{
+    grid-template-columns:repeat(6, minmax(0, 1fr))
   }
 
   .sm\:flex-row{
     flex-direction:row
   }