avo.base.css in avo-3.0.2

- old
+ new

@@ -6695,14 +6695,22 @@
 
 .float-right{
   float:right
 }
 
+.float-left{
+  float:left
+}
+
 .m-0{
   margin:0px
 }
 
+.m-1{
+  margin:0.25rem
+}
+
 .-mx-1{
   margin-left:-0.25rem;
   margin-right:-0.25rem
 }
 
@@ -6783,26 +6791,46 @@
 
 .-mb-2{
   margin-bottom:-0.5rem
 }
 
+.-ml-10{
+  margin-left:-2.5rem
+}
+
+.-ml-20{
+  margin-left:-5rem
+}
+
 .-ml-4{
   margin-left:-1rem
 }
 
+.-ml-px{
+  margin-left:-1px
+}
+
 .-mt-1{
   margin-top:-0.25rem
 }
 
+.-mt-10{
+  margin-top:-2.5rem
+}
+
 .-mt-12{
   margin-top:-3rem
 }
 
 .-mt-2{
   margin-top:-0.5rem
 }
 
+.-mt-24{
+  margin-top:-6rem
+}
+
 .-mt-9{
   margin-top:-2.25rem
 }
 
 .mb-0{
@@ -6843,10 +6871,14 @@
 
 .ml-2{
   margin-left:0.5rem
 }
 
+.ml-20{
+  margin-left:5rem
+}
+
 .ml-3{
   margin-left:0.75rem
 }
 
 .ml-4{
@@ -6855,10 +6887,14 @@
 
 .ml-6{
   margin-left:1.5rem
 }
 
+.ml-8{
+  margin-left:2rem
+}
+
 .ml-auto{
   margin-left:auto
 }
 
 .ml-px{
@@ -7043,14 +7079,22 @@
 
 .h-3{
   height:0.75rem
 }
 
+.h-36{
+  height:9rem
+}
+
 .h-4{
   height:1rem
 }
 
+.h-40{
+  height:10rem
+}
+
 .h-5{
   height:1.25rem
 }
 
 .h-52{
@@ -7063,10 +7107,14 @@
 
 .h-64{
   height:16rem
 }
 
+.h-72{
+  height:18rem
+}
+
 .h-8{
   height:2rem
 }
 
 .h-9{
@@ -7083,10 +7131,14 @@
 
 .h-full{
   height:100%
 }
 
+.max-h-11\/12{
+  max-height:91.666667%
+}
+
 .max-h-full{
   max-height:100%
 }
 
 .min-h-1\/4{
@@ -7385,14 +7437,10 @@
 
 .grid-flow-row{
   grid-auto-flow:row
 }
 
-.grid-flow-col{
-  grid-auto-flow:column
-}
-
 .grid-cols-1{
   grid-template-columns:repeat(1, minmax(0, 1fr))
 }
 
 .grid-cols-2{
@@ -7473,10 +7521,14 @@
 
 .justify-between{
   justify-content:space-between
 }
 
+.justify-around{
+  justify-content:space-around
+}
+
 .justify-evenly{
   justify-content:space-evenly
 }
 
 .gap-0{
@@ -7489,10 +7541,14 @@
 
 .gap-2{
   gap:0.5rem
 }
 
+.gap-3{
+  gap:0.75rem
+}
+
 .gap-4{
   gap:1rem
 }
 
 .gap-6{
@@ -7557,10 +7613,16 @@
   --tw-space-y-reverse:0;
   margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
 }
 
+.space-y-3 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
+}
+
 .space-y-4 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom:calc(1rem * var(--tw-space-y-reverse))
 }
@@ -7682,19 +7744,34 @@
 .rounded-l{
   border-top-left-radius:0.25rem;
   border-bottom-left-radius:0.25rem
 }
 
+.rounded-l-md{
+  border-top-left-radius:0.375rem;
+  border-bottom-left-radius:0.375rem
+}
+
+.rounded-r-md{
+  border-top-right-radius:0.375rem;
+  border-bottom-right-radius:0.375rem
+}
+
 .rounded-t{
   border-top-left-radius:0.25rem;
   border-top-right-radius:0.25rem
 }
 
 .border{
   border-width:1px
 }
 
+.border-y{
+  border-top-width:1px;
+  border-bottom-width:1px
+}
+
 .border-b{
   border-bottom-width:1px
 }
 
 .border-b-0{
@@ -7831,10 +7908,14 @@
 .border-pink-500{
   --tw-border-opacity:1;
   border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
 
+.border-primary-300{
+  border-color:rgb(var(--color-primary-300))
+}
+
 .border-primary-500{
   border-color:rgb(var(--color-primary-500))
 }
 
 .border-purple-500{
@@ -8236,10 +8317,15 @@
 .py-1\.5{
   padding-top:0.375rem;
   padding-bottom:0.375rem
 }
 
+.py-12{
+  padding-top:3rem;
+  padding-bottom:3rem
+}
+
 .py-2{
   padding-top:0.5rem;
   padding-bottom:0.5rem
 }
 
@@ -8299,18 +8385,26 @@
 
 .pb-6{
   padding-bottom:1.5rem
 }
 
+.pb-8{
+  padding-bottom:2rem
+}
+
 .pe-48{
   padding-inline-end:12rem
 }
 
 .pl-1{
   padding-left:0.25rem
 }
 
+.pl-4{
+  padding-left:1rem
+}
+
 .pr-0{
   padding-right:0px
 }
 
 .pr-2{
@@ -8472,10 +8566,15 @@
 
 .tracking-tight{
   letter-spacing:-0.025em
 }
 
+.\!text-blue-700{
+  --tw-text-opacity:1 !important;
+  color:rgb(5 80 133 / var(--tw-text-opacity)) !important
+}
+
 .\!text-pink-600{
   --tw-text-opacity:1 !important;
   color:rgb(219 39 119 / var(--tw-text-opacity)) !important
 }
 
@@ -8712,10 +8811,14 @@
 
 .opacity-75{
   opacity:0.75
 }
 
+.opacity-80{
+  opacity:0.8
+}
+
 .shadow{
   --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
@@ -8783,10 +8886,15 @@
 .invert{
   --tw-invert:invert(100%);
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
+.sepia{
+  --tw-sepia:sepia(100%);
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
 .filter{
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
 .backdrop-filter{
@@ -9118,10 +9226,15 @@
 .hover\:bg-blue-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 
+.hover\:bg-blue-500:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+}
+
 .hover\:bg-blue-600:hover{
   --tw-bg-opacity:1;
   background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
 
@@ -10419,9 +10532,13 @@
     display:none
   }
 
   .lg\:w-1\/2{
     width:50%
+  }
+
+  .lg\:w-3\/4{
+    width:75%
   }
 
   .lg\:w-64{
     width:16rem
   }