avo 2.5.2.pre.6 → 2.6.1.pre.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of avo might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/Gemfile +4 -0
- data/Gemfile.lock +8 -1
- data/app/assets/builds/action_cable.js +2 -0
- data/app/assets/builds/action_cable.js.map +7 -0
- data/app/assets/builds/avo.css +725 -203
- data/app/assets/builds/avo.js +211 -122
- data/app/assets/builds/avo.js.map +3 -3
- data/app/assets/stylesheets/avo.css +2 -0
- data/app/assets/stylesheets/css/tags.css +16 -0
- data/app/components/avo/actions_component.html.erb +1 -1
- data/app/components/avo/button_component.rb +8 -14
- data/app/components/avo/card_component.rb +12 -0
- data/app/components/avo/fields/belongs_to_field/autocomplete_component.html.erb +2 -0
- data/app/components/avo/fields/concerns/item_labels.rb +40 -0
- data/app/components/avo/fields/tags_field/edit_component.html.erb +27 -0
- data/app/components/avo/fields/tags_field/edit_component.rb +4 -0
- data/app/components/avo/fields/tags_field/index_component.html.erb +10 -0
- data/app/components/avo/fields/tags_field/index_component.rb +9 -0
- data/app/components/avo/fields/tags_field/show_component.html.erb +7 -0
- data/app/components/avo/fields/tags_field/show_component.rb +7 -0
- data/app/components/avo/fields/tags_field/tag_component.html.erb +9 -0
- data/app/components/avo/fields/tags_field/tag_component.rb +11 -0
- data/app/components/avo/index/resource_table_component.html.erb +1 -1
- data/app/components/avo/paginator_component.html.erb +2 -2
- data/app/components/avo/sidebar_component.html.erb +1 -1
- data/app/components/avo/sidebar_profile_component.html.erb +1 -1
- data/app/controllers/avo/base_controller.rb +0 -19
- data/app/controllers/avo/search_controller.rb +11 -4
- data/app/javascript/js/application.js +1 -1
- data/app/javascript/js/controllers/base_controller.js +22 -0
- data/app/javascript/js/controllers/fields/tags_field_controller.js +86 -0
- data/app/javascript/js/controllers/fields/tags_field_helpers.js +47 -0
- data/app/javascript/js/controllers/search_controller.js +7 -1
- data/app/javascript/js/controllers.js +2 -0
- data/app/views/avo/dashboards/_chartkick_card.html.erb +1 -1
- data/app/views/avo/dashboards/_metric_card.html.erb +1 -1
- data/app/views/avo/partials/_global_search.html.erb +1 -1
- data/app/views/avo/partials/_navbar.html.erb +3 -3
- data/app/views/avo/partials/_resource_search.html.erb +1 -1
- data/db/factories.rb +2 -0
- data/lib/avo/base_resource.rb +6 -0
- data/lib/avo/concerns/handles_field_args.rb +36 -0
- data/lib/avo/fields/base_field.rb +2 -1
- data/lib/avo/fields/tags_field.rb +82 -0
- data/lib/avo/hosts/association_scope_host.rb +1 -0
- data/lib/avo/hosts/base_host.rb +2 -0
- data/lib/avo/hosts/record_host.rb +7 -0
- data/lib/avo/licensing/pro_license.rb +2 -1
- data/lib/avo/version.rb +1 -1
- data/lib/generators/avo/templates/cards/chartkick_card.tt +1 -1
- data/lib/generators/avo/templates/cards/chartkick_card_sample.tt +1 -1
- data/lib/generators/avo/templates/cards/metric_card.tt +1 -1
- data/lib/generators/avo/templates/cards/metric_card_sample.tt +1 -1
- data/lib/generators/avo/templates/locales/avo.en.yml +4 -0
- data/lib/tasks/avo_tasks.rake +7 -3
- data/public/avo-assets/avo.css +694 -78
- data/public/avo-assets/avo.js +211 -122
- data/public/avo-assets/avo.js.map +3 -3
- metadata +20 -2
data/public/avo-assets/avo.css
CHANGED
@@ -3221,6 +3221,602 @@ body.dark,body[data-theme=dark]{
|
|
3221
3221
|
}
|
3222
3222
|
}
|
3223
3223
|
|
3224
|
+
:root{
|
3225
|
+
--tagify-dd-color-primary:rgb(53,149,246);
|
3226
|
+
--tagify-dd-bg-color:white
|
3227
|
+
}
|
3228
|
+
|
3229
|
+
.tagify{
|
3230
|
+
--tags-disabled-bg:#F1F1F1;
|
3231
|
+
--tags-border-color:#DDD;
|
3232
|
+
--tags-hover-border-color:#CCC;
|
3233
|
+
--tags-focus-border-color:#3595f6;
|
3234
|
+
--tag-bg:#E5E5E5;
|
3235
|
+
--tag-hover:#D3E2E2;
|
3236
|
+
--tag-text-color:black;
|
3237
|
+
--tag-text-color--edit:black;
|
3238
|
+
--tag-pad:0.3em 0.5em;
|
3239
|
+
--tag-inset-shadow-size:1.1em;
|
3240
|
+
--tag-invalid-color:#D39494;
|
3241
|
+
--tag-invalid-bg:rgba(211, 148, 148, 0.5);
|
3242
|
+
--tag-remove-bg:rgba(211, 148, 148, 0.3);
|
3243
|
+
--tag-remove-btn-color:black;
|
3244
|
+
--tag-remove-btn-bg:none;
|
3245
|
+
--tag-remove-btn-bg--hover:#c77777;
|
3246
|
+
--input-color:inherit;
|
3247
|
+
--tag--min-width:1ch;
|
3248
|
+
--tag--max-width:auto;
|
3249
|
+
--tag-hide-transition:0.3s;
|
3250
|
+
--placeholder-color:rgba(0, 0, 0, 0.4);
|
3251
|
+
--placeholder-color-focus:rgba(0, 0, 0, 0.25);
|
3252
|
+
--loader-size:.8em;
|
3253
|
+
--readonly-striped:1;
|
3254
|
+
display:flex;
|
3255
|
+
align-items:flex-start;
|
3256
|
+
flex-wrap:wrap;
|
3257
|
+
border:1px solid #ddd;
|
3258
|
+
border:1px solid var(--tags-border-color);
|
3259
|
+
padding:0;
|
3260
|
+
line-height:0;
|
3261
|
+
cursor:text;
|
3262
|
+
outline:0;
|
3263
|
+
position:relative;
|
3264
|
+
box-sizing:border-box;
|
3265
|
+
transition:.1s
|
3266
|
+
}
|
3267
|
+
|
3268
|
+
@keyframes tags--bump{
|
3269
|
+
30%{
|
3270
|
+
transform:scale(1.2)
|
3271
|
+
}
|
3272
|
+
}
|
3273
|
+
|
3274
|
+
@keyframes rotateLoader{
|
3275
|
+
to{
|
3276
|
+
transform:rotate(1turn)
|
3277
|
+
}
|
3278
|
+
}
|
3279
|
+
|
3280
|
+
.tagify:hover{
|
3281
|
+
border-color:#ccc;
|
3282
|
+
border-color:var(--tags-hover-border-color)
|
3283
|
+
}
|
3284
|
+
|
3285
|
+
.tagify.tagify--focus{
|
3286
|
+
transition:0s;
|
3287
|
+
border-color:#3595f6;
|
3288
|
+
border-color:var(--tags-focus-border-color)
|
3289
|
+
}
|
3290
|
+
|
3291
|
+
.tagify[disabled]{
|
3292
|
+
background:var(--tags-disabled-bg);
|
3293
|
+
filter:saturate(0);
|
3294
|
+
opacity:.5;
|
3295
|
+
pointer-events:none
|
3296
|
+
}
|
3297
|
+
|
3298
|
+
.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{
|
3299
|
+
pointer-events:none
|
3300
|
+
}
|
3301
|
+
|
3302
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){
|
3303
|
+
cursor:default
|
3304
|
+
}
|
3305
|
+
|
3306
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{
|
3307
|
+
visibility:hidden;
|
3308
|
+
width:0;
|
3309
|
+
margin:5px 0
|
3310
|
+
}
|
3311
|
+
|
3312
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{
|
3313
|
+
padding:.3em .5em;
|
3314
|
+
padding:var(--tag-pad)
|
3315
|
+
}
|
3316
|
+
|
3317
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{
|
3318
|
+
animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
|
3319
|
+
}
|
3320
|
+
|
3321
|
+
@keyframes readonlyStyles{
|
3322
|
+
0%{
|
3323
|
+
background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
|
3324
|
+
box-shadow:none;
|
3325
|
+
filter:brightness(.95)
|
3326
|
+
}
|
3327
|
+
}
|
3328
|
+
|
3329
|
+
.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{
|
3330
|
+
display:none
|
3331
|
+
}
|
3332
|
+
|
3333
|
+
.tagify--loading .tagify__input>br:last-child{
|
3334
|
+
display:none
|
3335
|
+
}
|
3336
|
+
|
3337
|
+
.tagify--loading .tagify__input::before{
|
3338
|
+
content:none
|
3339
|
+
}
|
3340
|
+
|
3341
|
+
.tagify--loading .tagify__input::after{
|
3342
|
+
vertical-align:middle;
|
3343
|
+
opacity:1;
|
3344
|
+
width:.7em;
|
3345
|
+
height:.7em;
|
3346
|
+
width:var(--loader-size);
|
3347
|
+
height:var(--loader-size);
|
3348
|
+
border:3px solid;
|
3349
|
+
border-color:#eee #bbb #888 transparent;
|
3350
|
+
border-radius:50%;
|
3351
|
+
animation:rotateLoader .4s infinite linear;
|
3352
|
+
content:""!important;
|
3353
|
+
margin:-2px 0 -2px .5em
|
3354
|
+
}
|
3355
|
+
|
3356
|
+
.tagify--loading .tagify__input:empty::after{
|
3357
|
+
margin-left:0
|
3358
|
+
}
|
3359
|
+
|
3360
|
+
.tagify+input,.tagify+textarea{
|
3361
|
+
position:absolute!important;
|
3362
|
+
left:-9999em!important;
|
3363
|
+
transform:scale(0)!important
|
3364
|
+
}
|
3365
|
+
|
3366
|
+
.tagify__tag{
|
3367
|
+
display:inline-flex;
|
3368
|
+
align-items:center;
|
3369
|
+
margin:5px 0 5px 5px;
|
3370
|
+
position:relative;
|
3371
|
+
z-index:1;
|
3372
|
+
outline:0;
|
3373
|
+
line-height:normal;
|
3374
|
+
cursor:default;
|
3375
|
+
transition:.13s ease-out
|
3376
|
+
}
|
3377
|
+
|
3378
|
+
.tagify__tag>div{
|
3379
|
+
vertical-align:top;
|
3380
|
+
box-sizing:border-box;
|
3381
|
+
max-width:100%;
|
3382
|
+
padding:.3em .5em;
|
3383
|
+
padding:var(--tag-pad,.3em .5em);
|
3384
|
+
color:#000;
|
3385
|
+
color:var(--tag-text-color,#000);
|
3386
|
+
line-height:inherit;
|
3387
|
+
border-radius:3px;
|
3388
|
+
white-space:nowrap;
|
3389
|
+
transition:.13s ease-out
|
3390
|
+
}
|
3391
|
+
|
3392
|
+
.tagify__tag>div>*{
|
3393
|
+
white-space:pre-wrap;
|
3394
|
+
overflow:hidden;
|
3395
|
+
text-overflow:ellipsis;
|
3396
|
+
display:inline-block;
|
3397
|
+
vertical-align:top;
|
3398
|
+
min-width:1ch;
|
3399
|
+
max-width:auto;
|
3400
|
+
min-width:var(--tag--min-width,1ch);
|
3401
|
+
max-width:var(--tag--max-width,auto);
|
3402
|
+
transition:.8s ease,.1s color
|
3403
|
+
}
|
3404
|
+
|
3405
|
+
.tagify__tag>div>[contenteditable]{
|
3406
|
+
outline:0;
|
3407
|
+
-webkit-user-select:text;
|
3408
|
+
user-select:text;
|
3409
|
+
cursor:text;
|
3410
|
+
margin:-2px;
|
3411
|
+
padding:2px;
|
3412
|
+
max-width:350px
|
3413
|
+
}
|
3414
|
+
|
3415
|
+
.tagify__tag>div::before{
|
3416
|
+
content:"";
|
3417
|
+
position:absolute;
|
3418
|
+
border-radius:inherit;
|
3419
|
+
left:0;
|
3420
|
+
top:0;
|
3421
|
+
right:0;
|
3422
|
+
bottom:0;
|
3423
|
+
z-index:-1;
|
3424
|
+
pointer-events:none;
|
3425
|
+
transition:120ms ease;
|
3426
|
+
animation:tags--bump .3s ease-out 1;
|
3427
|
+
box-shadow:0 0 0 1.1em #e5e5e5 inset;
|
3428
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset
|
3429
|
+
}
|
3430
|
+
|
3431
|
+
.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{
|
3432
|
+
top:-2px;
|
3433
|
+
right:-2px;
|
3434
|
+
bottom:-2px;
|
3435
|
+
left:-2px;
|
3436
|
+
box-shadow:0 0 0 1.1em #d3e2e2 inset;
|
3437
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset
|
3438
|
+
}
|
3439
|
+
|
3440
|
+
.tagify__tag--loading{
|
3441
|
+
pointer-events:none
|
3442
|
+
}
|
3443
|
+
|
3444
|
+
.tagify__tag--loading .tagify__tag__removeBtn{
|
3445
|
+
display:none
|
3446
|
+
}
|
3447
|
+
|
3448
|
+
.tagify__tag--loading::after{
|
3449
|
+
--loader-size:.4em;
|
3450
|
+
content:"";
|
3451
|
+
vertical-align:middle;
|
3452
|
+
opacity:1;
|
3453
|
+
width:.7em;
|
3454
|
+
height:.7em;
|
3455
|
+
width:var(--loader-size);
|
3456
|
+
height:var(--loader-size);
|
3457
|
+
border:3px solid;
|
3458
|
+
border-color:#eee #bbb #888 transparent;
|
3459
|
+
border-radius:50%;
|
3460
|
+
animation:rotateLoader .4s infinite linear;
|
3461
|
+
margin:0 .5em 0 -.1em
|
3462
|
+
}
|
3463
|
+
|
3464
|
+
.tagify__tag--flash div::before{
|
3465
|
+
animation:none
|
3466
|
+
}
|
3467
|
+
|
3468
|
+
.tagify__tag--hide{
|
3469
|
+
width:0!important;
|
3470
|
+
padding-left:0;
|
3471
|
+
padding-right:0;
|
3472
|
+
margin-left:0;
|
3473
|
+
margin-right:0;
|
3474
|
+
opacity:0;
|
3475
|
+
transform:scale(0);
|
3476
|
+
transition:.3s;
|
3477
|
+
transition:var(--tag-hide-transition,.3s);
|
3478
|
+
pointer-events:none
|
3479
|
+
}
|
3480
|
+
|
3481
|
+
.tagify__tag--hide>div>*{
|
3482
|
+
white-space:nowrap
|
3483
|
+
}
|
3484
|
+
|
3485
|
+
.tagify__tag.tagify--noAnim>div::before{
|
3486
|
+
animation:none
|
3487
|
+
}
|
3488
|
+
|
3489
|
+
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{
|
3490
|
+
opacity:.5
|
3491
|
+
}
|
3492
|
+
|
3493
|
+
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{
|
3494
|
+
box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;
|
3495
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;
|
3496
|
+
transition:.2s
|
3497
|
+
}
|
3498
|
+
|
3499
|
+
.tagify__tag[readonly] .tagify__tag__removeBtn{
|
3500
|
+
display:none
|
3501
|
+
}
|
3502
|
+
|
3503
|
+
.tagify__tag[readonly]>div::before{
|
3504
|
+
animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
|
3505
|
+
}
|
3506
|
+
|
3507
|
+
@keyframes readonlyStyles{
|
3508
|
+
0%{
|
3509
|
+
background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
|
3510
|
+
box-shadow:none;
|
3511
|
+
filter:brightness(.95)
|
3512
|
+
}
|
3513
|
+
}
|
3514
|
+
|
3515
|
+
.tagify__tag--editable>div{
|
3516
|
+
color:#000;
|
3517
|
+
color:var(--tag-text-color--edit,#000)
|
3518
|
+
}
|
3519
|
+
|
3520
|
+
.tagify__tag--editable>div::before{
|
3521
|
+
box-shadow:0 0 0 2px #d3e2e2 inset!important;
|
3522
|
+
box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important
|
3523
|
+
}
|
3524
|
+
|
3525
|
+
.tagify__tag--editable>.tagify__tag__removeBtn{
|
3526
|
+
pointer-events:none
|
3527
|
+
}
|
3528
|
+
|
3529
|
+
.tagify__tag--editable>.tagify__tag__removeBtn::after{
|
3530
|
+
opacity:0;
|
3531
|
+
transform:translateX(100%) translateX(5px)
|
3532
|
+
}
|
3533
|
+
|
3534
|
+
.tagify__tag--editable.tagify--invalid>div::before{
|
3535
|
+
box-shadow:0 0 0 2px #d39494 inset!important;
|
3536
|
+
box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important
|
3537
|
+
}
|
3538
|
+
|
3539
|
+
.tagify__tag__removeBtn{
|
3540
|
+
order:5;
|
3541
|
+
display:inline-flex;
|
3542
|
+
align-items:center;
|
3543
|
+
justify-content:center;
|
3544
|
+
border-radius:50px;
|
3545
|
+
cursor:pointer;
|
3546
|
+
font:14px/1 Arial;
|
3547
|
+
background:0 0;
|
3548
|
+
background:var(--tag-remove-btn-bg,none);
|
3549
|
+
color:#000;
|
3550
|
+
color:var(--tag-remove-btn-color,#000);
|
3551
|
+
width:14px;
|
3552
|
+
height:14px;
|
3553
|
+
margin-right:4.6666666667px;
|
3554
|
+
margin-left:auto;
|
3555
|
+
overflow:hidden;
|
3556
|
+
transition:.2s ease-out
|
3557
|
+
}
|
3558
|
+
|
3559
|
+
.tagify__tag__removeBtn::after{
|
3560
|
+
content:"×";
|
3561
|
+
transition:.3s,color 0s
|
3562
|
+
}
|
3563
|
+
|
3564
|
+
.tagify__tag__removeBtn:hover{
|
3565
|
+
color:#fff;
|
3566
|
+
background:#c77777;
|
3567
|
+
background:var(--tag-remove-btn-bg--hover,#c77777)
|
3568
|
+
}
|
3569
|
+
|
3570
|
+
.tagify__tag__removeBtn:hover+div>span{
|
3571
|
+
opacity:.5
|
3572
|
+
}
|
3573
|
+
|
3574
|
+
.tagify__tag__removeBtn:hover+div::before{
|
3575
|
+
box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;
|
3576
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
|
3577
|
+
transition:box-shadow .2s
|
3578
|
+
}
|
3579
|
+
|
3580
|
+
.tagify:not(.tagify--mix) .tagify__input br{
|
3581
|
+
display:none
|
3582
|
+
}
|
3583
|
+
|
3584
|
+
.tagify:not(.tagify--mix) .tagify__input *{
|
3585
|
+
display:inline;
|
3586
|
+
white-space:nowrap
|
3587
|
+
}
|
3588
|
+
|
3589
|
+
.tagify__input{
|
3590
|
+
flex-grow:1;
|
3591
|
+
display:inline-block;
|
3592
|
+
min-width:110px;
|
3593
|
+
margin:5px;
|
3594
|
+
padding:.3em .5em;
|
3595
|
+
padding:var(--tag-pad,.3em .5em);
|
3596
|
+
line-height:normal;
|
3597
|
+
position:relative;
|
3598
|
+
white-space:pre-wrap;
|
3599
|
+
color:inherit;
|
3600
|
+
color:var(--input-color,inherit);
|
3601
|
+
box-sizing:inherit
|
3602
|
+
}
|
3603
|
+
|
3604
|
+
.tagify__input:focus{
|
3605
|
+
outline:0
|
3606
|
+
}
|
3607
|
+
|
3608
|
+
.tagify__input:focus::before{
|
3609
|
+
transition:.2s ease-out;
|
3610
|
+
opacity:0;
|
3611
|
+
transform:translatex(6px)
|
3612
|
+
}
|
3613
|
+
|
3614
|
+
@supports (-ms-ime-align:auto){
|
3615
|
+
.tagify__input:focus::before{
|
3616
|
+
display:none
|
3617
|
+
}
|
3618
|
+
}
|
3619
|
+
|
3620
|
+
.tagify__input:focus:empty::before{
|
3621
|
+
transition:.2s ease-out;
|
3622
|
+
opacity:1;
|
3623
|
+
transform:none;
|
3624
|
+
color:rgba(0,0,0,.25);
|
3625
|
+
color:var(--placeholder-color-focus)
|
3626
|
+
}
|
3627
|
+
|
3628
|
+
@-moz-document url-prefix(){
|
3629
|
+
.tagify__input:focus:empty::after{
|
3630
|
+
display:none
|
3631
|
+
}
|
3632
|
+
}
|
3633
|
+
|
3634
|
+
.tagify__input::before{
|
3635
|
+
content:attr(data-placeholder);
|
3636
|
+
height:1em;
|
3637
|
+
line-height:1em;
|
3638
|
+
margin:auto 0;
|
3639
|
+
z-index:1;
|
3640
|
+
color:rgba(0,0,0,.4);
|
3641
|
+
color:var(--placeholder-color);
|
3642
|
+
white-space:nowrap;
|
3643
|
+
pointer-events:none;
|
3644
|
+
opacity:0;
|
3645
|
+
position:absolute
|
3646
|
+
}
|
3647
|
+
|
3648
|
+
.tagify__input::after{
|
3649
|
+
content:attr(data-suggest);
|
3650
|
+
display:inline-block;
|
3651
|
+
white-space:pre;
|
3652
|
+
color:#000;
|
3653
|
+
opacity:.3;
|
3654
|
+
pointer-events:none;
|
3655
|
+
max-width:100px
|
3656
|
+
}
|
3657
|
+
|
3658
|
+
.tagify__input .tagify__tag{
|
3659
|
+
margin:0 1px
|
3660
|
+
}
|
3661
|
+
|
3662
|
+
.tagify--mix{
|
3663
|
+
display:block
|
3664
|
+
}
|
3665
|
+
|
3666
|
+
.tagify--mix .tagify__input{
|
3667
|
+
padding:5px;
|
3668
|
+
margin:0;
|
3669
|
+
width:100%;
|
3670
|
+
height:100%;
|
3671
|
+
line-height:1.5;
|
3672
|
+
display:block
|
3673
|
+
}
|
3674
|
+
|
3675
|
+
.tagify--mix .tagify__input::before{
|
3676
|
+
height:auto;
|
3677
|
+
display:none;
|
3678
|
+
line-height:inherit
|
3679
|
+
}
|
3680
|
+
|
3681
|
+
.tagify--mix .tagify__input::after{
|
3682
|
+
content:none
|
3683
|
+
}
|
3684
|
+
|
3685
|
+
.tagify--select::after{
|
3686
|
+
content:">";
|
3687
|
+
opacity:.5;
|
3688
|
+
position:absolute;
|
3689
|
+
top:50%;
|
3690
|
+
right:0;
|
3691
|
+
bottom:0;
|
3692
|
+
font:16px monospace;
|
3693
|
+
line-height:8px;
|
3694
|
+
height:8px;
|
3695
|
+
pointer-events:none;
|
3696
|
+
transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);
|
3697
|
+
transition:.2s ease-in-out
|
3698
|
+
}
|
3699
|
+
|
3700
|
+
.tagify--select[aria-expanded=true]::after{
|
3701
|
+
transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)
|
3702
|
+
}
|
3703
|
+
|
3704
|
+
.tagify--select .tagify__tag{
|
3705
|
+
position:absolute;
|
3706
|
+
top:0;
|
3707
|
+
right:1.8em;
|
3708
|
+
bottom:0
|
3709
|
+
}
|
3710
|
+
|
3711
|
+
.tagify--select .tagify__tag div{
|
3712
|
+
display:none
|
3713
|
+
}
|
3714
|
+
|
3715
|
+
.tagify--select .tagify__input{
|
3716
|
+
width:100%
|
3717
|
+
}
|
3718
|
+
|
3719
|
+
.tagify--empty .tagify__input::before{
|
3720
|
+
transition:.2s ease-out;
|
3721
|
+
opacity:1;
|
3722
|
+
transform:none;
|
3723
|
+
display:inline-block;
|
3724
|
+
width:auto
|
3725
|
+
}
|
3726
|
+
|
3727
|
+
.tagify--mix .tagify--empty .tagify__input::before{
|
3728
|
+
display:inline-block
|
3729
|
+
}
|
3730
|
+
|
3731
|
+
.tagify--invalid{
|
3732
|
+
--tags-border-color:#D39494
|
3733
|
+
}
|
3734
|
+
|
3735
|
+
.tagify__dropdown{
|
3736
|
+
position:absolute;
|
3737
|
+
z-index:9999;
|
3738
|
+
transform:translateY(1px);
|
3739
|
+
overflow:hidden
|
3740
|
+
}
|
3741
|
+
|
3742
|
+
.tagify__dropdown[placement=top]{
|
3743
|
+
margin-top:0;
|
3744
|
+
transform:translateY(-100%)
|
3745
|
+
}
|
3746
|
+
|
3747
|
+
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{
|
3748
|
+
border-top-width:1.1px;
|
3749
|
+
border-bottom-width:0
|
3750
|
+
}
|
3751
|
+
|
3752
|
+
.tagify__dropdown[position=text]{
|
3753
|
+
box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
|
3754
|
+
font-size:.9em
|
3755
|
+
}
|
3756
|
+
|
3757
|
+
.tagify__dropdown[position=text] .tagify__dropdown__wrapper{
|
3758
|
+
border-width:1px
|
3759
|
+
}
|
3760
|
+
|
3761
|
+
.tagify__dropdown__wrapper{
|
3762
|
+
max-height:300px;
|
3763
|
+
overflow:auto;
|
3764
|
+
background:#fff;
|
3765
|
+
background:var(--tagify-dd-bg-color);
|
3766
|
+
border:1px solid #3595f6;
|
3767
|
+
border-color:var(--tagify-dd-color-primary);
|
3768
|
+
border-bottom-width:1.33px;
|
3769
|
+
border-top-width:0;
|
3770
|
+
box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
|
3771
|
+
transition:.25s cubic-bezier(0,1,.5,1)
|
3772
|
+
}
|
3773
|
+
|
3774
|
+
.tagify__dropdown__header:empty{
|
3775
|
+
display:none
|
3776
|
+
}
|
3777
|
+
|
3778
|
+
.tagify__dropdown__footer{
|
3779
|
+
display:inline-block;
|
3780
|
+
margin-top:.5em;
|
3781
|
+
padding:.3em .5em;
|
3782
|
+
font-size:.7em;
|
3783
|
+
font-style:italic;
|
3784
|
+
opacity:.5
|
3785
|
+
}
|
3786
|
+
|
3787
|
+
.tagify__dropdown__footer:empty{
|
3788
|
+
display:none
|
3789
|
+
}
|
3790
|
+
|
3791
|
+
.tagify__dropdown--initial .tagify__dropdown__wrapper{
|
3792
|
+
max-height:20px;
|
3793
|
+
transform:translateY(-1em)
|
3794
|
+
}
|
3795
|
+
|
3796
|
+
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{
|
3797
|
+
transform:translateY(2em)
|
3798
|
+
}
|
3799
|
+
|
3800
|
+
.tagify__dropdown__item{
|
3801
|
+
box-sizing:inherit;
|
3802
|
+
padding:.3em .5em;
|
3803
|
+
margin:1px;
|
3804
|
+
cursor:pointer;
|
3805
|
+
border-radius:2px;
|
3806
|
+
position:relative;
|
3807
|
+
outline:0
|
3808
|
+
}
|
3809
|
+
|
3810
|
+
.tagify__dropdown__item--active{
|
3811
|
+
background:#3595f6;
|
3812
|
+
background:var(--tagify-dd-color-primary);
|
3813
|
+
color:#fff
|
3814
|
+
}
|
3815
|
+
|
3816
|
+
.tagify__dropdown__item:active{
|
3817
|
+
filter:brightness(105%)
|
3818
|
+
}
|
3819
|
+
|
3224
3820
|
/*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
|
3225
3821
|
*/
|
3226
3822
|
|
@@ -4523,6 +5119,24 @@ input[type=file][data-direct-upload-url][disabled] {
|
|
4523
5119
|
}
|
4524
5120
|
}
|
4525
5121
|
|
5122
|
+
tags.tagify {
|
5123
|
+
--tag-inset-shadow-size: 3em;
|
5124
|
+
padding:0px !important;
|
5125
|
+
}
|
5126
|
+
|
5127
|
+
tags.tagify span.tagify__input{
|
5128
|
+
margin-top:0.25rem;
|
5129
|
+
margin-bottom:0.25rem
|
5130
|
+
}
|
5131
|
+
|
5132
|
+
tag.tagify__tag{
|
5133
|
+
margin-top:0.25rem;
|
5134
|
+
margin-bottom:0.25rem;
|
5135
|
+
margin-bottom:0px;
|
5136
|
+
font-size:0.875rem;
|
5137
|
+
line-height:1.25rem
|
5138
|
+
}
|
5139
|
+
|
4526
5140
|
.spinner {
|
4527
5141
|
width: 16px;
|
4528
5142
|
height: 16px;
|
@@ -6318,16 +6932,16 @@ progress[value]::-moz-progress-bar{
|
|
6318
6932
|
margin-bottom:1rem
|
6319
6933
|
}
|
6320
6934
|
|
6935
|
+
.my-\[2px\]{
|
6936
|
+
margin-top:2px;
|
6937
|
+
margin-bottom:2px
|
6938
|
+
}
|
6939
|
+
|
6321
6940
|
.my-1{
|
6322
6941
|
margin-top:0.25rem;
|
6323
6942
|
margin-bottom:0.25rem
|
6324
6943
|
}
|
6325
6944
|
|
6326
|
-
.my-1\.5{
|
6327
|
-
margin-top:0.375rem;
|
6328
|
-
margin-bottom:0.375rem
|
6329
|
-
}
|
6330
|
-
|
6331
6945
|
.my-0\.5{
|
6332
6946
|
margin-top:0.125rem;
|
6333
6947
|
margin-bottom:0.125rem
|
@@ -6338,21 +6952,11 @@ progress[value]::-moz-progress-bar{
|
|
6338
6952
|
margin-bottom:0px
|
6339
6953
|
}
|
6340
6954
|
|
6341
|
-
.my-2{
|
6342
|
-
margin-top:0.5rem;
|
6343
|
-
margin-bottom:0.5rem
|
6344
|
-
}
|
6345
|
-
|
6346
6955
|
.mx-6{
|
6347
6956
|
margin-left:1.5rem;
|
6348
6957
|
margin-right:1.5rem
|
6349
6958
|
}
|
6350
6959
|
|
6351
|
-
.my-\[2px\]{
|
6352
|
-
margin-top:2px;
|
6353
|
-
margin-bottom:2px
|
6354
|
-
}
|
6355
|
-
|
6356
6960
|
.mt-2{
|
6357
6961
|
margin-top:0.5rem
|
6358
6962
|
}
|
@@ -6581,6 +7185,10 @@ progress[value]::-moz-progress-bar{
|
|
6581
7185
|
height:2.5rem
|
6582
7186
|
}
|
6583
7187
|
|
7188
|
+
.h-16{
|
7189
|
+
height:4rem
|
7190
|
+
}
|
7191
|
+
|
6584
7192
|
.h-\[250px\]{
|
6585
7193
|
height:250px
|
6586
7194
|
}
|
@@ -6605,10 +7213,6 @@ progress[value]::-moz-progress-bar{
|
|
6605
7213
|
min-height:6rem
|
6606
7214
|
}
|
6607
7215
|
|
6608
|
-
.min-h-\[4rem\]{
|
6609
|
-
min-height:4rem
|
6610
|
-
}
|
6611
|
-
|
6612
7216
|
.min-h-full{
|
6613
7217
|
min-height:100%
|
6614
7218
|
}
|
@@ -6637,8 +7241,8 @@ progress[value]::-moz-progress-bar{
|
|
6637
7241
|
width:100%
|
6638
7242
|
}
|
6639
7243
|
|
6640
|
-
.w-
|
6641
|
-
width:
|
7244
|
+
.w-32{
|
7245
|
+
width:8rem
|
6642
7246
|
}
|
6643
7247
|
|
6644
7248
|
.w-24{
|
@@ -6649,6 +7253,14 @@ progress[value]::-moz-progress-bar{
|
|
6649
7253
|
width:83.333333%
|
6650
7254
|
}
|
6651
7255
|
|
7256
|
+
.w-8{
|
7257
|
+
width:2rem
|
7258
|
+
}
|
7259
|
+
|
7260
|
+
.w-1\/2{
|
7261
|
+
width:50%
|
7262
|
+
}
|
7263
|
+
|
6652
7264
|
.w-0{
|
6653
7265
|
width:0px
|
6654
7266
|
}
|
@@ -6665,22 +7277,18 @@ progress[value]::-moz-progress-bar{
|
|
6665
7277
|
width:4rem
|
6666
7278
|
}
|
6667
7279
|
|
6668
|
-
.w-
|
6669
|
-
width:
|
7280
|
+
.w-64{
|
7281
|
+
width:16rem
|
6670
7282
|
}
|
6671
7283
|
|
6672
|
-
.w-
|
6673
|
-
width:
|
7284
|
+
.w-10{
|
7285
|
+
width:2.5rem
|
6674
7286
|
}
|
6675
7287
|
|
6676
7288
|
.w-\[1\%\]{
|
6677
7289
|
width:1%
|
6678
7290
|
}
|
6679
7291
|
|
6680
|
-
.w-8{
|
6681
|
-
width:2rem
|
6682
|
-
}
|
6683
|
-
|
6684
7292
|
.min-w-\[1rem\]{
|
6685
7293
|
min-width:1rem
|
6686
7294
|
}
|
@@ -6689,10 +7297,6 @@ progress[value]::-moz-progress-bar{
|
|
6689
7297
|
min-width:300px
|
6690
7298
|
}
|
6691
7299
|
|
6692
|
-
.min-w-\[16rem\]{
|
6693
|
-
min-width:16rem
|
6694
|
-
}
|
6695
|
-
|
6696
7300
|
.min-w-full{
|
6697
7301
|
min-width:100%
|
6698
7302
|
}
|
@@ -6761,14 +7365,14 @@ progress[value]::-moz-progress-bar{
|
|
6761
7365
|
cursor:pointer
|
6762
7366
|
}
|
6763
7367
|
|
6764
|
-
.cursor-wait{
|
6765
|
-
cursor:wait
|
6766
|
-
}
|
6767
|
-
|
6768
7368
|
.cursor-not-allowed{
|
6769
7369
|
cursor:not-allowed
|
6770
7370
|
}
|
6771
7371
|
|
7372
|
+
.cursor-wait{
|
7373
|
+
cursor:wait
|
7374
|
+
}
|
7375
|
+
|
6772
7376
|
.appearance-none{
|
6773
7377
|
-webkit-appearance:none;
|
6774
7378
|
appearance:none
|
@@ -6786,6 +7390,10 @@ progress[value]::-moz-progress-bar{
|
|
6786
7390
|
flex-direction:column
|
6787
7391
|
}
|
6788
7392
|
|
7393
|
+
.flex-wrap{
|
7394
|
+
flex-wrap:wrap
|
7395
|
+
}
|
7396
|
+
|
6789
7397
|
.flex-nowrap{
|
6790
7398
|
flex-wrap:nowrap
|
6791
7399
|
}
|
@@ -6854,6 +7462,10 @@ progress[value]::-moz-progress-bar{
|
|
6854
7462
|
gap:0.75rem
|
6855
7463
|
}
|
6856
7464
|
|
7465
|
+
.gap-1{
|
7466
|
+
gap:0.25rem
|
7467
|
+
}
|
7468
|
+
|
6857
7469
|
.space-y-2 > :not([hidden]) ~ :not([hidden]){
|
6858
7470
|
--tw-space-y-reverse:0;
|
6859
7471
|
margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
@@ -6878,12 +7490,6 @@ progress[value]::-moz-progress-bar{
|
|
6878
7490
|
margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
|
6879
7491
|
}
|
6880
7492
|
|
6881
|
-
.space-x-8 > :not([hidden]) ~ :not([hidden]){
|
6882
|
-
--tw-space-x-reverse:0;
|
6883
|
-
margin-right:calc(2rem * var(--tw-space-x-reverse));
|
6884
|
-
margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
|
6885
|
-
}
|
6886
|
-
|
6887
7493
|
.space-y-1 > :not([hidden]) ~ :not([hidden]){
|
6888
7494
|
--tw-space-y-reverse:0;
|
6889
7495
|
margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
@@ -6991,10 +7597,6 @@ progress[value]::-moz-progress-bar{
|
|
6991
7597
|
border-radius:0.5rem
|
6992
7598
|
}
|
6993
7599
|
|
6994
|
-
.rounded-xl{
|
6995
|
-
border-radius:1rem
|
6996
|
-
}
|
6997
|
-
|
6998
7600
|
.rounded-full{
|
6999
7601
|
border-radius:9999px
|
7000
7602
|
}
|
@@ -7003,6 +7605,10 @@ progress[value]::-moz-progress-bar{
|
|
7003
7605
|
border-radius:0px !important
|
7004
7606
|
}
|
7005
7607
|
|
7608
|
+
.rounded-xl{
|
7609
|
+
border-radius:1rem
|
7610
|
+
}
|
7611
|
+
|
7006
7612
|
.rounded-r-md{
|
7007
7613
|
border-top-right-radius:0.375rem;
|
7008
7614
|
border-bottom-right-radius:0.375rem
|
@@ -7035,18 +7641,10 @@ progress[value]::-moz-progress-bar{
|
|
7035
7641
|
border-bottom-width:1px
|
7036
7642
|
}
|
7037
7643
|
|
7038
|
-
.border-t{
|
7039
|
-
border-top-width:1px
|
7040
|
-
}
|
7041
|
-
|
7042
7644
|
.border-r{
|
7043
7645
|
border-right-width:1px
|
7044
7646
|
}
|
7045
7647
|
|
7046
|
-
.border-l{
|
7047
|
-
border-left-width:1px
|
7048
|
-
}
|
7049
|
-
|
7050
7648
|
.border-l-0{
|
7051
7649
|
border-left-width:0px
|
7052
7650
|
}
|
@@ -7059,6 +7657,14 @@ progress[value]::-moz-progress-bar{
|
|
7059
7657
|
border-top-width:0px
|
7060
7658
|
}
|
7061
7659
|
|
7660
|
+
.border-t{
|
7661
|
+
border-top-width:1px
|
7662
|
+
}
|
7663
|
+
|
7664
|
+
.border-l{
|
7665
|
+
border-left-width:1px
|
7666
|
+
}
|
7667
|
+
|
7062
7668
|
.border-dashed{
|
7063
7669
|
border-style:dashed
|
7064
7670
|
}
|
@@ -7202,6 +7808,11 @@ progress[value]::-moz-progress-bar{
|
|
7202
7808
|
border-color:rgb(107 182 235 / var(--tw-border-opacity))
|
7203
7809
|
}
|
7204
7810
|
|
7811
|
+
.border-gray-600{
|
7812
|
+
--tw-border-opacity:1;
|
7813
|
+
border-color:rgb(94 100 110 / var(--tw-border-opacity))
|
7814
|
+
}
|
7815
|
+
|
7205
7816
|
.border-green-600{
|
7206
7817
|
--tw-border-opacity:1;
|
7207
7818
|
border-color:rgb(22 163 74 / var(--tw-border-opacity))
|
@@ -7226,11 +7837,6 @@ progress[value]::-moz-progress-bar{
|
|
7226
7837
|
border-color:rgb(203 213 225 / var(--tw-border-opacity))
|
7227
7838
|
}
|
7228
7839
|
|
7229
|
-
.border-gray-600{
|
7230
|
-
--tw-border-opacity:1;
|
7231
|
-
border-color:rgb(94 100 110 / var(--tw-border-opacity))
|
7232
|
-
}
|
7233
|
-
|
7234
7840
|
.bg-red-600{
|
7235
7841
|
--tw-bg-opacity:1;
|
7236
7842
|
background-color:rgb(220 38 38 / var(--tw-bg-opacity))
|
@@ -7447,11 +8053,6 @@ progress[value]::-moz-progress-bar{
|
|
7447
8053
|
padding-bottom:0px
|
7448
8054
|
}
|
7449
8055
|
|
7450
|
-
.py-4{
|
7451
|
-
padding-top:1rem;
|
7452
|
-
padding-bottom:1rem
|
7453
|
-
}
|
7454
|
-
|
7455
8056
|
.py-1\.5{
|
7456
8057
|
padding-top:0.375rem;
|
7457
8058
|
padding-bottom:0.375rem
|
@@ -7472,6 +8073,11 @@ progress[value]::-moz-progress-bar{
|
|
7472
8073
|
padding-right:2.5rem
|
7473
8074
|
}
|
7474
8075
|
|
8076
|
+
.py-4{
|
8077
|
+
padding-top:1rem;
|
8078
|
+
padding-bottom:1rem
|
8079
|
+
}
|
8080
|
+
|
7475
8081
|
.py-8{
|
7476
8082
|
padding-top:2rem;
|
7477
8083
|
padding-bottom:2rem
|
@@ -7792,6 +8398,11 @@ progress[value]::-moz-progress-bar{
|
|
7792
8398
|
color:rgb(0 0 0 / var(--tw-text-opacity))
|
7793
8399
|
}
|
7794
8400
|
|
8401
|
+
.\!text-blue-700{
|
8402
|
+
--tw-text-opacity:1 !important;
|
8403
|
+
color:rgb(5 80 133 / var(--tw-text-opacity)) !important
|
8404
|
+
}
|
8405
|
+
|
7795
8406
|
.text-slate-600{
|
7796
8407
|
--tw-text-opacity:1;
|
7797
8408
|
color:rgb(71 85 105 / var(--tw-text-opacity))
|
@@ -7812,11 +8423,6 @@ progress[value]::-moz-progress-bar{
|
|
7812
8423
|
color:rgb(22 163 74 / var(--tw-text-opacity))
|
7813
8424
|
}
|
7814
8425
|
|
7815
|
-
.\!text-blue-700{
|
7816
|
-
--tw-text-opacity:1 !important;
|
7817
|
-
color:rgb(5 80 133 / var(--tw-text-opacity)) !important
|
7818
|
-
}
|
7819
|
-
|
7820
8426
|
.underline{
|
7821
8427
|
-webkit-text-decoration-line:underline;
|
7822
8428
|
text-decoration-line:underline
|
@@ -8213,19 +8819,14 @@ trix-editor {
|
|
8213
8819
|
border-color:rgb(107 182 235 / var(--tw-border-opacity))
|
8214
8820
|
}
|
8215
8821
|
|
8216
|
-
.focus\:border-slate-400:focus{
|
8217
|
-
--tw-border-opacity:1;
|
8218
|
-
border-color:rgb(148 163 184 / var(--tw-border-opacity))
|
8219
|
-
}
|
8220
|
-
|
8221
8822
|
.focus\:border-gray-300:focus{
|
8222
8823
|
--tw-border-opacity:1;
|
8223
8824
|
border-color:rgb(172 177 185 / var(--tw-border-opacity))
|
8224
8825
|
}
|
8225
8826
|
|
8226
|
-
.focus\:
|
8227
|
-
--tw-
|
8228
|
-
|
8827
|
+
.focus\:border-slate-400:focus{
|
8828
|
+
--tw-border-opacity:1;
|
8829
|
+
border-color:rgb(148 163 184 / var(--tw-border-opacity))
|
8229
8830
|
}
|
8230
8831
|
|
8231
8832
|
.focus\:bg-gray-100:focus{
|
@@ -8233,6 +8834,11 @@ trix-editor {
|
|
8233
8834
|
background-color:rgb(227 229 232 / var(--tw-bg-opacity))
|
8234
8835
|
}
|
8235
8836
|
|
8837
|
+
.focus\:bg-white:focus{
|
8838
|
+
--tw-bg-opacity:1;
|
8839
|
+
background-color:rgb(255 255 255 / var(--tw-bg-opacity))
|
8840
|
+
}
|
8841
|
+
|
8236
8842
|
.focus\:text-gray-700:focus{
|
8237
8843
|
--tw-text-opacity:1;
|
8238
8844
|
color:rgb(70 75 83 / var(--tw-text-opacity))
|
@@ -8725,6 +9331,10 @@ trix-editor {
|
|
8725
9331
|
display:inline-flex
|
8726
9332
|
}
|
8727
9333
|
|
9334
|
+
.sm\:w-64{
|
9335
|
+
width:16rem
|
9336
|
+
}
|
9337
|
+
|
8728
9338
|
.sm\:w-auto{
|
8729
9339
|
width:auto
|
8730
9340
|
}
|
@@ -8777,6 +9387,12 @@ trix-editor {
|
|
8777
9387
|
justify-content:space-between
|
8778
9388
|
}
|
8779
9389
|
|
9390
|
+
.sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){
|
9391
|
+
--tw-space-x-reverse:0;
|
9392
|
+
margin-right:calc(2rem * var(--tw-space-x-reverse));
|
9393
|
+
margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
|
9394
|
+
}
|
9395
|
+
|
8780
9396
|
.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
|
8781
9397
|
--tw-space-y-reverse:0;
|
8782
9398
|
margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
|