Isolates some gutenberg stle classes to avoid conflicts.
This commit is contained in:
parent
9f7550266a
commit
7d8641fd55
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
[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;
|
||||
|
@ -13,25 +13,25 @@
|
|||
left: -14px;
|
||||
width: calc(100% + 28px);
|
||||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
.tainacan-block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
.tainacan-block-control p svg {
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
.tainacan-block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
@ -40,12 +40,12 @@
|
|||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,9 +1,26 @@
|
|||
// COMMON TO MOST BLOCKS
|
||||
// CSS COMMON TO MOST TAINACAN BLOCKS
|
||||
|
||||
// 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};
|
||||
}
|
||||
|
||||
// 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;
|
||||
|
@ -33,7 +50,7 @@
|
|||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.components-placeholder {
|
||||
.tainacan-block-placeholder.components-placeholder {
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6;
|
||||
|
@ -66,22 +83,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 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 {
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
Loading…
Reference in New Issue