public/avo-assets/avo.base.css in avo-3.5.5 vs public/avo-assets/avo.base.css in avo-3.5.6.beta1

- old
+ new

@@ -1777,11 +1777,11 @@ opacity: 1; transform: translate3d(0, 0, 0); } } -/*! @algolia/autocomplete-theme-classic 1.17.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */ +/*! @algolia/autocomplete-theme-classic 1.16.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */ /* ----------------*/ /* 1. CSS Variables*/ @@ -7086,10 +7086,14 @@ .top-0{ top:0px } +.top-1{ + top:0.25rem +} + .top-1\/2{ top:50% } .top-2{ @@ -7154,10 +7158,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{ @@ -7225,30 +7237,45 @@ .-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 } .mx-6{ margin-left:1.5rem; margin-right:1.5rem } +.mx-auto{ + margin-left:auto; + margin-right:auto +} + .my-0{ margin-top:0px; margin-bottom:0px } @@ -7339,10 +7366,14 @@ .ml-10{ margin-left:2.5rem } +.ml-12{ + margin-left:3rem +} + .ml-2{ margin-left:0.5rem } .ml-3{ @@ -7529,10 +7560,14 @@ .h-10{ height:2.5rem } +.h-14{ + height:3.5rem +} + .h-16{ height:4rem } .h-2{ @@ -7561,10 +7596,14 @@ .h-6{ height:1.5rem } +.h-60{ + height:15rem +} + .h-64{ height:16rem } .h-8{ @@ -7589,18 +7628,26 @@ .h-full{ height:100% } +.max-h-11{ + max-height:2.75rem +} + .max-h-11\/12{ max-height:91.666667% } .max-h-full{ max-height:100% } +.min-h-1{ + min-height:0.25rem +} + .min-h-1\/4{ min-height:25% } .min-h-10{ @@ -7645,22 +7692,34 @@ .min-h-\[8rem\]{ min-height:8rem } +.min-h-dvh{ + min-height:100dvh +} + .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{ @@ -7669,10 +7728,14 @@ .w-10\/12{ width:83.333333% } +.w-11{ + width:2.75rem +} + .w-11\/12{ width:91.666667% } .w-16{ @@ -7685,10 +7748,14 @@ .w-24{ width:6rem } +.w-3{ + width:0.75rem +} + .w-4{ width:1rem } .w-48{ @@ -7817,10 +7884,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)) } @@ -7925,10 +7997,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{ @@ -8017,10 +8101,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))) } @@ -8041,10 +8131,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)) } @@ -8499,10 +8601,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)) } @@ -8583,10 +8690,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{ @@ -8637,10 +8748,14 @@ .bg-teal-500{ --tw-bg-opacity:1; background-color:rgb(20 184 166 / var(--tw-bg-opacity)) } +.bg-transparent{ + background-color:transparent +} + .bg-violet-500{ --tw-bg-opacity:1; background-color:rgb(139 92 246 / var(--tw-bg-opacity)) } @@ -8739,10 +8854,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 } @@ -8759,10 +8879,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 } @@ -8846,10 +8971,14 @@ .pb-8{ padding-bottom:2rem } +.pe-1{ + padding-inline-end:0.25rem +} + .pl-1{ padding-left:0.25rem } .pr-0{ @@ -9310,10 +9439,15 @@ .blur{ --tw-blur:blur(8px); 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) } +.drop-shadow{ + --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + 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) +} + .grayscale{ --tw-grayscale:grayscale(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) } @@ -9343,10 +9477,16 @@ transition-property:all; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } +.transition-colors{ + transition-property:color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms +} + .transition-opacity{ transition-property:opacity; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } @@ -9371,9 +9511,13 @@ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) } .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: }