public/avo-assets/avo.base.css in avo-3.0.1.beta23 vs public/avo-assets/avo.base.css in avo-3.0.1.beta24

- old
+ new

@@ -3391,11 +3391,11 @@ transform:translateY(-100%); opacity:0; transition:inherit } -/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com +/*! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) @@ -3581,10 +3581,14 @@ optgroup, select, textarea { font-family: inherit; /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; @@ -3732,10 +3736,18 @@ margin: 0; padding: 0; } /* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + +/* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; @@ -6559,10 +6571,14 @@ .top-0{ top:0px } +.top-1{ + top:0.25rem +} + .top-1\/2{ top:50% } .top-2{ @@ -6627,14 +6643,30 @@ .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{ + grid-column:span 5 / span 5 +} + +.col-span-6{ + grid-column:span 6 / span 6 +} + .col-span-full{ grid-column:1 / -1 } .row-span-1{ @@ -6682,30 +6714,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 } @@ -6976,10 +7023,14 @@ .h-10{ height:2.5rem } +.h-14{ + height:3.5rem +} + .h-16{ height:4rem } .h-2{ @@ -7076,10 +7127,14 @@ .min-h-full{ min-height:100% } +.min-h-inherit{ + min-height:inherit +} + .min-h-screen{ min-height:100vh } .w-0{ @@ -7100,10 +7155,14 @@ .w-10\/12{ width:83.333333% } +.w-11{ + width:2.75rem +} + .w-11\/12{ width:91.666667% } .w-16{ @@ -7192,10 +7251,14 @@ .max-w-168{ max-width:42rem } +.max-w-4xl{ + max-width:56rem +} + .max-w-full{ max-width:100% } .max-w-lg{ @@ -7240,10 +7303,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)) } @@ -7317,18 +7385,34 @@ .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{ 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{ @@ -7413,10 +7497,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))) } @@ -7437,10 +7527,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)) } @@ -7836,10 +7938,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)) } @@ -7920,10 +8027,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{ @@ -7974,10 +8085,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)) } @@ -8071,10 +8186,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 } @@ -8091,10 +8211,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 } @@ -8174,10 +8299,14 @@ .pb-6{ padding-bottom:1.5rem } +.pe-48{ + padding-inline-end:12rem +} + .pl-1{ padding-left:0.25rem } .pr-0{ @@ -8713,9 +8842,13 @@ will-change:transform } .\[a-zA-Z\:_\]{ a-z-a--z: +} + +.\[a-z_\:\.\\-\]{ + a-z_:.\- } html, body{ position:relative;