public/avo-assets/avo.base.css in avo-3.10.7 vs public/avo-assets/avo.base.css in avo-3.10.8
- old
+ new
@@ -5380,18 +5380,36 @@
.content-area .main-content-area{
padding-left:0px
}
}
+.content-area .main-content-area {
+ transition: padding 0.1s ease;
+ }
+
/* Add padding to the main area to allow for the sidebar to expand. */
@media (min-width: 1024px){
.content-area.sidebar-open .main-content-area{
padding-left:16rem
}
}
+.content-area.sidebar-open .main-content-area {
+ transition: padding 0.1s ease;
+ }
+
+.sidebar-open .avo-sidebar {
+ transform: translateX(0);
+ transition: transform 0.1s ease;
+ }
+
+.avo-sidebar {
+ transform: translateX(-100%);
+ transition: transform 0.1s ease;
+}
+
.button-spinner {
width: 24px;
height: 24px;
position: relative;
margin: 100px auto;
@@ -7306,10 +7324,14 @@
.inset-x-0{
left:0px;
right:0px
}
+.-bottom-1{
+ bottom:-0.25rem
+}
+
.-bottom-1\.5{
bottom:-0.375rem
}
.-top-\[0\.1rem\]{
@@ -7322,18 +7344,26 @@
.bottom-full{
bottom:100%
}
+.end-2{
+ inset-inline-end:0.5rem
+}
+
.end-2\.5{
inset-inline-end:0.625rem
}
.left-0{
left:0px
}
+.left-1{
+ left:0.25rem
+}
+
.left-1\/2{
left:50%
}
.left-auto{
@@ -7350,10 +7380,14 @@
.top-0{
top:0px
}
+.top-1{
+ top:0.25rem
+}
+
.top-1\/2{
top:50%
}
.top-2{
@@ -7414,10 +7448,18 @@
.col-span-1{
grid-column:span 1 / span 1
}
+.col-span-2{
+ grid-column:span 2 / span 2
+}
+
+.col-span-3{
+ grid-column:span 3 / span 3
+}
+
.col-span-4{
grid-column:span 4 / span 4
}
.col-span-5{
@@ -7470,30 +7512,45 @@
.m-1{
margin:0.25rem
}
+.-mx-1{
+ margin-left:-0.25rem;
+ margin-right:-0.25rem
+}
+
.-mx-1\.5{
margin-left:-0.375rem;
margin-right:-0.375rem
}
.-mx-2{
margin-left:-0.5rem;
margin-right:-0.5rem
}
+.-mx-4{
+ margin-left:-1rem;
+ margin-right:-1rem
+}
+
.-mx-6{
margin-left:-1.5rem;
margin-right:-1.5rem
}
.-my-2{
margin-top:-0.5rem;
margin-bottom:-0.5rem
}
+.-my-4{
+ margin-top:-1rem;
+ margin-bottom:-1rem
+}
+
.mx-3{
margin-left:0.75rem;
margin-right:0.75rem
}
@@ -7505,10 +7562,15 @@
.mx-auto{
margin-left:auto;
margin-right:auto
}
+.my-0{
+ margin-top:0px;
+ margin-bottom:0px
+}
+
.my-0\.5{
margin-top:0.125rem;
margin-bottom:0.125rem
}
@@ -7558,10 +7620,14 @@
.-mt-4{
margin-top:-1rem
}
+.-mt-6{
+ margin-top:-1.5rem
+}
+
.-mt-9{
margin-top:-2.25rem
}
.mb-0{
@@ -7586,10 +7652,14 @@
.mb-5{
margin-bottom:1.25rem
}
+.ml-0{
+ margin-left:0px
+}
+
.ml-1{
margin-left:0.25rem
}
.ml-1\/12{
@@ -7618,18 +7688,26 @@
.ml-6{
margin-left:1.5rem
}
+.ml-8{
+ margin-left:2rem
+}
+
.ml-auto{
margin-left:auto
}
.ml-px{
margin-left:1px
}
+.mr-0{
+ margin-right:0px
+}
+
.mr-0\.5{
margin-right:0.125rem
}
.mr-1{
@@ -7795,10 +7873,20 @@
.size-24{
width:6rem;
height:6rem
}
+.size-36{
+ width:9rem;
+ height:9rem
+}
+
+.size-48{
+ width:12rem;
+ height:12rem
+}
+
.size-6{
width:1.5rem;
height:1.5rem
}
@@ -7812,10 +7900,14 @@
.h-12{
height:3rem
}
+.h-14{
+ height:3.5rem
+}
+
.h-16{
height:4rem
}
.h-20{
@@ -7868,10 +7960,14 @@
.h-full{
height:100%
}
+.max-h-11{
+ max-height:2.75rem
+}
+
.max-h-11\/12{
max-height:91.666667%
}
.max-h-64{
@@ -7880,10 +7976,14 @@
.max-h-full{
max-height:100%
}
+.min-h-1{
+ min-height:0.25rem
+}
+
.min-h-1\/4{
min-height:25%
}
.min-h-10{
@@ -7932,18 +8032,26 @@
.min-h-full{
min-height:100%
}
+.min-h-inherit{
+ min-height:inherit
+}
+
.min-h-screen{
min-height:100vh
}
.w-0{
width:0px
}
+.w-1{
+ width:0.25rem
+}
+
.w-1\/2{
width:50%
}
.w-10{
@@ -7952,10 +8060,14 @@
.w-10\/12{
width:83.333333%
}
+.w-11{
+ width:2.75rem
+}
+
.w-11\/12{
width:91.666667%
}
.w-12{
@@ -7964,14 +8076,22 @@
.w-16{
width:4rem
}
+.w-2{
+ width:0.5rem
+}
+
.w-24{
width:6rem
}
+.w-3{
+ width:0.75rem
+}
+
.w-4{
width:1rem
}
.w-48{
@@ -8124,10 +8244,15 @@
.border-collapse{
border-collapse:collapse
}
+.-translate-x-1{
+ --tw-translate-x:-0.25rem;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
.-translate-x-1\/2{
--tw-translate-x:-50%;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@@ -8237,10 +8362,22 @@
.grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr))
}
+.grid-cols-3{
+ grid-template-columns:repeat(3, minmax(0, 1fr))
+}
+
+.grid-cols-4{
+ grid-template-columns:repeat(4, minmax(0, 1fr))
+}
+
+.grid-cols-5{
+ grid-template-columns:repeat(5, minmax(0, 1fr))
+}
+
.grid-cols-6{
grid-template-columns:repeat(6, minmax(0, 1fr))
}
.grid-rows-1{
@@ -8329,10 +8466,16 @@
.gap-6{
gap:1.5rem
}
+.space-x-0 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse:0;
+ margin-right:calc(0px * var(--tw-space-x-reverse));
+ margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))
+}
+
.space-x-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse:0;
margin-right:calc(0.25rem * var(--tw-space-x-reverse));
margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}
@@ -8353,10 +8496,22 @@
--tw-space-x-reverse:0;
margin-right:calc(1rem * var(--tw-space-x-reverse));
margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
+.space-x-8 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse:0;
+ margin-right:calc(2rem * var(--tw-space-x-reverse));
+ margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-y-0 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-y-reverse:0;
+ margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom:calc(0px * var(--tw-space-y-reverse))
+}
+
.space-y-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))
}
@@ -8835,10 +8990,15 @@
.bg-gray-100{
--tw-bg-opacity:1;
background-color:rgb(227 229 232 / var(--tw-bg-opacity))
}
+.bg-gray-200{
+ --tw-bg-opacity:1;
+ background-color:rgb(200 203 208 / var(--tw-bg-opacity))
+}
+
.bg-gray-25{
--tw-bg-opacity:1;
background-color:rgb(246 246 247 / var(--tw-bg-opacity))
}
@@ -8919,10 +9079,14 @@
.bg-primary-100{
background-color:rgb(var(--color-primary-100))
}
+.bg-primary-400{
+ background-color:rgb(var(--color-primary-400))
+}
+
.bg-primary-500{
background-color:rgb(var(--color-primary-500))
}
.bg-purple-500{
@@ -9041,10 +9205,14 @@
.p-4{
padding:1rem
}
+.p-5{
+ padding:1.25rem
+}
+
.p-6{
padding:1.5rem
}
.p-px{
@@ -9079,10 +9247,15 @@
.px-2{
padding-left:0.5rem;
padding-right:0.5rem
}
+.px-24{
+ padding-left:6rem;
+ padding-right:6rem
+}
+
.px-3{
padding-left:0.75rem;
padding-right:0.75rem
}
@@ -9099,10 +9272,15 @@
.px-6{
padding-left:1.5rem;
padding-right:1.5rem
}
+.px-8{
+ padding-left:2rem;
+ padding-right:2rem
+}
+
.py-0{
padding-top:0px;
padding-bottom:0px
}
@@ -9713,10 +9891,14 @@
.ease-out{
transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}
+.will-change-transform{
+ will-change:transform
+}
+
.\[a-zA-Z\:_\]{
a-z-a--z:
}
.\[a-z_\:\.\\-\]{
@@ -11371,13 +11553,9 @@
margin-bottom:-1rem
}
.lg\:-mt-6{
margin-top:-1.5rem
- }
-
- .lg\:block{
- display:block
}
.lg\:flex{
display:flex
}