Merge branch 'develop' into feature/compount-metadata-type-refactor
This commit is contained in:
mateuswetah
commit
b6aca657a4
|
|
@ -35,5 +35,7 @@ sass -E 'UTF-8' --cache-location .tmp/sass-cache-12 src/views/gutenberg-blocks/t
|
|||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-13 src/views/gutenberg-blocks/tainacan-facets/faceted-search/faceted-search.scss:src/assets/css/tainacan-gutenberg-block-faceted-search.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-14 src/views/gutenberg-blocks/gutenberg-blocks-style.scss:src/assets/css/tainacan-gutenberg-block-common-styles.css
|
||||
|
||||
echo "Compilação do Sass Concluído!"
|
||||
exit 0
|
||||
|
|
|
|||
|
|
@ -1,203 +1,9 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.components-panel__body .collection-carousel-view-modes {
|
||||
display: flex;
|
||||
margin: 12px 0 24px 0; }
|
||||
.components-panel__body .collection-carousel-view-modes button {
|
||||
background: transparent;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
|
|
@ -235,7 +41,7 @@
|
|||
flex-basis: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, #555758);
|
||||
transition: background-color ease 0.5s; }
|
||||
.components-panel__body .collection-carousel-view-modes button.collection-carousel-view-mode-thumbnail {
|
||||
margin-left: 6px; }
|
||||
|
|
@ -243,21 +49,21 @@
|
|||
display: block;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, #555758);
|
||||
margin: 4px auto 8px auto;
|
||||
transition: background-color ease 0.5s; }
|
||||
.components-panel__body .collection-carousel-view-modes button label {
|
||||
font-size: 0.75em;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
.components-panel__body .collection-carousel-view-modes button.is-active {
|
||||
border: 2px solid #298596; }
|
||||
border: 2px solid var(--tainacan-block-primary, #298596); }
|
||||
.components-panel__body .collection-carousel-view-modes button.is-active.collection-carousel-view-mode-thumbnail div, .components-panel__body .collection-carousel-view-modes button.is-active.collection-carousel-view-mode-grid div > div {
|
||||
background-color: #298596; }
|
||||
background-color: var(--tainacan-block-primary, #298596); }
|
||||
.components-panel__body .collection-carousel-view-modes button:hover {
|
||||
opacity: 0.9;
|
||||
border-width: 2px; }
|
||||
.components-panel__body .collection-carousel-view-modes button:hover button {
|
||||
background: #f2f2f2; }
|
||||
background: var(--tainacan-block-gray1, #f2f2f2); }
|
||||
|
||||
.wp-block-tainacan-carousel-collections-list {
|
||||
margin: 2em auto; }
|
||||
|
|
@ -267,7 +73,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
|
|
@ -298,7 +104,7 @@
|
|||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-carousel-collections-list .skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -311,7 +117,7 @@
|
|||
margin: 0 50px; }
|
||||
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container a > span,
|
||||
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container a:hover > span {
|
||||
color: black;
|
||||
color: var(--tainacan-block-gray5);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 8px 16px;
|
||||
|
|
@ -352,7 +158,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, #555758);
|
||||
text-align: center;
|
||||
margin: 4px auto; }
|
||||
.wp-block-tainacan-carousel-collections-list .swiper-button-prev, .wp-block-tainacan-carousel-collections-list .swiper-button-next {
|
||||
|
|
@ -365,7 +171,7 @@
|
|||
padding: 0;
|
||||
margin: 0 -4px; }
|
||||
.wp-block-tainacan-carousel-collections-list .swiper-button-prev svg, .wp-block-tainacan-carousel-collections-list .swiper-button-next svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
.wp-block-tainacan-carousel-collections-list.alignfull .swiper-button-prev, .wp-block-tainacan-carousel-collections-list .swiper-button-next {
|
||||
margin: 0 6px; }
|
||||
.wp-block-tainacan-carousel-collections-list .collections-list-edit-container,
|
||||
|
|
@ -408,7 +214,7 @@
|
|||
width: calc(25% - 16px);
|
||||
min-width: calc(25% - 16px); }
|
||||
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item img {
|
||||
|
|
@ -416,12 +222,12 @@
|
|||
padding: 0px;
|
||||
margin-bottom: 0.5em; }
|
||||
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -439,12 +245,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item .collection-items-grid {
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.wp-block-tainacan-carousel-items-list {
|
||||
margin: 2em auto; }
|
||||
.wp-block-tainacan-carousel-items-list .spinner-container {
|
||||
|
|
@ -200,7 +6,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
|
|
@ -231,7 +37,7 @@
|
|||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-carousel-items-list .skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -255,7 +61,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
background-color: #454647; }
|
||||
background-color: var(--tainacan-block-gray5, #454647); }
|
||||
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-name h3 {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
|
|
@ -285,7 +91,7 @@
|
|||
position: relative;
|
||||
margin-left: -155px;
|
||||
left: 82px;
|
||||
background-color: #dbdbdb; }
|
||||
background-color: var(--tainacan-block-gray2, #dbdbdb); }
|
||||
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-header-image {
|
||||
width: auto;
|
||||
min-width: 150px;
|
||||
|
|
@ -293,7 +99,7 @@
|
|||
flex-grow: 2;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb; }
|
||||
background-color: var(--tainacan-block-gray2, #dbdbdb); }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header {
|
||||
flex-wrap: wrap-reverse; }
|
||||
|
|
@ -318,7 +124,7 @@
|
|||
margin: 0 50px; }
|
||||
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container a > span,
|
||||
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container a:hover > span {
|
||||
color: black;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 8px 16px;
|
||||
|
|
@ -333,7 +139,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, #555758);
|
||||
text-align: center;
|
||||
margin: 4px auto; }
|
||||
.wp-block-tainacan-carousel-items-list .swiper-button-prev, .wp-block-tainacan-carousel-items-list .swiper-button-next {
|
||||
|
|
@ -346,7 +152,7 @@
|
|||
padding: 0;
|
||||
margin: 0 -4px; }
|
||||
.wp-block-tainacan-carousel-items-list .swiper-button-prev svg, .wp-block-tainacan-carousel-items-list .swiper-button-next svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
.wp-block-tainacan-carousel-items-list .items-list-edit-container,
|
||||
.wp-block-tainacan-carousel-items-list .tainacan-carousel {
|
||||
position: relative; }
|
||||
|
|
@ -383,7 +189,7 @@
|
|||
width: calc(14.285% - 32px);
|
||||
min-width: calc(14.285% - 32px); }
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item img {
|
||||
|
|
@ -391,12 +197,12 @@
|
|||
padding: 0px;
|
||||
margin-bottom: 0.5em; }
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -414,12 +220,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
@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% - 32px);
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,203 +1,9 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.components-panel__body .term-carousel-view-modes {
|
||||
display: flex;
|
||||
margin: 12px 0 24px 0; }
|
||||
.components-panel__body .term-carousel-view-modes button {
|
||||
background: transparent;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
|
|
@ -235,7 +41,7 @@
|
|||
flex-basis: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, #555758);
|
||||
transition: background-color ease 0.5s; }
|
||||
.components-panel__body .term-carousel-view-modes button.term-carousel-view-mode-thumbnail {
|
||||
margin-left: 6px; }
|
||||
|
|
@ -243,21 +49,21 @@
|
|||
display: block;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, #555758);
|
||||
margin: 4px auto 8px auto;
|
||||
transition: background-color ease 0.5s; }
|
||||
.components-panel__body .term-carousel-view-modes button label {
|
||||
font-size: 0.75em;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
.components-panel__body .term-carousel-view-modes button.is-active {
|
||||
border: 2px solid #298596; }
|
||||
border: 2px solid var(--tainacan-block-primary, #298596); }
|
||||
.components-panel__body .term-carousel-view-modes button.is-active.term-carousel-view-mode-thumbnail div, .components-panel__body .term-carousel-view-modes button.is-active.term-carousel-view-mode-grid div > div {
|
||||
background-color: #298596; }
|
||||
background-color: var(--tainacan-block-primary, #298596); }
|
||||
.components-panel__body .term-carousel-view-modes button:hover {
|
||||
opacity: 0.9;
|
||||
border-width: 2px; }
|
||||
.components-panel__body .term-carousel-view-modes button:hover button {
|
||||
background: #f2f2f2; }
|
||||
background: var(--tainacan-block-gray1, #f2f2f2); }
|
||||
|
||||
.wp-block-tainacan-carousel-terms-list {
|
||||
margin: 2em auto; }
|
||||
|
|
@ -267,7 +73,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
|
|
@ -298,7 +104,7 @@
|
|||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-carousel-terms-list .skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -311,7 +117,7 @@
|
|||
margin: 0 50px; }
|
||||
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper-container a > span,
|
||||
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper-container a:hover > span {
|
||||
color: black;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 8px 16px;
|
||||
|
|
@ -351,7 +157,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, #555758);
|
||||
text-align: center;
|
||||
margin: 4px auto; }
|
||||
.wp-block-tainacan-carousel-terms-list .swiper-button-prev, .wp-block-tainacan-carousel-terms-list .swiper-button-next {
|
||||
|
|
@ -364,7 +170,7 @@
|
|||
padding: 0;
|
||||
margin: 0 -4px; }
|
||||
.wp-block-tainacan-carousel-terms-list .swiper-button-prev svg, .wp-block-tainacan-carousel-terms-list .swiper-button-next svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
.wp-block-tainacan-carousel-terms-list.alignfull .swiper-button-prev, .wp-block-tainacan-carousel-terms-list .swiper-button-next {
|
||||
margin: 0 6px; }
|
||||
.wp-block-tainacan-carousel-terms-list .terms-list-edit-container,
|
||||
|
|
@ -407,7 +213,7 @@
|
|||
width: calc(25% - 16px);
|
||||
min-width: calc(25% - 16px); }
|
||||
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item img {
|
||||
|
|
@ -415,12 +221,12 @@
|
|||
padding: 0px;
|
||||
margin-bottom: 0.5em; }
|
||||
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -438,12 +244,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item .term-items-grid {
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.wp-block-tainacan-collections-list {
|
||||
margin: 2em auto; }
|
||||
.wp-block-tainacan-collections-list .components-spinner {
|
||||
|
|
@ -238,7 +44,8 @@
|
|||
width: 185px; }
|
||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item a,
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item img,
|
||||
|
|
@ -253,7 +60,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item:hover a,
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item {
|
||||
display: flex;
|
||||
|
|
@ -261,7 +68,7 @@
|
|||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -279,12 +86,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
@media only screen and (max-width: 498px) {
|
||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid,
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid {
|
||||
|
|
@ -312,7 +119,7 @@
|
|||
width: calc(20% - 24px); }
|
||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item a,
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -330,7 +137,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item:hover a,
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
@media only screen and (max-width: 1600px) {
|
||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,204 @@
|
|||
:root {
|
||||
--tainacan-block-gray0: #f6f6f6;
|
||||
--tainacan-block-gray1: #f2f2f2;
|
||||
--tainacan-block-gray2: #dbdbdb;
|
||||
--tainacan-block-gray3: #cbcbcb;
|
||||
--tainacan-block-gray4: #555758;
|
||||
--tainacan-block-gray5: #454647;
|
||||
--tainacan-block-primary: #298596; }
|
||||
|
||||
[data-align='full'] .tainacan-block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.tainacan-block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: var(--tainacan-block-gray1, #f2f2f2); }
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: var(--tainacan-block-gray4, #555758); }
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: var(--tainacan-block-gray4, #555758); }
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: var(--tainacan-block-gray0, #f6f6f6); }
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
fill: var(--tainacan-block-gray4, #555758); }
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: var(--tainacan-block-gray4, #555758); }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid var(--tainacan-block-gray3, #cbcbcb); }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: var(--tainacan-block-gray4, #555758);
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: var(--tainacan-block-gray5, #454647); }
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-common-styles.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAIA,KAAM;EACF,sBAAsB,CAAC,QAAU;EACjC,sBAAsB,CAAC,QAAU;EACjC,sBAAsB,CAAC,QAAU;EACjC,sBAAsB,CAAC,QAAU;EACjC,sBAAsB,CAAC,QAAU;EACjC,sBAAsB,CAAC,QAAU;EACjC,wBAAwB,CAAC,QAAY;;AAIzC,2CAA4C;EACxC,KAAK,EAAE,iBAAiB;;AAE5B,uBAAwB;EACpB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,GAAG;EACnB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,KAAK;EACX,KAAK,EAAE,iBAAiB;EACxB,UAAU,EAAE,oCAAmC;EAE/C,yBAAE;IACE,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE,qBAAqB;IAC7B,IAAI,EAAE,oCAAmC;IAEzC,6BAAI;MACA,GAAG,EAAE,GAAG;MACR,YAAY,EAAE,MAAM;MACpB,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAE,oCAAmC;EAIjD,gFAAyD;IACrD,aAAa,EAAE,CAAC;;AAGxB,kDAAmD;EAC/C,WAAW,EAAE,iBAAiB;EAC9B,aAAa,EAAE,YAAY;EAC3B,UAAU,EAAE,oCAAmC;EAE/C,iFAA+B;IAC3B,aAAa,EAAE,CAAC;EAEpB,oFAAkC;IAC9B,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,CAAC;IAEV,sFAAE;MACE,SAAS,EAAE,cAAc;MACzB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,oCAAmC;MAC1C,IAAI,EAAE,oCAAmC;MAEzC,0FAAI;QACA,YAAY,EAAE,GAAG;QACjB,GAAG,EAAE,GAAG;QACR,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,oCAAmC;;AAOzD,wBAAyB;EACrB,KAAK,EAAE,GAAG;EAEV,0CAA2C;IAH/C,wBAAyB;MAGyB,KAAK,EAAE,GAAG;EACxD,yCAA0C;IAJ9C,wBAAyB;MAIuB,KAAK,EAAE,IAAI;EAGvD,sCAAgB;IACZ,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IAEZ,6CAAO;MACH,KAAK,EAAE,iBAAiB;MACxB,MAAM,EAAE,kBAAkB;MAC1B,WAAW,EAAE,KAAK;IAGtB,yDAAmB;MACf,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,iBAAiB;MACxB,WAAW,EAAE,gBAAgB;MAC7B,OAAO,EAAE,sBAAsB;MAC/B,UAAU,EAAE,8CAA6C;EAKjE,2CAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,oCAAmC;IAC1C,+DAAoB;MAAE,MAAM,EAAE,GAAG;EAGrC;4EACkD;IAC9C,aAAa,EAAE,CAAC;IAEhB;oFAAQ;MACJ,UAAU,EAAE,sBAAsB;MAClC,MAAM,EAAE,eAAe;MACvB,UAAU,EAAE,eAAe;EAInC,2BAAG;IACC,MAAM,EAAE,UAAU;EAGtB,0DAAkC;IAC9B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,YAAY;IACpB,WAAW,EAAE,GAAG;EAGpB,2CAAmB;IACf,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,aAAa,EAAE,GAAG;IAElB,oEAAyB;MACrB,KAAK,EAAE,GAAG;MAEV,0CAA2C;QAH/C,oEAAyB;UAGyB,KAAK,EAAE,GAAG;MACxD,iFAAe;QACX,WAAW,EAAE,CAAC;MAElB,oGAAgC;QAC5B,SAAS,EAAE,IAAI;MAEnB,yGAAqC;QACjC,WAAW,EAAE,GAAG;QAChB,KAAK,EAAE,oCAAmC;QAC1C,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,MAAM;MAEtB,yGAAqC;QACjC,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,IAAI;EAKxB,gDAAwB;IACpB,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,MAAM;EAGvB;4EACkD;IAC9C,OAAO,EAAE,CAAC;IChLd,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,IAAI;ID+KT,gBAAgB,EAAE,WAAW;IAC7B,qBAAqB,EAAE,wBAAwB;IAC/C,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,YAAY;IAC7B,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,MAAM;IAElB;uGAAyB;MACrB,QAAQ,EAAE,MAAM;MAChB,YAAY,EAAE,GAAG;IAGrB;uHAAyC;MACrC,IAAI,EAAE,KAAK;IAGf;;;gHACkC;MAC9B,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,UAAU;MAE3B;;;sHAAI;QACA,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,IAAI;MAEtB;;;wHAAM;QACF,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,GAAG;QAEd,yCAA0C;UAP9C;;;4HAAM;YAO0C,SAAS,EAAE,GAAG;EAItE,gDAAwB;IACpB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,MAAM;IAEvB,kDAAE;MACE,KAAK,EAAE,oCAAmC;MAC1C,YAAY,EAAE,IAAI;MAClB,UAAU,EAAE,GAAG;EAGvB,2CAAmB;IACf,UAAU,EAAE,iBAAiB;IAC7B,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,OAAO;IAEf,6CAAE;MACE,OAAO,EAAE,MAAM;MACf,KAAK,EAAE,oCAAmC",
|
||||
"sources": ["../../views/gutenberg-blocks/gutenberg-blocks-style.scss","../../views/gutenberg-blocks/gutenberg-blocks-variables.scss"],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-common-styles.css"
|
||||
}
|
||||
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.wp-block-tainacan-dynamic-items-list {
|
||||
margin: 2em auto; }
|
||||
.wp-block-tainacan-dynamic-items-list .spinner-container {
|
||||
|
|
@ -200,7 +6,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
.wp-block-tainacan-dynamic-items-list:hover .components-resizable-box__handle {
|
||||
display: block; }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
|
|
@ -233,7 +39,7 @@
|
|||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-dynamic-items-list .skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -256,7 +62,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
background-color: #454647; }
|
||||
background-color: var(--tainacan-block-gray5, #454647); }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3 {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
|
|
@ -286,7 +92,7 @@
|
|||
position: relative;
|
||||
margin-left: -155px;
|
||||
left: 82px;
|
||||
background-color: #dbdbdb; }
|
||||
background-color: var(--tainacan-block-gray2, #dbdbdb); }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-header-image {
|
||||
width: auto;
|
||||
min-width: 150px;
|
||||
|
|
@ -294,7 +100,7 @@
|
|||
flex-grow: 2;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb; }
|
||||
background-color: var(--tainacan-block-gray2, #dbdbdb); }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header {
|
||||
flex-wrap: wrap-reverse; }
|
||||
|
|
@ -315,7 +121,7 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #cbcbcb;
|
||||
border-bottom: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
padding: 1.00em 0.5em 0.75em 0.5em; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar {
|
||||
|
|
@ -330,7 +136,7 @@
|
|||
margin-top: 8px;
|
||||
margin-left: 0px !important;
|
||||
padding-left: 4px !important;
|
||||
border-color: #dbdbdb !important; } }
|
||||
border-color: var(--tainacan-block-gray2, #dbdbdb) !important; } }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button {
|
||||
margin-right: 0.75em;
|
||||
padding: 0 0.35em;
|
||||
|
|
@ -340,7 +146,7 @@
|
|||
background: transparent;
|
||||
cursor: pointer; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button svg {
|
||||
fill: #cbcbcb;
|
||||
fill: var(--tainacan-block-gray3, #cbcbcb);
|
||||
transition: fill 0.4s ease; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button:hover svg {
|
||||
fill: #545758; }
|
||||
|
|
@ -353,15 +159,15 @@
|
|||
margin-right: 0em;
|
||||
padding: 0; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.next-button svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button {
|
||||
margin-left: auto;
|
||||
margin-right: 1em;
|
||||
padding: 0; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button[disabled] svg {
|
||||
fill: #f2f2f2;
|
||||
fill: var(--tainacan-block-gray1, #f2f2f2);
|
||||
cursor: not-allowed; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input {
|
||||
height: 32px;
|
||||
|
|
@ -373,7 +179,7 @@
|
|||
transition: border-color 0.7s ease, width 0.5s ease-in; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:focus, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:active, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:hover {
|
||||
width: 100%;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
box-shadow: none; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list.items-list-without-margin,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list.items-list-without-margin,
|
||||
|
|
@ -403,7 +209,7 @@
|
|||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -421,12 +227,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid {
|
||||
padding: 0;
|
||||
|
|
@ -449,7 +255,8 @@
|
|||
width: 185px; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item a,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
||||
|
|
@ -464,7 +271,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item:hover a,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
@media only screen and (max-width: 498px) {
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid,
|
||||
|
|
@ -494,7 +301,7 @@
|
|||
width: calc(20% - 24px); }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item a,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -512,7 +319,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item:hover a,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
@media only screen and (max-width: 1600px) {
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
|
||||
|
|
@ -571,7 +378,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-mosaic .mosaic-container li.item-list-item img,
|
||||
|
|
@ -595,7 +402,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-mosaic .mosaic-container li.item-list-item:hover a,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-mosaic .mosaic-container li.item-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-mosaic .mosaic-container.mosaic-container--1-2x3 li.item-list-item,
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-mosaic .mosaic-container.mosaic-container--1-2x3 li.item-list-item {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.wp-block-tainacan-faceted-search {
|
||||
margin: 2em auto; }
|
||||
.wp-block-tainacan-faceted-search .spinner-container {
|
||||
|
|
@ -200,7 +6,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
|
|
@ -231,7 +37,7 @@
|
|||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-faceted-search .skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -240,7 +46,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, #555758);
|
||||
text-align: center;
|
||||
margin: 4px auto; }
|
||||
.wp-block-tainacan-faceted-search .items-list-placeholder {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.wp-block-tainacan-facets-list {
|
||||
margin: 2em auto; }
|
||||
.wp-block-tainacan-facets-list .spinner-container {
|
||||
|
|
@ -200,7 +6,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
|
|
@ -231,7 +37,7 @@
|
|||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-facets-list .skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -254,7 +60,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
background-color: #454647; }
|
||||
background-color: var(--tainacan-block-gray5, #454647); }
|
||||
.wp-block-tainacan-facets-list .facets-collection-header .collection-name h3 {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
|
|
@ -284,7 +90,7 @@
|
|||
position: relative;
|
||||
margin-left: -155px;
|
||||
left: 82px;
|
||||
background-color: #dbdbdb; }
|
||||
background-color: var(--tainacan-block-gray2, #dbdbdb); }
|
||||
.wp-block-tainacan-facets-list .facets-collection-header .collection-header-image {
|
||||
width: auto;
|
||||
min-width: 150px;
|
||||
|
|
@ -292,7 +98,7 @@
|
|||
flex-grow: 2;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb; }
|
||||
background-color: var(--tainacan-block-gray2, #dbdbdb); }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-facets-list .facets-collection-header {
|
||||
flex-wrap: wrap-reverse; }
|
||||
|
|
@ -313,7 +119,7 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #cbcbcb;
|
||||
border-bottom: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
padding: 1.00em 0.5em 0.75em 0.5em; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-facets-list .facets-search-bar {
|
||||
|
|
@ -328,7 +134,7 @@
|
|||
margin-top: 8px;
|
||||
margin-left: 0px !important;
|
||||
padding-left: 4px !important;
|
||||
border-color: #dbdbdb !important; } }
|
||||
border-color: var(--tainacan-block-gray2, #dbdbdb) !important; } }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar button {
|
||||
margin-right: 0.75em;
|
||||
padding: 0 0.35em;
|
||||
|
|
@ -338,7 +144,7 @@
|
|||
background: transparent;
|
||||
cursor: pointer; }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar button svg {
|
||||
fill: #cbcbcb;
|
||||
fill: var(--tainacan-block-gray3, #cbcbcb);
|
||||
transition: fill 0.4s ease; }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar button:hover svg {
|
||||
fill: #545758; }
|
||||
|
|
@ -351,15 +157,15 @@
|
|||
margin-right: 0em;
|
||||
padding: 0; }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar button.next-button svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar button.previous-button {
|
||||
margin-left: auto;
|
||||
margin-right: 1em;
|
||||
padding: 0; }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar button.previous-button svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar button[disabled] svg {
|
||||
fill: #f2f2f2;
|
||||
fill: var(--tainacan-block-gray1, #f2f2f2);
|
||||
cursor: not-allowed; }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar input {
|
||||
height: 32px;
|
||||
|
|
@ -371,7 +177,7 @@
|
|||
transition: border-color 0.7s ease, width 0.5s ease-in; }
|
||||
.wp-block-tainacan-facets-list .facets-search-bar input:focus, .wp-block-tainacan-facets-list .facets-search-bar input:active, .wp-block-tainacan-facets-list .facets-search-bar input:hover {
|
||||
width: 100%;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
box-shadow: none; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-grid {
|
||||
|
|
@ -393,7 +199,8 @@
|
|||
width: 185px; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid li.facet-list-item a,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-grid li.facet-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid li.facet-list-item img,
|
||||
|
|
@ -405,13 +212,13 @@
|
|||
margin-bottom: 0.5em; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid li.facet-list-item span.facet-item-count,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-grid li.facet-list-item span.facet-item-count {
|
||||
color: #cbcbcb; }
|
||||
color: var(--tainacan-block-gray3, #cbcbcb); }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid li.facet-list-item.facet-without-image img,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-grid li.facet-list-item.facet-without-image img {
|
||||
display: none; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid li.facet-list-item:hover a,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-grid li.facet-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit li.facet-list-item {
|
||||
display: flex;
|
||||
|
|
@ -419,7 +226,7 @@
|
|||
.wp-block-tainacan-facets-list ul.facets-list-edit li.facet-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -437,12 +244,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit li.facet-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
@media only screen and (max-width: 498px) {
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-grid {
|
||||
|
|
@ -470,7 +277,7 @@
|
|||
width: calc(20% - 24px); }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item a,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -494,11 +301,11 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item span.facet-item-count,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item span.facet-item-count {
|
||||
color: #cbcbcb;
|
||||
color: var(--tainacan-block-gray3, #cbcbcb);
|
||||
word-break: break-all; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item:hover a,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
@media only screen and (max-width: 1600px) {
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item,
|
||||
|
|
@ -535,7 +342,7 @@
|
|||
vertical-align: middle; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-cloud li.facet-list-item a,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-cloud li.facet-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
display: inline;
|
||||
min-height: 54px; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-cloud li.facet-list-item img,
|
||||
|
|
@ -550,22 +357,22 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-cloud li.facet-list-item span.facet-item-count,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-cloud li.facet-list-item span.facet-item-count {
|
||||
color: #cbcbcb; }
|
||||
color: var(--tainacan-block-gray3, #cbcbcb); }
|
||||
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-cloud li.facet-list-item:hover a,
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-cloud li.facet-list-item:hover a {
|
||||
color: #298596;
|
||||
color: var(--tainacan-block-primary, #298596);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-facets-list .show-more-button {
|
||||
margin: 12px auto;
|
||||
padding: 0.25em;
|
||||
display: block;
|
||||
background: #298596;
|
||||
background: var(--tainacan-block-primary, #298596);
|
||||
border: none;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
cursor: pointer; }
|
||||
.wp-block-tainacan-facets-list .show-more-button[disabled] {
|
||||
background-color: #cbcbcb; }
|
||||
background-color: var(--tainacan-block-gray3, #cbcbcb); }
|
||||
.wp-block-tainacan-facets-list .show-more-button i > svg {
|
||||
fill: white; }
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.wp-block-tainacan-items-list {
|
||||
margin: 2em auto; }
|
||||
.wp-block-tainacan-items-list .components-spinner {
|
||||
|
|
@ -238,7 +44,8 @@
|
|||
width: 185px; }
|
||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a,
|
||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a span,
|
||||
|
|
@ -257,7 +64,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item:hover a,
|
||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item {
|
||||
display: flex;
|
||||
|
|
@ -265,7 +72,7 @@
|
|||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -283,12 +90,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
@media only screen and (max-width: 498px) {
|
||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid,
|
||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid {
|
||||
|
|
@ -316,7 +123,7 @@
|
|||
width: calc(20% - 24px); }
|
||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item a,
|
||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -334,7 +141,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item:hover a,
|
||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
@media only screen and (max-width: 1600px) {
|
||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.edit-post-sidebar div.components-toolbar {
|
||||
border: none;
|
||||
justify-content: center; }
|
||||
|
|
@ -207,7 +13,7 @@
|
|||
justify-content: center;
|
||||
align-items: stretch;
|
||||
margin: 0 auto;
|
||||
border: 1px solid #dbdbdb;
|
||||
border: 1px solid var(--tainacan-block-gray2, #dbdbdb);
|
||||
transition: border-color ease 0.3s; }
|
||||
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block.is-aligned-left {
|
||||
margin-left: 0;
|
||||
|
|
@ -237,7 +43,7 @@
|
|||
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block button .icon {
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block button .icon svg {
|
||||
fill: #298596; }
|
||||
fill: var(--tainacan-block-primary, #298596); }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block {
|
||||
margin-left: 0px;
|
||||
|
|
@ -277,11 +83,11 @@
|
|||
transition: border-color 0.4s ease, width 0.5s ease-in, background-color 0.3s ease, color 0.3s ease; }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block input#tainacan-search-bar-block_input:focus, .wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block input#tainacan-search-bar-block_input:active, .wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block input#tainacan-search-bar-block_input:hover {
|
||||
width: 100%;
|
||||
border-color: #cbcbcb;
|
||||
border-color: var(--tainacan-block-gray3, #cbcbcb);
|
||||
background: #fafafa;
|
||||
box-shadow: none; }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block input#tainacan-search-bar-block_input::placeholder {
|
||||
color: #cbcbcb; }
|
||||
color: var(--tainacan-block-gray3, #cbcbcb); }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block button {
|
||||
margin-right: 0.75em;
|
||||
padding: 0 0.35em;
|
||||
|
|
@ -291,7 +97,7 @@
|
|||
background: transparent;
|
||||
cursor: pointer; }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block button .icon svg {
|
||||
fill: #cbcbcb;
|
||||
fill: var(--tainacan-block-gray3, #cbcbcb);
|
||||
transition: fill 0.4s ease; }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block button:hover {
|
||||
background: transparent; }
|
||||
|
|
@ -306,16 +112,16 @@
|
|||
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:focus input::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:active input,
|
||||
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:active input::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:hover input,
|
||||
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:hover input::placeholder {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
border-width: 0; }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:focus button .icon svg, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:active button .icon svg, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block:hover button .icon svg {
|
||||
fill: #cbcbcb !important; }
|
||||
fill: var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block input#tainacan-search-bar-block_input {
|
||||
color: white; }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block input#tainacan-search-bar-block_input:focus, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block input#tainacan-search-bar-block_input:active, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block input#tainacan-search-bar-block_input:hover, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block input#tainacan-search-bar-block_input:focus::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block input#tainacan-search-bar-block_input:active::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block input#tainacan-search-bar-block_input:hover::placeholder {
|
||||
color: #454647; }
|
||||
color: var(--tainacan-block-gray5, #454647); }
|
||||
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #tainacan-search-bar-block button .icon svg {
|
||||
fill: #dbdbdb !important; }
|
||||
fill: var(--tainacan-block-gray2, #dbdbdb) !important; }
|
||||
.wp-block-tainacan-search-bar.is-style-stylish #tainacan-search-bar-block {
|
||||
width: 100%;
|
||||
height: 53px;
|
||||
|
|
@ -338,7 +144,7 @@
|
|||
padding-left: 26px;
|
||||
font-size: 1em;
|
||||
border-width: 0;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
transition: width 0.5s ease-in, padding 0.5s ease-in; }
|
||||
.wp-block-tainacan-search-bar.is-style-stylish #tainacan-search-bar-block input#tainacan-search-bar-block_input:focus, .wp-block-tainacan-search-bar.is-style-stylish #tainacan-search-bar-block input#tainacan-search-bar-block_input:active, .wp-block-tainacan-search-bar.is-style-stylish #tainacan-search-bar-block input#tainacan-search-bar-block_input:hover {
|
||||
width: 100%;
|
||||
|
|
@ -401,7 +207,7 @@
|
|||
min-height: 125px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb; }
|
||||
background-color: var(--tainacan-block-gray2, #dbdbdb); }
|
||||
.wp-block-tainacan-search-bar .search-bar-collection-header-container {
|
||||
width: 100%;
|
||||
min-height: 125px;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,197 +1,3 @@
|
|||
[data-align='full'] .block-control {
|
||||
width: calc(100% + 14px); }
|
||||
|
||||
.block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 75%; } }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal {
|
||||
width: 100%; } }
|
||||
.wp-block-tainacan-modal.dynamic-modal {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
width: 80vw;
|
||||
height: 80vh; }
|
||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||
width: calc(100% + 32px);
|
||||
height: calc(100% - 128px);
|
||||
margin-left: -16px; }
|
||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||
height: 68px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb; }
|
||||
.wp-block-tainacan-modal .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 95%; } }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
|
||||
flex-shrink: 2; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
|
||||
flex-wrap: wrap; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
font-size: 1em;
|
||||
text-align: center; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
|
||||
padding: 5px 8px;
|
||||
height: 28px; }
|
||||
.wp-block-tainacan-modal .modal-radio-area-label {
|
||||
font-weight: 500;
|
||||
margin-left: 1.75em; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 250px 250px;
|
||||
grid-template-columns: repeat(auto-fill, 250px);
|
||||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||
display: flex;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
max-width: 85%; }
|
||||
@media only screen and (max-width: 768px) {
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||
max-width: 80%; } }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center; }
|
||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||
color: #555758;
|
||||
margin-right: 12px;
|
||||
margin-top: 2px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area {
|
||||
border-top: 1px solid #e2e4e7;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 0 16px;
|
||||
margin: 0 -16px; }
|
||||
.wp-block-tainacan-modal .modal-footer-area p {
|
||||
padding: 0 12px;
|
||||
color: #454647; }
|
||||
|
||||
.wp-block-tainacan-terms-list {
|
||||
margin: 2em auto; }
|
||||
.wp-block-tainacan-terms-list .components-spinner {
|
||||
|
|
@ -223,7 +29,8 @@
|
|||
width: 185px; }
|
||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item a,
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal; }
|
||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item img,
|
||||
|
|
@ -238,7 +45,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item:hover a,
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item {
|
||||
display: flex;
|
||||
|
|
@ -246,7 +53,7 @@
|
|||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -264,12 +71,12 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item:hover button:hover {
|
||||
background-color: white !important;
|
||||
border: 1px solid #cbcbcb !important; }
|
||||
border: 1px solid var(--tainacan-block-gray3, #cbcbcb) !important; }
|
||||
@media only screen and (max-width: 498px) {
|
||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid,
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid {
|
||||
|
|
@ -297,7 +104,7 @@
|
|||
width: calc(20% - 24px); }
|
||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item a,
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -315,7 +122,7 @@
|
|||
display: none; }
|
||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item:hover a,
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, #454647);
|
||||
text-decoration: none; }
|
||||
@media only screen and (max-width: 1600px) {
|
||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1187,7 +1187,7 @@
|
|||
this.hasAnOpenModal = false;
|
||||
},
|
||||
hideCancel: true,
|
||||
showNeverShowAgainOption: offerCheckbox && tainacan_plugin.user_caps != undefined && tainacan_plugin.user_caps.length != undefined && tainacan_plugin.user_caps.length > 0,
|
||||
showNeverShowAgainOption: offerCheckbox && tainacan_plugin.user_caps != undefined && Object.keys(tainacan_plugin.user_caps).length != undefined && Object.keys(tainacan_plugin.user_caps).length > 0,
|
||||
messageKeyForUserPrefs: 'ItemsHiddenDueSorting'
|
||||
},
|
||||
trapFocus: true
|
||||
|
|
|
|||
|
|
@ -44,6 +44,7 @@
|
|||
padding: 0.57em 1em;
|
||||
font-size: 0.825em;
|
||||
color: var(--tainacan-input-color) !important;
|
||||
border: none;
|
||||
transition: background-color 0.3s ease;
|
||||
|
||||
label { margin-bottom: 0; }
|
||||
|
|
|
|||
|
|
@ -13,6 +13,9 @@ function tainacan_blocks_initialize() {
|
|||
}
|
||||
|
||||
function tainacan_blocks_add_gutenberg_blocks_actions() {
|
||||
|
||||
add_action('init', 'tainacan_blocks_get_common_styles');
|
||||
|
||||
add_action('init', 'tainacan_blocks_register_tainacan_terms_list');
|
||||
add_action('init', 'tainacan_blocks_register_tainacan_items_list');
|
||||
add_action('init', 'tainacan_blocks_register_tainacan_dynamic_items_list');
|
||||
|
|
@ -54,7 +57,7 @@ function tainacan_blocks_register_tainacan_terms_list(){
|
|||
wp_register_style(
|
||||
'terms-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-terms-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -83,7 +86,7 @@ function tainacan_blocks_register_tainacan_facets_list(){
|
|||
wp_register_style(
|
||||
'facets-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-facets-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -107,7 +110,7 @@ function tainacan_blocks_register_tainacan_items_list(){
|
|||
wp_register_style(
|
||||
'items-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-items-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -136,7 +139,7 @@ function tainacan_blocks_register_tainacan_dynamic_items_list(){
|
|||
wp_register_style(
|
||||
'dynamic-items-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-dynamic-items-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -167,7 +170,7 @@ function tainacan_blocks_register_tainacan_faceted_search(){
|
|||
wp_register_style(
|
||||
'faceted-search',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-faceted-search.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -197,7 +200,7 @@ function tainacan_blocks_register_tainacan_carousel_items_list(){
|
|||
wp_register_style(
|
||||
'carousel-items-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-carousel-items-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -227,7 +230,7 @@ function tainacan_blocks_register_tainacan_carousel_terms_list(){
|
|||
wp_register_style(
|
||||
'carousel-terms-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-carousel-terms-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -257,7 +260,7 @@ function tainacan_blocks_register_tainacan_search_bar(){
|
|||
wp_register_style(
|
||||
'search-bar',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-search-bar.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -280,7 +283,7 @@ function tainacan_blocks_register_tainacan_collections_list(){
|
|||
wp_register_style(
|
||||
'collections-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-collections-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -309,7 +312,7 @@ function tainacan_blocks_register_tainacan_carousel_collections_list(){
|
|||
wp_register_style(
|
||||
'carousel-collections-list',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-carousel-collections-list.css',
|
||||
array('wp-edit-blocks')
|
||||
array('wp-edit-blocks', 'tainacan-blocks-common-styles')
|
||||
);
|
||||
|
||||
if (function_exists('register_block_type')) {
|
||||
|
|
@ -347,10 +350,20 @@ function tainacan_blocks_add_plugin_settings() {
|
|||
wp_localize_script( 'carousel-terms-list', 'tainacan_blocks', $settings );
|
||||
wp_localize_script( 'search-bar', 'tainacan_blocks', $settings );
|
||||
wp_localize_script( 'faceted-search', 'tainacan_blocks', $settings );
|
||||
// wp_localize_script( 'faceted-search-theme', 'tainacan_plugin', $settings );
|
||||
wp_localize_script( 'faceted-search-theme', 'tainacan_plugin', \Tainacan\Admin::get_instance()->get_admin_js_localization_params() );
|
||||
|
||||
wp_localize_script( 'collections-list', 'tainacan_blocks', $settings );
|
||||
wp_localize_script( 'carousel-collections-list', 'tainacan_blocks', $settings );
|
||||
wp_localize_script( 'facets-list', 'tainacan_blocks', $settings );
|
||||
|
||||
// The facet facteded search block uses a different settings object, the same used on the theme items list
|
||||
wp_localize_script( 'faceted-search-theme', 'tainacan_plugin', \Tainacan\Admin::get_instance()->get_admin_js_localization_params() );
|
||||
}
|
||||
|
||||
function tainacan_blocks_get_common_styles() {
|
||||
global $TAINACAN_BASE_URL;
|
||||
|
||||
wp_enqueue_style(
|
||||
'tainacan-blocks-common-styles',
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-common-styles.css',
|
||||
array('wp-edit-blocks')
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,22 @@
|
|||
// COMMON TO MOST BLOCKS
|
||||
// CSS COMMON TO MOST TAINACAN BLOCKS
|
||||
@import './gutenberg-blocks-variables.scss';
|
||||
|
||||
// Custom Variables
|
||||
:root {
|
||||
--tainacan-block-gray0: #{$gray0};
|
||||
--tainacan-block-gray1: #{$gray1};
|
||||
--tainacan-block-gray2: #{$gray2};
|
||||
--tainacan-block-gray3: #{$gray3};
|
||||
--tainacan-block-gray4: #{$gray4};
|
||||
--tainacan-block-gray5: #{$gray5};
|
||||
--tainacan-block-primary: #{$primary};
|
||||
}
|
||||
|
||||
// Control and placeholder region ----------------------------------------------------
|
||||
[data-align='full'] .block-control {
|
||||
[data-align='full'] .tainacan-block-control {
|
||||
width: calc(100% + 14px);
|
||||
}
|
||||
.block-control {
|
||||
.tainacan-block-control {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
|
|
@ -14,18 +27,18 @@
|
|||
top: -14px;
|
||||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
|
||||
p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758;
|
||||
fill: var(--tainacan-block-gray4, $gray4);
|
||||
|
||||
svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758;
|
||||
fill: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -33,10 +46,10 @@
|
|||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6;
|
||||
background: var(--tainacan-block-gray0, $gray0);
|
||||
|
||||
.components-placeholder__label {
|
||||
margin-bottom: 0;
|
||||
|
|
@ -54,34 +67,18 @@
|
|||
p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
fill: var(--tainacan-block-gray4, $gray4);
|
||||
|
||||
svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758;
|
||||
fill: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Grid mixin for display: grid compatibility
|
||||
@mixin display-grid {
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
}
|
||||
@mixin grid-child ($col-start, $col-end, $row-start, $row-end) {
|
||||
-ms-grid-column: $col-start;
|
||||
-ms-grid-column-span: $col-end - $col-start;
|
||||
-ms-grid-row: $row-start;
|
||||
-ms-grid-row-span: $row-end - $row-start;
|
||||
grid-column: #{$col-start}/#{$col-end};
|
||||
grid-row: #{$row-start}/#{$row-end};
|
||||
}
|
||||
|
||||
// Generic style for selection modals ---------------------------
|
||||
.wp-block-tainacan-modal {
|
||||
|
|
@ -108,7 +105,7 @@
|
|||
width: calc(100% + 32px);
|
||||
margin-left: -16px !important;
|
||||
padding: 1.2em 1.2em !important;
|
||||
border-top: 1px solid #cbcbcb;
|
||||
border-top: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -119,7 +116,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
.components-spineer { margin: 8px; }
|
||||
}
|
||||
|
||||
|
|
@ -161,7 +158,7 @@
|
|||
}
|
||||
label.components-base-control__label {
|
||||
font-weight: 500;
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -228,7 +225,7 @@
|
|||
justify-content: center;
|
||||
|
||||
p {
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
margin-right: 12px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
|
@ -243,7 +240,7 @@
|
|||
|
||||
p {
|
||||
padding: 0 12px;
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
// Grid mixin for display: grid compatibility
|
||||
@mixin display-grid {
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
}
|
||||
@mixin grid-child ($col-start, $col-end, $row-start, $row-end) {
|
||||
-ms-grid-column: $col-start;
|
||||
-ms-grid-column-span: $col-end - $col-start;
|
||||
-ms-grid-row: $row-start;
|
||||
-ms-grid-row-span: $row-end - $row-start;
|
||||
grid-column: #{$col-start}/#{$col-end};
|
||||
grid-row: #{$row-start}/#{$row-end};
|
||||
}
|
||||
|
||||
// Gray, used mostly for information
|
||||
$gray0: #f6f6f6;
|
||||
$gray1: #f2f2f2;
|
||||
$gray2: #dbdbdb;
|
||||
$gray3: #cbcbcb;
|
||||
$gray4: #555758;
|
||||
$gray5: #454647;
|
||||
|
||||
// The primary link and active color
|
||||
$primary: #298596;
|
||||
|
||||
// Items grid thumbnail size
|
||||
$thumbnail-grid-item: 185px;
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.components-panel__body .collection-carousel-view-modes {
|
||||
display: flex;
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
button {
|
||||
background: transparent;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
flex-basis: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, $gray4);
|
||||
transition: background-color ease 0.5s;
|
||||
}
|
||||
}
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
display: block;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, $gray4);
|
||||
margin: 4px auto 8px auto;
|
||||
transition: background-color ease 0.5s;
|
||||
}
|
||||
|
|
@ -60,22 +60,22 @@
|
|||
|
||||
label {
|
||||
font-size: 0.75em;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
border: 2px solid #298596;
|
||||
border: 2px solid var(--tainacan-block-primary, $primary);
|
||||
|
||||
&.collection-carousel-view-mode-thumbnail div,
|
||||
&.collection-carousel-view-mode-grid div>div {
|
||||
background-color: #298596;
|
||||
background-color: var(--tainacan-block-primary, $primary);
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
opacity: 0.9;
|
||||
border-width: 2px;
|
||||
button {
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
// Skeleton loading
|
||||
|
|
@ -118,7 +118,7 @@
|
|||
}
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -137,7 +137,7 @@
|
|||
|
||||
a>span,
|
||||
a:hover>span {
|
||||
color: black;
|
||||
color: var(--tainacan-block-gray5);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 8px 16px;
|
||||
|
|
@ -186,7 +186,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
text-align: center;
|
||||
margin: 4px auto;
|
||||
}
|
||||
|
|
@ -203,7 +203,7 @@
|
|||
margin: 0 -4px;
|
||||
|
||||
svg {
|
||||
fill: #298596;
|
||||
fill: var(--tainacan-block-primary, $primary);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -259,7 +259,7 @@
|
|||
}
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -271,14 +271,14 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -298,13 +298,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ registerBlockType('tainacan/carousel-collections-list', {
|
|||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M18,17v2H12a5.65,5.65,0,0,0-.36-2ZM2,7v7.57a5.74,5.74,0,0,1,2-1.2V7ZM20,6H15L13,4H8A2,2,0,0,0,6,6v7a6,6,0,0,1,5.19,3H20a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM7,16.05v6.06l3.06-3.06ZM5,22.11V16.05L1.94,19.11Z"/>
|
||||
</svg>,
|
||||
category: 'tainacan-blocks',
|
||||
|
|
@ -417,7 +417,7 @@ registerBlockType('tainacan/carousel-collections-list', {
|
|||
}
|
||||
|
||||
{ collections.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -443,6 +443,7 @@ registerBlockType('tainacan/carousel-collections-list', {
|
|||
|
||||
{ !collections.length && !isLoading ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-collections-list {
|
||||
margin: 2em auto;
|
||||
|
|
@ -54,7 +54,8 @@
|
|||
width: 185px;
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -72,7 +73,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -84,7 +85,7 @@
|
|||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -104,13 +105,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 498px) {
|
||||
|
|
@ -144,7 +145,7 @@
|
|||
width: calc(20% - 24px);
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -166,7 +167,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ registerBlockType('tainacan/collections-list', {
|
|||
icon:
|
||||
<svg width="24" height="24" viewBox="0 -5 12 16">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M10,8.8v1.3H1.2C0.6,10.1,0,9.5,0,8.8V2.5h1.3v6.3H10z M6.9,0H3.8C3.1,0,2.5,0.6,2.5,1.3l0,5c0,0.7,0.6,1.2,1.3,1.2h7.5
|
||||
c0.7,0,1.3-0.6,1.3-1.2V2.5c0-0.7-0.6-1.2-1.3-1.2H8.2L6.9,0z"/>
|
||||
</svg>,
|
||||
|
|
@ -106,7 +106,7 @@ registerBlockType('tainacan/collections-list', {
|
|||
isModalOpen,
|
||||
gridMargin
|
||||
} = attributes;
|
||||
|
||||
|
||||
function prepareCollection(collection) {
|
||||
return (
|
||||
<li
|
||||
|
|
@ -277,7 +277,7 @@ registerBlockType('tainacan/collections-list', {
|
|||
: null
|
||||
}
|
||||
{ selectedCollectionsHTML.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg width="24" height="24" viewBox="0 -5 12 16">
|
||||
<path
|
||||
|
|
@ -301,6 +301,7 @@ registerBlockType('tainacan/collections-list', {
|
|||
|
||||
{ !selectedCollectionsHTML.length ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-faceted-search {
|
||||
margin: 2em auto;
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
// Skeleton loading
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
}
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
text-align: center;
|
||||
margin: 4px auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ registerBlockType('tainacan/faceted-search', {
|
|||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</svg>,
|
||||
category: 'tainacan-blocks',
|
||||
|
|
@ -609,7 +609,7 @@ registerBlockType('tainacan/faceted-search', {
|
|||
{ isSelected ?
|
||||
(
|
||||
<div>
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p style={{ display: 'flex', alignItems: 'baseline' }}>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -653,6 +653,7 @@ registerBlockType('tainacan/faceted-search', {
|
|||
|
||||
{ ( termId == undefined && listType == 'term' ) || ( collectionId == undefined && listType == 'collection' ) ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-facets-list {
|
||||
margin: 2em auto;
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
// Skeleton loading
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
}
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
background-color: #454647;
|
||||
background-color: var(--tainacan-block-gray5, $gray5);
|
||||
|
||||
h3 {
|
||||
color: white;
|
||||
|
|
@ -103,7 +103,7 @@
|
|||
position: relative;
|
||||
margin-left: -155px;
|
||||
left: 82px;
|
||||
background-color: #dbdbdb;
|
||||
background-color: var(--tainacan-block-gray2, $gray2);
|
||||
}
|
||||
.collection-header-image {
|
||||
width: auto;
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
flex-grow: 2;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb;
|
||||
background-color: var(--tainacan-block-gray2, $gray2);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -141,7 +141,7 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #cbcbcb;
|
||||
border-bottom: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
padding: 1.00em 0.5em 0.75em 0.5em;
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
|
|
@ -158,7 +158,7 @@
|
|||
margin-top: 8px;
|
||||
margin-left: 0px !important;
|
||||
padding-left: 4px !important;
|
||||
border-color: #dbdbdb !important;
|
||||
border-color: var(--tainacan-block-gray2, $gray2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -172,7 +172,7 @@
|
|||
cursor: pointer;
|
||||
|
||||
svg {
|
||||
fill: #cbcbcb;
|
||||
fill: var(--tainacan-block-gray3, $gray3);
|
||||
transition: fill 0.4s ease;
|
||||
}
|
||||
&:hover svg { fill: #545758; }
|
||||
|
|
@ -184,17 +184,17 @@
|
|||
margin-right: 0em;
|
||||
padding: 0;
|
||||
|
||||
svg { fill: #298596; }
|
||||
svg { fill: var(--tainacan-block-primary, $primary); }
|
||||
}
|
||||
&.previous-button {
|
||||
margin-left: auto;
|
||||
margin-right: 1em;
|
||||
padding: 0;
|
||||
|
||||
svg { fill: #298596; }
|
||||
svg { fill: var(--tainacan-block-primary, $primary); }
|
||||
}
|
||||
&[disabled] svg {
|
||||
fill: #f2f2f2;
|
||||
fill: var(--tainacan-block-gray1, $gray1);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
|
@ -211,7 +211,7 @@
|
|||
&:active,
|
||||
&:hover {
|
||||
width: 100%;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -235,7 +235,8 @@
|
|||
width: 185px;
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -249,7 +250,7 @@
|
|||
}
|
||||
|
||||
span.facet-item-count {
|
||||
color: #cbcbcb;
|
||||
color: var(--tainacan-block-gray3, $gray3);
|
||||
}
|
||||
|
||||
&.facet-without-image img {
|
||||
|
|
@ -257,7 +258,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -269,7 +270,7 @@
|
|||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -289,13 +290,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 498px) {
|
||||
|
|
@ -329,7 +330,7 @@
|
|||
width: calc(20% - 24px);
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -355,12 +356,12 @@
|
|||
}
|
||||
}
|
||||
span.facet-item-count {
|
||||
color: #cbcbcb;
|
||||
color: var(--tainacan-block-gray3, $gray3);
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -403,7 +404,7 @@
|
|||
vertical-align: middle;
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
// white-space: nowrap;
|
||||
|
|
@ -423,11 +424,11 @@
|
|||
display: none;
|
||||
}
|
||||
span.facet-item-count {
|
||||
color: #cbcbcb;
|
||||
color: var(--tainacan-block-gray3, $gray3);
|
||||
}
|
||||
|
||||
&:hover a {
|
||||
color: #298596;
|
||||
color: var(--tainacan-block-primary, $primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -437,14 +438,14 @@
|
|||
margin: 12px auto;
|
||||
padding: 0.25em;
|
||||
display: block;
|
||||
background: #298596;
|
||||
background: var(--tainacan-block-primary, $primary);
|
||||
border: none;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
cursor: pointer;
|
||||
|
||||
&[disabled] {
|
||||
background-color: #cbcbcb;
|
||||
background-color: var(--tainacan-block-gray3, $gray3);
|
||||
}
|
||||
|
||||
i>svg {
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ registerBlockType('tainacan/facets-list', {
|
|||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</svg>,
|
||||
category: 'tainacan-blocks',
|
||||
|
|
@ -569,7 +569,7 @@ registerBlockType('tainacan/facets-list', {
|
|||
}
|
||||
|
||||
{ facets.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -623,6 +623,7 @@ registerBlockType('tainacan/facets-list', {
|
|||
|
||||
{ !facets.length && !isLoading && !(searchString != undefined && searchString != '') ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-carousel-items-list {
|
||||
margin: 2em auto;
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
// Skeleton loading
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
}
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
background-color: #454647;
|
||||
background-color: var(--tainacan-block-gray5, $gray5);
|
||||
|
||||
h3 {
|
||||
color: white;
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
position: relative;
|
||||
margin-left: -155px;
|
||||
left: 82px;
|
||||
background-color: #dbdbdb;
|
||||
background-color: var(--tainacan-block-gray2, $gray2);
|
||||
}
|
||||
.collection-header-image {
|
||||
width: auto;
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
flex-grow: 2;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb;
|
||||
background-color: var(--tainacan-block-gray2, $gray2);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -149,7 +149,7 @@
|
|||
|
||||
a>span,
|
||||
a:hover>span {
|
||||
color: black;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 8px 16px;
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
text-align: center;
|
||||
margin: 4px auto;
|
||||
}
|
||||
|
|
@ -187,7 +187,7 @@
|
|||
margin: 0 -4px;
|
||||
|
||||
svg {
|
||||
fill: #298596;
|
||||
fill: var(--tainacan-block-primary, $primary);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -233,7 +233,7 @@
|
|||
min-width: calc(14.285% - 32px);
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -246,14 +246,14 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -273,13 +273,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ registerBlockType('tainacan/carousel-items-list', {
|
|||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M16,6H12a2,2,0,0,0-2,2v6.52A6,6,0,0,1,12,19a6,6,0,0,1-.73,2.88A1.92,1.92,0,0,0,12,22h8a2,2,0,0,0,2-2V12Zm-1,6V7.5L19.51,12ZM15,2V4H8v9.33A5.8,5.8,0,0,0,6,13V4A2,2,0,0,1,8,2ZM10.09,19.05,7,22.11V16.05L8,17l2,2ZM5,16.05v6.06L2,19.11Z"/>
|
||||
</svg>,
|
||||
category: 'tainacan-blocks',
|
||||
|
|
@ -520,7 +520,7 @@ registerBlockType('tainacan/carousel-items-list', {
|
|||
}
|
||||
|
||||
{ items.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -604,6 +604,7 @@ registerBlockType('tainacan/carousel-items-list', {
|
|||
|
||||
{ !items.length && !isLoading ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-dynamic-items-list {
|
||||
margin: 2em auto;
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
// Resizer
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
}
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
background-color: #454647;
|
||||
background-color: var(--tainacan-block-gray5, $gray5);
|
||||
|
||||
h3 {
|
||||
color: white;
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
position: relative;
|
||||
margin-left: -155px;
|
||||
left: 82px;
|
||||
background-color: #dbdbdb;
|
||||
background-color: var(--tainacan-block-gray2, $gray2);
|
||||
}
|
||||
.collection-header-image {
|
||||
width: auto;
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
flex-grow: 2;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb;
|
||||
background-color: var(--tainacan-block-gray2, $gray2);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -146,7 +146,7 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #cbcbcb;
|
||||
border-bottom: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
padding: 1.00em 0.5em 0.75em 0.5em;
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
|
|
@ -163,7 +163,7 @@
|
|||
margin-top: 8px;
|
||||
margin-left: 0px !important;
|
||||
padding-left: 4px !important;
|
||||
border-color: #dbdbdb !important;
|
||||
border-color: var(--tainacan-block-gray2, $gray2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -177,7 +177,7 @@
|
|||
cursor: pointer;
|
||||
|
||||
svg {
|
||||
fill: #cbcbcb;
|
||||
fill: var(--tainacan-block-gray3, $gray3);
|
||||
transition: fill 0.4s ease;
|
||||
}
|
||||
&:hover svg { fill: #545758; }
|
||||
|
|
@ -189,17 +189,17 @@
|
|||
margin-right: 0em;
|
||||
padding: 0;
|
||||
|
||||
svg { fill: #298596; }
|
||||
svg { fill: var(--tainacan-block-primary, $primary); }
|
||||
}
|
||||
&.previous-button {
|
||||
margin-left: auto;
|
||||
margin-right: 1em;
|
||||
padding: 0;
|
||||
|
||||
svg { fill: #298596; }
|
||||
svg { fill: var(--tainacan-block-primary, $primary); }
|
||||
}
|
||||
&[disabled] svg {
|
||||
fill: #f2f2f2;
|
||||
fill: var(--tainacan-block-gray1, $gray1);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
|
@ -216,7 +216,7 @@
|
|||
&:active,
|
||||
&:hover {
|
||||
width: 100%;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -251,7 +251,7 @@
|
|||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -271,13 +271,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -301,7 +301,8 @@
|
|||
width: 185px;
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -319,7 +320,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -356,7 +357,7 @@
|
|||
width: calc(20% - 24px);
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -377,7 +378,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -440,7 +441,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -466,7 +467,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ registerBlockType('tainacan/dynamic-items-list', {
|
|||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M14,2V4H7v7.24A5.33,5.33,0,0,0,5.5,11a4.07,4.07,0,0,0-.5,0V4A2,2,0,0,1,7,2Zm7,10v8a2,2,0,0,1-2,2H12l1-1-2.41-2.41A5.56,5.56,0,0,0,11,16.53a5.48,5.48,0,0,0-2-4.24V8a2,2,0,0,1,2-2h4Zm-2.52,0L14,7.5V12ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1-.5-7,2.74,2.74,0,0,1,.5,0,3.41,3.41,0,0,1,1.5.34,3.5,3.5,0,0,1,2,3.16,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,0,0,5.5,15a1.39,1.39,0,0,0-.5.09A1.5,1.5,0,0,0,5.5,18a1.48,1.48,0,0,0,1.42-1A1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</svg>,
|
||||
category: 'tainacan-blocks',
|
||||
|
|
@ -709,7 +709,7 @@ registerBlockType('tainacan/dynamic-items-list', {
|
|||
}
|
||||
|
||||
{ items.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -878,6 +878,7 @@ registerBlockType('tainacan/dynamic-items-list', {
|
|||
|
||||
{ !items.length && !isLoading ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ registerBlockType('tainacan/items-list', {
|
|||
icon:
|
||||
<svg width="24" height="24" viewBox="0 -2 12 16">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M8.8,1.2H1.2V10H0V1.2C0,0.6,0.6,0,1.2,0h7.5V1.2z M3.8,2.5c-0.7,0-1.2,0.6-1.2,1.3v8.8c0,0.7,0.6,1.2,1.2,1.2h6.9
|
||||
c0.7,0,1.2-0.6,1.2-1.2V6.3L8.1,2.5H3.8z M7.5,3.4L11,6.9H7.5V3.4z"/>
|
||||
</svg>,
|
||||
|
|
@ -286,7 +286,7 @@ registerBlockType('tainacan/items-list', {
|
|||
: null
|
||||
}
|
||||
{ selectedItemsHTML.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg width="24" height="24" viewBox="0 -2 12 16">
|
||||
<path
|
||||
|
|
@ -310,6 +310,7 @@ registerBlockType('tainacan/items-list', {
|
|||
|
||||
{ !selectedItemsHTML.length ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-items-list {
|
||||
margin: 2em auto;
|
||||
|
|
@ -54,7 +54,8 @@
|
|||
width: 185px;
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
|
||||
|
|
@ -77,7 +78,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -89,7 +90,7 @@
|
|||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -109,13 +110,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 498px) {
|
||||
|
|
@ -149,7 +150,7 @@
|
|||
width: calc(20% - 24px);
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -170,7 +171,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ registerBlockType('tainacan/search-bar', {
|
|||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M0,5.8C0,5,0.2,4.2,0.5,3.5s0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.2C4.2,0.1,5,0,5.8,0S7.3,0.1,8,0.5
|
||||
c0.7,0.3,1.3,0.7,1.8,1.2s0.9,1.1,1.2,1.8c0.5,1.2,0.5,2.5,0.2,3.7c0,0.2-0.1,0.4-0.2,0.6c0,0.1-0.2,0.6-0.2,0.6
|
||||
c0.6,0.6,1.3,1.3,1.9,1.9c0.7,0.7,1.3,1.3,2,2c0,0,0.3,0.2,0.3,0.3c0,0.3-0.1,0.7-0.3,1c-0.2,0.6-0.8,1-1.4,1.2
|
||||
|
|
@ -462,7 +462,7 @@ registerBlockType('tainacan/search-bar', {
|
|||
}
|
||||
|
||||
{ collectionId ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<span class="icon">
|
||||
<i>
|
||||
|
|
@ -494,6 +494,7 @@ registerBlockType('tainacan/search-bar', {
|
|||
|
||||
{ !collectionId ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.edit-post-sidebar div.components-toolbar {
|
||||
border: none;
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
justify-content: center;
|
||||
align-items: stretch;
|
||||
margin: 0 auto;
|
||||
border: 1px solid #dbdbdb;
|
||||
border: 1px solid var(--tainacan-block-gray2, $gray2);
|
||||
transition: border-color ease 0.3s;
|
||||
|
||||
&.is-aligned-left {
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
.icon {
|
||||
height: 28px;
|
||||
svg {
|
||||
fill: #298596;
|
||||
fill: var(--tainacan-block-primary, $primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -120,12 +120,12 @@
|
|||
&:active,
|
||||
&:hover {
|
||||
width: 100%;
|
||||
border-color: #cbcbcb;
|
||||
border-color: var(--tainacan-block-gray3, $gray3);
|
||||
background:rgba(250, 250, 250, 1);
|
||||
box-shadow: none;
|
||||
}
|
||||
&::placeholder {
|
||||
color: #cbcbcb;
|
||||
color: var(--tainacan-block-gray3, $gray3);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -140,7 +140,7 @@
|
|||
|
||||
.icon {
|
||||
svg {
|
||||
fill: #cbcbcb;
|
||||
fill: var(--tainacan-block-gray3, $gray3);
|
||||
transition: fill 0.4s ease;
|
||||
}
|
||||
}
|
||||
|
|
@ -169,12 +169,12 @@
|
|||
&:hover {
|
||||
input,
|
||||
input::placeholder {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
border-width: 0;
|
||||
}
|
||||
button .icon {
|
||||
svg {
|
||||
fill: #cbcbcb !important;
|
||||
fill: var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -188,13 +188,13 @@
|
|||
&:focus::placeholder,
|
||||
&:active::placeholder,
|
||||
&:hover::placeholder {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
}
|
||||
|
||||
}
|
||||
button .icon {
|
||||
svg {
|
||||
fill: #dbdbdb !important;
|
||||
fill: var(--tainacan-block-gray2, $gray2) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -232,7 +232,7 @@
|
|||
padding-left: 26px;
|
||||
font-size: 1em;
|
||||
border-width: 0;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
transition: width 0.5s ease-in, padding 0.5s ease-in;
|
||||
|
||||
&:focus,
|
||||
|
|
@ -343,7 +343,7 @@
|
|||
min-height: 125px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: #dbdbdb;
|
||||
background-color: var(--tainacan-block-gray2, $gray2);
|
||||
}
|
||||
.search-bar-collection-header-container {
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.components-panel__body .term-carousel-view-modes {
|
||||
display: flex;
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
button {
|
||||
background: transparent;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
flex-basis: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, $gray4);
|
||||
transition: background-color ease 0.5s;
|
||||
}
|
||||
}
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
display: block;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
background: #555758;
|
||||
background: var(--tainacan-block-gray4, $gray4);
|
||||
margin: 4px auto 8px auto;
|
||||
transition: background-color ease 0.5s;
|
||||
}
|
||||
|
|
@ -60,22 +60,22 @@
|
|||
|
||||
label {
|
||||
font-size: 0.75em;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
border: 2px solid #298596;
|
||||
border: 2px solid var(--tainacan-block-primary, $primary);
|
||||
|
||||
&.term-carousel-view-mode-thumbnail div,
|
||||
&.term-carousel-view-mode-grid div>div {
|
||||
background-color: #298596;
|
||||
background-color: var(--tainacan-block-primary, $primary);
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
opacity: 0.9;
|
||||
border-width: 2px;
|
||||
button {
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #555758;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
}
|
||||
|
||||
// Skeleton loading
|
||||
|
|
@ -118,7 +118,7 @@
|
|||
}
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: #f2f2f2;
|
||||
background: var(--tainacan-block-gray1, $gray1);
|
||||
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
|
|
@ -137,7 +137,7 @@
|
|||
|
||||
a>span,
|
||||
a:hover>span {
|
||||
color: black;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 8px 16px;
|
||||
|
|
@ -185,7 +185,7 @@
|
|||
width: 100%;
|
||||
font-size: 0.875em;
|
||||
font-style: italic;
|
||||
color: #898d8f;
|
||||
color: var(--tainacan-block-gray4, $gray4);
|
||||
text-align: center;
|
||||
margin: 4px auto;
|
||||
}
|
||||
|
|
@ -202,7 +202,7 @@
|
|||
margin: 0 -4px;
|
||||
|
||||
svg {
|
||||
fill: #298596;
|
||||
fill: var(--tainacan-block-primary, $primary);
|
||||
}
|
||||
}
|
||||
&.alignfull .swiper-button-prev, .swiper-button-next {
|
||||
|
|
@ -257,7 +257,7 @@
|
|||
}
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -269,14 +269,14 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -296,13 +296,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ registerBlockType('tainacan/carousel-terms-list', {
|
|||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M21.43,14.64,19.32,17a2.57,2.57,0,0,1-2,1H12.05a6,6,0,0,0-6-6H6V10.64A2.59,2.59,0,0,1,8.59,8H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,14.64ZM4,4A2,2,0,0,0,2,6v7.63a5.74,5.74,0,0,1,2-1.2V6H16V4ZM7,15.05v6.06l3.06-3.06ZM5,21.11V15.05L1.94,18.11Z"/>
|
||||
</svg>,
|
||||
category: 'tainacan-blocks',
|
||||
|
|
@ -419,7 +419,7 @@ registerBlockType('tainacan/carousel-terms-list', {
|
|||
}
|
||||
|
||||
{ terms.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -445,6 +445,7 @@ registerBlockType('tainacan/carousel-terms-list', {
|
|||
|
||||
{ !terms.length && !isLoading ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ registerBlockType('tainacan/terms-list', {
|
|||
icon:
|
||||
<svg width="24" height="24" viewBox="0 -2 12 16">
|
||||
<path
|
||||
fill="#298596"
|
||||
fill="var(--tainacan-block-primary, $primary)"
|
||||
d="M 4.4,2.5 H 0 V 0 h 4.4 l 1.2,1.3 z m -1.9,5 v 3.1 H 5 v 1.2 H 1.3 v -8 H 2.5 V 6.3 H 5 V 7.6 H 2.5 Z m 8.2,0.7 H 6.3 V 5.7 h 4.4 l 1.2,1.2 z M 11.9,11.3 10.7,10 H 6.3 v 2.5 h 4.4 z"/>
|
||||
</svg>,
|
||||
category: 'tainacan-blocks',
|
||||
|
|
@ -264,7 +264,7 @@ registerBlockType('tainacan/terms-list', {
|
|||
: null
|
||||
}
|
||||
{ selectedTermsHTML.length ? (
|
||||
<div className="block-control">
|
||||
<div className="tainacan-block-control">
|
||||
<p>
|
||||
<svg width="24" height="24" viewBox="0 -2 12 16">
|
||||
<path
|
||||
|
|
@ -287,6 +287,7 @@ registerBlockType('tainacan/terms-list', {
|
|||
|
||||
{ !selectedTermsHTML.length ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../gutenberg-blocks-style.scss';
|
||||
@import '../../gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-terms-list {
|
||||
margin: 2em auto;
|
||||
|
|
@ -36,7 +36,8 @@
|
|||
width: 185px;
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
|
|
@ -54,7 +55,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -66,7 +67,7 @@
|
|||
button {
|
||||
position: absolute !important;
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
min-width: 14px;
|
||||
|
|
@ -86,13 +87,13 @@
|
|||
opacity: 1;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3);
|
||||
border-radius: 12px;
|
||||
transition: opacity linear 0.15s, right linear 0.15s;
|
||||
}
|
||||
&:hover button:hover {
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
border: 1px solid #cbcbcb !important;
|
||||
border: 1px solid var(--tainacan-block-gray3, $gray3) !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 498px) {
|
||||
|
|
@ -126,7 +127,7 @@
|
|||
width: calc(20% - 24px);
|
||||
|
||||
a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -147,7 +148,7 @@
|
|||
}
|
||||
|
||||
&:hover a {
|
||||
color: #454647;
|
||||
color: var(--tainacan-block-gray5, $gray5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -133,7 +133,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||
showFullscreenWithViewModes: false
|
||||
},
|
||||
beforeMount () {
|
||||
console.log('antes de montar')
|
||||
|
||||
// Collection or Term source settings
|
||||
if (this.$el.attributes['collection-id'] != undefined)
|
||||
this.collectionId = this.$el.attributes['collection-id'].value;
|
||||
|
|
|
|||
|
|
@ -1045,7 +1045,7 @@
|
|||
this.hasAnOpenModal = false;
|
||||
},
|
||||
hideCancel: true,
|
||||
showNeverShowAgainOption: offerCheckbox && tainacan_plugin.user_caps != undefined && tainacan_plugin.user_caps.length != undefined && tainacan_plugin.user_caps.length > 0,
|
||||
showNeverShowAgainOption: offerCheckbox && tainacan_plugin.user_caps != undefined && Object.keys(tainacan_plugin.user_caps).length != undefined && Object.keys(tainacan_plugin.user_caps).length > 0,
|
||||
messageKeyForUserPrefs: 'ItemsHiddenDueSorting'
|
||||
},
|
||||
trapFocus: true
|
||||
|
|
@ -1294,9 +1294,9 @@
|
|||
cursor: default;
|
||||
}
|
||||
|
||||
.button,
|
||||
.button:hover,
|
||||
.button:focus {
|
||||
.button:not(.is-success),
|
||||
.button:hover:not(.is-success),
|
||||
.button:focus:not(.is-success) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--tainacan-input-color) !important;
|
||||
|
|
|
|||
Loading…
Reference in New Issue