parent
c2eb572295
commit
2843108670
|
@ -518,141 +518,141 @@
|
|||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
||||
background-color: white !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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); }
|
||||
@media only screen and (max-width: 1686px) {
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
|
||||
@media only screen and (max-width: 1452px) {
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
|
||||
@media only screen and (max-width: 1118px) {
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
|
||||
@media only screen and (max-width: 854px) {
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
|
||||
@media only screen and (max-width: 584px) {
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item {
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) ); } }
|
||||
.wp-block-tainacan-carousel-items-list .swiper-slide-duplicate img {
|
||||
|
|
|
@ -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)
|
||||
this.currentUserCanEditItems = this.collection.current_user_can_edit_items;
|
||||
else {
|
||||
|
|
|
@ -89,7 +89,7 @@ export default function({ attributes, setAttributes, isSelected, clientId }){
|
|||
return (
|
||||
<li
|
||||
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' ?
|
||||
<Button
|
||||
onClick={ () => removeItemOfId(item.id) }
|
||||
|
|
|
@ -386,39 +386,39 @@
|
|||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
&.max-itens-per-screen-1 {
|
||||
&.max-items-per-screen-1 {
|
||||
width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
|
@ -430,36 +430,36 @@
|
|||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
&.max-itens-per-screen-2,
|
||||
&.max-itens-per-screen-1 {
|
||||
&.max-items-per-screen-2,
|
||||
&.max-items-per-screen-1 {
|
||||
width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
|
@ -471,33 +471,33 @@
|
|||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
&.max-itens-per-screen-3,
|
||||
&.max-itens-per-screen-2,
|
||||
&.max-itens-per-screen-1 {
|
||||
&.max-items-per-screen-3,
|
||||
&.max-items-per-screen-2,
|
||||
&.max-items-per-screen-1 {
|
||||
width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
|
@ -509,30 +509,30 @@
|
|||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
&.max-itens-per-screen-4,
|
||||
&.max-itens-per-screen-3,
|
||||
&.max-itens-per-screen-2,
|
||||
&.max-itens-per-screen-1 {
|
||||
&.max-items-per-screen-4,
|
||||
&.max-items-per-screen-3,
|
||||
&.max-items-per-screen-2,
|
||||
&.max-items-per-screen-1 {
|
||||
width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
|
@ -544,27 +544,27 @@
|
|||
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) );
|
||||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
&.max-itens-per-screen-5,
|
||||
&.max-itens-per-screen-4,
|
||||
&.max-itens-per-screen-3,
|
||||
&.max-itens-per-screen-2,
|
||||
&.max-itens-per-screen-1 {
|
||||
&.max-items-per-screen-5,
|
||||
&.max-items-per-screen-4,
|
||||
&.max-items-per-screen-3,
|
||||
&.max-items-per-screen-2,
|
||||
&.max-items-per-screen-1 {
|
||||
width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
|
@ -576,24 +576,24 @@
|
|||
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) );
|
||||
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) );
|
||||
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) );
|
||||
min-width: calc((100% / 2) - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
&.max-itens-per-screen-6,
|
||||
&.max-itens-per-screen-5,
|
||||
&.max-itens-per-screen-4,
|
||||
&.max-itens-per-screen-3,
|
||||
&.max-itens-per-screen-2,
|
||||
&.max-itens-per-screen-1 {
|
||||
&.max-items-per-screen-6,
|
||||
&.max-items-per-screen-5,
|
||||
&.max-items-per-screen-4,
|
||||
&.max-items-per-screen-3,
|
||||
&.max-items-per-screen-2,
|
||||
&.max-items-per-screen-1 {
|
||||
width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
min-width: calc(100% - var(--spaceBetweenItems, 32px) );
|
||||
}
|
||||
|
|
|
@ -60,7 +60,7 @@ Object.keys(POST_TYPES).forEach((postType) => {
|
|||
title: postName,
|
||||
icon: itemsIcon,
|
||||
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 } ) => {
|
||||
return (
|
||||
namespace === VARIATION_NAME
|
||||
|
|
Loading…
Reference in New Issue