public/avo-assets/avo.base.css in avo-3.2.3 vs public/avo-assets/avo.base.css in avo-3.3.0
- old
+ new
@@ -1777,11 +1777,11 @@
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
-/*! @algolia/autocomplete-theme-classic 1.12.2 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-theme-classic 1.13.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
/* ----------------*/
/* 1. CSS Variables*/
@@ -3028,11 +3028,12 @@
}
:root{
--tagify-dd-color-primary:rgb(53,149,246);
--tagify-dd-bg-color:white;
- --tagify-dd-item-pad:.3em .5em
+ --tagify-dd-item-pad:.3em .5em;
+ --tagify-dd-max-height:300px
}
.tagify{
--tags-disabled-bg:#F1F1F1;
--tags-border-color:#DDD;
@@ -3045,18 +3046,18 @@
--tag-text-color--edit:black;
--tag-pad:0.3em 0.5em;
--tag-inset-shadow-size:1.1em;
--tag-invalid-color:#D39494;
--tag-invalid-bg:rgba(211, 148, 148, 0.5);
+ --tag--min-width:1ch;
+ --tag--max-width:100%;
+ --tag-hide-transition:0.3s;
--tag-remove-bg:rgba(211, 148, 148, 0.3);
--tag-remove-btn-color:black;
--tag-remove-btn-bg:none;
--tag-remove-btn-bg--hover:#c77777;
--input-color:inherit;
- --tag--min-width:1ch;
- --tag--max-width:auto;
- --tag-hide-transition:0.3s;
--placeholder-color:rgba(0, 0, 0, 0.4);
--placeholder-color-focus:rgba(0, 0, 0, 0.25);
--loader-size:.8em;
--readonly-striped:1;
display:inline-flex;
@@ -3164,11 +3165,13 @@
}
.tagify__tag{
display:inline-flex;
align-items:center;
- margin:5px 0 5px 5px;
+ max-width:calc(var(--tag--max-width) - 10px);
+ margin-inline:5px 0;
+ margin-block:5px;
position:relative;
z-index:1;
outline:0;
line-height:normal;
cursor:default;
@@ -3330,12 +3333,11 @@
font:14px/1 Arial;
background:var(--tag-remove-btn-bg);
color:var(--tag-remove-btn-color);
width:14px;
height:14px;
- margin-right:4.6666666667px;
- margin-left:auto;
+ margin-inline:auto 4.6666666667px;
overflow:hidden;
transition:.2s ease-out
}
.tagify__tag__removeBtn::after{
@@ -3524,14 +3526,19 @@
}
.tagify__dropdown{
position:absolute;
z-index:9999;
- transform:translateY(1px);
+ transform:translateY(-1px);
+ border-top:1px solid var(--tagify-dd-color-primary);
overflow:hidden
}
+.tagify__dropdown[dir=rtl]{
+ transform:translate(-100%,-1px)
+}
+
.tagify__dropdown[placement=top]{
margin-top:0;
transform:translateY(-100%)
}
@@ -3548,22 +3555,29 @@
.tagify__dropdown[position=text] .tagify__dropdown__wrapper{
border-width:1px
}
.tagify__dropdown__wrapper{
- max-height:300px;
- overflow:auto;
+ max-height:var(--tagify-dd-max-height);
+ overflow:hidden;
overflow-x:hidden;
background:var(--tagify-dd-bg-color);
border:1px solid;
border-color:var(--tagify-dd-color-primary);
border-bottom-width:1.5px;
border-top-width:0;
box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
- transition:.25s cubic-bezier(0,1,.5,1)
+ transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;
+ animation:dd-wrapper-show 0s .3s forwards
}
+@keyframes dd-wrapper-show{
+ to{
+ overflow-y:auto
+ }
+}
+
.tagify__dropdown__header:empty{
display:none
}
.tagify__dropdown__footer{
@@ -3624,11 +3638,11 @@
transform:translateY(-100%);
opacity:0;
transition:inherit
}
-/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
+/*! tailwindcss v3.4.1 | 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)
@@ -6647,27 +6661,31 @@
.tagify__dropdown {
--tagify-dd-color-primary: rgb(var(--color-primary-500));
}
tags.tagify{
- padding:0px !important;
+ gap:0.25rem !important;
+ --tw-border-opacity:1 !important;
+ border-color:rgb(200 203 208 / var(--tw-border-opacity)) !important;
+ padding:0.25rem !important;
}
+tags.tagify.tagify--focus{
+ --tw-border-opacity:1 !important;
+ border-color:rgb(94 100 110 / var(--tw-border-opacity)) !important
+ }
+
tags.tagify span.tagify__input{
- margin-top:0.25rem;
- margin-bottom:0.25rem
+ margin:0px !important
}
-tags.tagify span.tagify__input:after {
- /* The loader is not centered by default. This will make it look better. */
- margin-top: 0.25rem;
- }
+tags.tagify span.tagify__input{
+ padding-left:0.25rem !important
+ }
tag.tagify__tag{
- margin-top:0.25rem;
- margin-bottom:0.25rem;
- margin-bottom:0px;
+ margin:0px !important;
font-size:0.875rem;
line-height:1.25rem
}
/* When the tags field is used to select just one value there's a weird ZeroWidthSpace (\u200B) character that breaks the vertical spacing. */
@@ -7016,10 +7034,14 @@
.my-\[2px\]{
margin-top:2px;
margin-bottom:2px
}
+.\!mb-1{
+ margin-bottom:0.25rem !important
+}
+
.-mb-2{
margin-bottom:-0.5rem
}
.-ml-4{
@@ -7381,10 +7403,14 @@
.w-0{
width:0px
}
+.w-1{
+ width:0.25rem
+}
+
.w-1\/2{
width:50%
}
.w-10{
@@ -8483,10 +8509,14 @@
.pb-8{
padding-bottom:2rem
}
+.pe-1{
+ padding-inline-end:0.25rem
+}
+
.pl-1{
padding-left:0.25rem
}
.pr-0{
@@ -8507,14 +8537,10 @@
.pt-0\.5{
padding-top:0.125rem
}
-.pt-1{
- padding-top:0.25rem
-}
-
.pt-16{
padding-top:4rem
}
.pt-2{
@@ -10330,16 +10356,10 @@
.group:active .group-active\:bg-primary-400{
background-color:rgb(var(--color-primary-400))
}
-@media print{
- .print\:hidden{
- display:none
- }
-}
-
@media (min-width: 495px){
.xs\:grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr))
}
@@ -10638,10 +10658,15 @@
.lg\:px-2{
padding-left:0.5rem;
padding-right:0.5rem
}
+ .lg\:px-4{
+ padding-left:1rem;
+ padding-right:1rem
+ }
+
.lg\:px-8{
padding-left:2rem;
padding-right:2rem
}
}
@@ -10682,7 +10707,13 @@
margin-right:auto
}
.\32xl\:grid-cols-6{
grid-template-columns:repeat(6, minmax(0, 1fr))
+ }
+}
+
+@media print{
+ .print\:hidden{
+ display:none
}
}