itens → items

fixing typo
This commit is contained in:
Aron Ambrosiani 2023-09-18 15:10:16 +02:00
parent c2eb572295
commit 2843108670
5 changed files with 96 additions and 96 deletions

View File

@ -518,141 +518,141 @@
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item:hover button:hover { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item:hover button:hover {
background-color: white !important; background-color: white !important;
border: 1px solid var(--tainacan-block-gray3, #a5a5a5) !important; } border: 1px solid var(--tainacan-block-gray3, #a5a5a5) !important; }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-9 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-9 {
width: calc((100% / 9) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 9) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 9) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 9) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-8 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-8 {
width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 8) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-7 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-7 {
width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-6 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-6 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-5 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-5 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-4 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-4 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-3 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-3 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-2 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-2 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-1 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } min-width: calc(100% - var(--spaceBetweenItems, 32px) ); }
@media only screen and (max-width: 1686px) { @media only screen and (max-width: 1686px) {
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
width: calc(16.666% - var(--spaceBetweenItems, 32px) ); width: calc(16.666% - var(--spaceBetweenItems, 32px) );
min-width: calc(16.666% - var(--spaceBetweenItems, 32px) ); } min-width: calc(16.666% - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-9 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-9 {
width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 8) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-8 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-8 {
width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-7 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-7 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-6 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-6 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-5 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-5 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-4 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-4 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-3 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-3 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-1 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } } min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
@media only screen and (max-width: 1452px) { @media only screen and (max-width: 1452px) {
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
width: calc(20% - var(--spaceBetweenItems, 32px) ); width: calc(20% - var(--spaceBetweenItems, 32px) );
min-width: calc(20% - var(--spaceBetweenItems, 32px) ); } min-width: calc(20% - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-9 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-9 {
width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-8 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-8 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-7 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-7 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-6 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-6 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-5 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-5 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-4 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-4 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-1 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } } min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
@media only screen and (max-width: 1118px) { @media only screen and (max-width: 1118px) {
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
width: calc(25% - var(--spaceBetweenItems, 32px) ); width: calc(25% - var(--spaceBetweenItems, 32px) );
min-width: calc(25% - var(--spaceBetweenItems, 32px) ); } min-width: calc(25% - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-9 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-9 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-8 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-8 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-7 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-7 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-6 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-6 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-5 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-5 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-4, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-1 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-4, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } } min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
@media only screen and (max-width: 854px) { @media only screen and (max-width: 854px) {
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
width: calc(33.333% - var(--spaceBetweenItems, 32px) ); width: calc(33.333% - var(--spaceBetweenItems, 32px) );
min-width: calc(33.333% - var(--spaceBetweenItems, 32px) ); } min-width: calc(33.333% - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-9 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-9 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-8 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-8 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-7 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-7 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-6 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-6 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-5, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-4, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-1 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-5, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-4, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } } min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
@media only screen and (max-width: 584px) { @media only screen and (max-width: 584px) {
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
width: calc(50% - var(--spaceBetweenItems, 32px) ); width: calc(50% - var(--spaceBetweenItems, 32px) );
min-width: calc(50% - var(--spaceBetweenItems, 32px) ); } min-width: calc(50% - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-9 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-9 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-8 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-8 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-7 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-7 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); } min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-6, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-5, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-4, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-itens-per-screen-1 { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-6, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-5, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-4, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-3, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-2, .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } } min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
.wp-block-tainacan-carousel-items-list .swiper-slide-duplicate img { .wp-block-tainacan-carousel-items-list .swiper-slide-duplicate img {

View File

@ -251,7 +251,7 @@
}); });
} }
// Checks if current user can edit itens on the related collection to offer modal // Checks if current user can edit items on the related collection to offer modal
if (this.collection && this.collection.id == this.collectionId) if (this.collection && this.collection.id == this.collectionId)
this.currentUserCanEditItems = this.collection.current_user_can_edit_items; this.currentUserCanEditItems = this.collection.current_user_can_edit_items;
else { else {

View File

@ -89,7 +89,7 @@ export default function({ attributes, setAttributes, isSelected, clientId }){
return ( return (
<li <li
key={ item.id } key={ item.id }
className={ 'swiper-slide item-list-item ' + (maxItemsPerScreen ? ' max-itens-per-screen-' + maxItemsPerScreen : '') + (['tainacan-medium', 'tainacan-small'].indexOf(imageSize) > -1 ? ' is-forced-square' : '') }> className={ 'swiper-slide item-list-item ' + (maxItemsPerScreen ? ' max-items-per-screen-' + maxItemsPerScreen : '') + (['tainacan-medium', 'tainacan-small'].indexOf(imageSize) > -1 ? ' is-forced-square' : '') }>
{ loadStrategy == 'selection' ? { loadStrategy == 'selection' ?
<Button <Button
onClick={ () => removeItemOfId(item.id) } onClick={ () => removeItemOfId(item.id) }

View File

@ -386,39 +386,39 @@
border: 1px solid var(--tainacan-block-gray3, $gray3) !important; border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
} }
&.max-itens-per-screen-9 { &.max-items-per-screen-9 {
width: calc((100% / 9) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 9) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 9) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 9) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-8 { &.max-items-per-screen-8 {
width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 8) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-7 { &.max-items-per-screen-7 {
width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-6 { &.max-items-per-screen-6 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-5 { &.max-items-per-screen-5 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-4 { &.max-items-per-screen-4 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-3 { &.max-items-per-screen-3 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-2 { &.max-items-per-screen-2 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-1 { &.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); min-width: calc(100% - var(--spaceBetweenItems, 32px) );
} }
@ -430,36 +430,36 @@
width: calc(16.666% - var(--spaceBetweenItems, 32px) ); width: calc(16.666% - var(--spaceBetweenItems, 32px) );
min-width: calc(16.666% - var(--spaceBetweenItems, 32px) ); min-width: calc(16.666% - var(--spaceBetweenItems, 32px) );
&.max-itens-per-screen-9 { &.max-items-per-screen-9 {
width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 8) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 8) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-8 { &.max-items-per-screen-8 {
width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-7 { &.max-items-per-screen-7 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-6 { &.max-items-per-screen-6 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-5 { &.max-items-per-screen-5 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-4 { &.max-items-per-screen-4 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-3 { &.max-items-per-screen-3 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-2, &.max-items-per-screen-2,
&.max-itens-per-screen-1 { &.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); min-width: calc(100% - var(--spaceBetweenItems, 32px) );
} }
@ -471,33 +471,33 @@
width: calc(20% - var(--spaceBetweenItems, 32px) ); width: calc(20% - var(--spaceBetweenItems, 32px) );
min-width: calc(20% - var(--spaceBetweenItems, 32px) ); min-width: calc(20% - var(--spaceBetweenItems, 32px) );
&.max-itens-per-screen-9 { &.max-items-per-screen-9 {
width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 7) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-8 { &.max-items-per-screen-8 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-7 { &.max-items-per-screen-7 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-6 { &.max-items-per-screen-6 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-5 { &.max-items-per-screen-5 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-4 { &.max-items-per-screen-4 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-3, &.max-items-per-screen-3,
&.max-itens-per-screen-2, &.max-items-per-screen-2,
&.max-itens-per-screen-1 { &.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); min-width: calc(100% - var(--spaceBetweenItems, 32px) );
} }
@ -509,30 +509,30 @@
width: calc(25% - var(--spaceBetweenItems, 32px) ); width: calc(25% - var(--spaceBetweenItems, 32px) );
min-width: calc(25% - var(--spaceBetweenItems, 32px) ); min-width: calc(25% - var(--spaceBetweenItems, 32px) );
&.max-itens-per-screen-9 { &.max-items-per-screen-9 {
width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 6) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-8 { &.max-items-per-screen-8 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-7 { &.max-items-per-screen-7 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-6 { &.max-items-per-screen-6 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-5 { &.max-items-per-screen-5 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-4, &.max-items-per-screen-4,
&.max-itens-per-screen-3, &.max-items-per-screen-3,
&.max-itens-per-screen-2, &.max-items-per-screen-2,
&.max-itens-per-screen-1 { &.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); min-width: calc(100% - var(--spaceBetweenItems, 32px) );
} }
@ -544,27 +544,27 @@
width: calc(33.333% - var(--spaceBetweenItems, 32px) ); width: calc(33.333% - var(--spaceBetweenItems, 32px) );
min-width: calc(33.333% - var(--spaceBetweenItems, 32px) ); min-width: calc(33.333% - var(--spaceBetweenItems, 32px) );
&.max-itens-per-screen-9 { &.max-items-per-screen-9 {
width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 5) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-8 { &.max-items-per-screen-8 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-7 { &.max-items-per-screen-7 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-6 { &.max-items-per-screen-6 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-5, &.max-items-per-screen-5,
&.max-itens-per-screen-4, &.max-items-per-screen-4,
&.max-itens-per-screen-3, &.max-items-per-screen-3,
&.max-itens-per-screen-2, &.max-items-per-screen-2,
&.max-itens-per-screen-1 { &.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); min-width: calc(100% - var(--spaceBetweenItems, 32px) );
} }
@ -576,24 +576,24 @@
width: calc(50% - var(--spaceBetweenItems, 32px) ); width: calc(50% - var(--spaceBetweenItems, 32px) );
min-width: calc(50% - var(--spaceBetweenItems, 32px) ); min-width: calc(50% - var(--spaceBetweenItems, 32px) );
&.max-itens-per-screen-9 { &.max-items-per-screen-9 {
width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 4) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-8 { &.max-items-per-screen-8 {
width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 3) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-7 { &.max-items-per-screen-7 {
width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) ); min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
} }
&.max-itens-per-screen-6, &.max-items-per-screen-6,
&.max-itens-per-screen-5, &.max-items-per-screen-5,
&.max-itens-per-screen-4, &.max-items-per-screen-4,
&.max-itens-per-screen-3, &.max-items-per-screen-3,
&.max-itens-per-screen-2, &.max-items-per-screen-2,
&.max-itens-per-screen-1 { &.max-items-per-screen-1 {
width: calc(100% - var(--spaceBetweenItems, 32px) ); width: calc(100% - var(--spaceBetweenItems, 32px) );
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); min-width: calc(100% - var(--spaceBetweenItems, 32px) );
} }

View File

@ -60,7 +60,7 @@ Object.keys(POST_TYPES).forEach((postType) => {
title: postName, title: postName,
icon: itemsIcon, icon: itemsIcon,
category: 'tainacan-blocks-variations', category: 'tainacan-blocks-variations',
description: __('Displays a list of Tainacan itens from a collection', 'tainacan'), description: __('Displays a list of Tainacan items from a collection', 'tainacan'),
isActive: ( { namespace, query } ) => { isActive: ( { namespace, query } ) => {
return ( return (
namespace === VARIATION_NAME namespace === VARIATION_NAME