public/avo-assets/avo.base.css in avo-3.4.4 vs public/avo-assets/avo.base.css in avo-3.5.0
- old
+ new
@@ -6694,10 +6694,223 @@
[data-tags-field-mode-value="select"] tags.tagify {
height: 40px;
}
+/* EDIT STYLES */
+
+.tiptap{
+ margin:0px;
+ min-height:11rem;
+ padding:1rem;
+ outline:2px solid transparent;
+ outline-offset:2px;
+}
+
+.tiptap >*+*{
+ margin-top:1rem
+ }
+
+.tiptap ul,
+ .tiptap ol{
+ list-style-position:outside
+ }
+
+.tiptap ul,
+ .tiptap ol{
+ padding-left:1.5rem
+ }
+
+.tiptap ul{
+ list-style-type:disc
+ }
+
+.tiptap ol{
+ list-style-type:decimal
+ }
+
+.tiptap__field{
+ margin-bottom:1rem;
+ width:100%;
+ border-radius:0.25rem;
+ border-width:1px;
+ --tw-border-opacity:1;
+ border-color:rgb(200 203 208 / var(--tw-border-opacity))
+}
+
+.tiptap__editor{
+ border-style:none
+}
+
+.tiptap__toolbar{
+ display:flex;
+ align-items:center;
+ justify-content:space-between;
+ border-bottom-width:1px;
+ --tw-bg-opacity:1;
+ background-color:rgb(241 242 243 / var(--tw-bg-opacity));
+ padding-left:0.75rem;
+ padding-right:0.75rem;
+ padding-top:0.5rem;
+ padding-bottom:0.5rem
+}
+
+.tiptap__toolbar-area{
+ display:flex;
+ flex-wrap:wrap;
+ align-items:center
+}
+
+.tiptap__toolbar-area > :not([hidden]) ~ :not([hidden]){
+ --tw-divide-opacity:1;
+ border-color:rgb(200 203 208 / var(--tw-divide-opacity))
+}
+
+@media (min-width: 640px){
+ .tiptap__toolbar-area > :not([hidden]) ~ :not([hidden]){
+ --tw-divide-x-reverse:0;
+ border-right-width:calc(1px * var(--tw-divide-x-reverse));
+ border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
+ }
+
+ .tiptap__toolbar-area:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
+ --tw-divide-x-reverse:1
+ }
+}
+
+.tiptap__button-group{
+ display:flex;
+ flex-wrap:wrap;
+ align-items:center
+}
+
+.tiptap__button-group > :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)))
+}
+
+.tiptap__button-group:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse:1
+}
+
+.tiptap__button-group:not(:first-child):not(:last-child){
+ padding-left:1rem;
+ padding-right:1rem
+ }
+
+.tiptap__button-group:first-child{
+ padding-inline-end:1rem
+ }
+
+.tiptap__button-group:last-child{
+ padding-inline-start:1rem
+ }
+
+.tiptap__button{
+ cursor:pointer;
+ border-radius:0.25rem;
+ padding:0.25rem;
+ --tw-text-opacity:1;
+ color:rgb(117 125 138 / var(--tw-text-opacity));
+}
+
+.tiptap__button:hover:enabled{
+ --tw-bg-opacity:1;
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+ }
+
+.tiptap__button:active:enabled{
+ --tw-bg-opacity:1;
+ background-color:rgb(200 203 208 / var(--tw-bg-opacity))
+ }
+
+.tiptap__button:disabled{
+ cursor:default
+ }
+
+.tiptap__button:disabled{
+ --tw-text-opacity:1;
+ color:rgb(200 203 208 / var(--tw-text-opacity))
+ }
+
+.tiptap__button svg{
+ display:block
+ }
+
+.tiptap__button svg{
+ height:1.5rem
+ }
+
+.tiptap__button--selected{
+ background-color:rgb(23 25 28 / 0.1)
+}
+
+/* LINK STYLES */
+
+.tiptap__link-area{
+ opacity:1;
+ transition-property:all;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+.tiptap__link-field:placeholder{
+ font-style:italic
+ }
+
+.tiptap__link-field:placeholder{
+ --tw-text-opacity:1;
+ color:rgb(145 151 161 / var(--tw-text-opacity))
+ }
+
+.tiptap__link-field:focus::placeholder{
+ color:transparent
+ }
+
+.tiptap__link-field{
+ margin-right:0.5rem;
+ border-radius:0.25rem;
+ border-width:1px;
+ --tw-border-opacity:1;
+ border-color:rgb(200 203 208 / var(--tw-border-opacity));
+ padding-top:0.25rem;
+ padding-bottom:0.25rem;
+ font-size:0.875rem;
+ line-height:1.25rem
+}
+
+/* SHOW STYLES */
+
+.tiptap__content{
+ max-width:56rem;
+ padding-top:0.5rem;
+ padding-bottom:0.5rem;
+}
+
+.tiptap__content >*+*{
+ margin-top:1rem
+ }
+
+.tiptap__content ul,
+ .tiptap__content ol{
+ list-style-position:outside
+ }
+
+.tiptap__content ul,
+ .tiptap__content ol{
+ padding-left:1.5rem
+ }
+
+.tiptap__content ul{
+ list-style-type:disc
+ }
+
+.tiptap__content ol{
+ list-style-type:decimal
+ }
+
.container{
width:100%
}
@media (min-width: 495px){
@@ -6859,10 +7072,14 @@
.start-1{
inset-inline-start:0.25rem
}
+.start-2{
+ inset-inline-start:0.5rem
+}
+
.top-0{
top:0px
}
.top-1\/2{
@@ -6935,14 +7152,26 @@
.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
}
+.col-start-7{
+ grid-column-start:7
+}
+
.row-span-1{
grid-row:span 1 / span 1
}
.row-span-2{
@@ -6971,10 +7200,14 @@
.m-0{
margin:0px
}
+.m-1{
+ margin:0.25rem
+}
+
.-mx-1{
margin-left:-0.25rem;
margin-right:-0.25rem
}
@@ -7277,10 +7510,15 @@
.size-1{
width:0.25rem;
height:0.25rem
}
+.size-2{
+ width:0.5rem;
+ height:0.5rem
+}
+
.h-1{
height:0.25rem
}
.h-10{
@@ -7329,10 +7567,14 @@
.h-9{
height:2.25rem
}
+.h-\[0\.75rem\]{
+ height:0.75rem
+}
+
.h-\[250px\]{
height:250px
}
.h-\[calc\(100vh-4rem\)\]{
@@ -7457,10 +7699,14 @@
.w-8{
width:2rem
}
+.w-\[0\.75rem\]{
+ width:0.75rem
+}
+
.w-\[1\%\]{
width:1%
}
.w-\[calc\(100\%\+1rem\)\]{
@@ -7632,10 +7878,15 @@
.cursor-wait{
cursor:wait
}
+.select-none{
+ -webkit-user-select:none;
+ user-select:none
+}
+
.resize{
resize:both
}
.appearance-none{
@@ -7656,10 +7907,14 @@
.grid-cols-1{
grid-template-columns:repeat(1, minmax(0, 1fr))
}
+.grid-cols-12{
+ grid-template-columns:repeat(12, minmax(0, 1fr))
+}
+
.grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.grid-cols-6{
@@ -7740,10 +7995,14 @@
.gap-2{
gap:0.5rem
}
+.gap-3{
+ gap:0.75rem
+}
+
.gap-4{
gap:1rem
}
.gap-6{
@@ -8013,10 +8272,15 @@
.border-gray-300{
--tw-border-opacity:1;
border-color:rgb(172 177 185 / var(--tw-border-opacity))
}
+.border-gray-50{
+ --tw-border-opacity:1;
+ border-color:rgb(241 242 243 / var(--tw-border-opacity))
+}
+
.border-gray-500{
--tw-border-opacity:1;
border-color:rgb(117 125 138 / var(--tw-border-opacity))
}
@@ -8131,10 +8395,65 @@
.border-zinc-500{
--tw-border-opacity:1;
border-color:rgb(113 113 122 / var(--tw-border-opacity))
}
+.\!bg-gray-100{
+ --tw-bg-opacity:1 !important;
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity)) !important
+}
+
+.bg-\[\#0B8AE2\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(11 138 226 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#1BDBE8\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(27 219 232 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#2AB1EE\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(42 177 238 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#34C683\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(52 198 131 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#34C6A8\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(52 198 168 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#80FF91\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(128 255 145 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#EC8CFF\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(236 140 255 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#FF7676\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(255 118 118 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#FFBE4F\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(255 190 79 / var(--tw-bg-opacity))
+}
+
+.bg-\[\#FFFC38\]{
+ --tw-bg-opacity:1;
+ background-color:rgb(255 252 56 / var(--tw-bg-opacity))
+}
+
.bg-amber-500{
--tw-bg-opacity:1;
background-color:rgb(245 158 11 / var(--tw-bg-opacity))
}
@@ -10438,9 +10757,13 @@
width:33.333333%
}
.sm\:w-2\/3{
width:66.666667%
+ }
+
+ .sm\:w-\[400px\]{
+ width:400px
}
.sm\:w-auto{
width:auto
}