Several small adjustments for better gutenberg compatibility.

This commit is contained in:
mateuswetah 2021-10-04 11:21:56 -03:00
parent 509b308893
commit 86086a5b9b
7 changed files with 43 additions and 16 deletions

View File

@ -129,4 +129,22 @@
/* Links */ /* Links */
.wp-social-link { .wp-social-link {
padding: 0; padding: 0;
}
/* Fixes for cases where previos block-based widgets are loaded in the theme */
#sidebar .alignfull,
#sidebar .alignwide {
max-width: 100%;
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
/* Search block with some details */
.wp-block-search__label {
font-weight: bold;
font-size: 1em;
}
.wp-block-search__inside-wrapper .wp-block-search__button {
margin-left: 0;
} }

View File

@ -41,6 +41,7 @@
.tainacan-content { .tainacan-content {
font-size: 1rem; font-size: 1rem;
min-height: 32.5vh; min-height: 32.5vh;
@media only screen and (min-height: 1080px) { @media only screen and (min-height: 1080px) {
min-height: 50vh; min-height: 50vh;
} }
@ -56,6 +57,10 @@
font-weight: 400; font-weight: 400;
} }
} }
.tainacan-content>* {
margin-top: 28px;
margin-bottom: 28px;
}
} }
.tainacan-heading-section-pattern-pattern { .tainacan-heading-section-pattern-pattern {
h1, h1,

View File

@ -50,8 +50,8 @@
padding-right: 0; padding-right: 0;
} }
/* Main column width */ /* Main column width (the not class is to avoid adding the padding to inner blocks) */
.wp-block { :not(.block-editor-block-list__block)>.wp-block {
max-width: calc(1400px - 8.3333336%); max-width: calc(1400px - 8.3333336%);
padding-left: 4.1666667%; padding-left: 4.1666667%;
padding-right: 4.1666667%; padding-right: 4.1666667%;
@ -156,7 +156,7 @@
.wp-block-heading h1, .wp-block-heading h1,
.wp-block[data-type="core/heading"] h1, .wp-block[data-type="core/heading"] h1,
h1.wp-block[data-type="core/heading"] { h1.wp-block[data-type="core/heading"] {
font-size: 1.125rem; font-size: 1.802rem;
color: #298596; color: #298596;
color: var(--tainacan-color-default, #298596); color: var(--tainacan-color-default, #298596);
padding-top: .4rem; padding-top: .4rem;
@ -165,21 +165,21 @@
.wp-block-heading h2, .wp-block-heading h2,
.wp-block[data-type="core/heading"] h2, .wp-block[data-type="core/heading"] h2,
h2.wp-block[data-type="core/heading"] { h2.wp-block[data-type="core/heading"] {
font-size: 1.125rem; font-size: 1.602rem;
padding-top: .4rem; padding-top: .4rem;
margin-bottom: .5rem; margin-bottom: .5rem;
} }
.wp-block-heading h3, .wp-block-heading h3,
.wp-block[data-type="core/heading"] h3, .wp-block[data-type="core/heading"] h3,
h3.wp-block[data-type="core/heading"] { h3.wp-block[data-type="core/heading"] {
font-size: 1rem; font-size: 1.424rem;
padding-top: .4rem; padding-top: .4rem;
margin-bottom: .5rem; margin-bottom: .5rem;
} }
.wp-block-heading h4, .wp-block-heading h4,
.wp-block[data-type="core/heading"] h4, .wp-block[data-type="core/heading"] h4,
h4.wp-block[data-type="core/heading"] { h4.wp-block[data-type="core/heading"] {
font-size: 1rem; font-size: 1.266rem;
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
color: #555758; color: #555758;
@ -189,14 +189,14 @@
.wp-block-heading h5, .wp-block-heading h5,
.wp-block[data-type="core/heading"] h5, .wp-block[data-type="core/heading"] h5,
h5.wp-block[data-type="core/heading"] { h5.wp-block[data-type="core/heading"] {
font-size: 0.875rem; font-size: 1.125rem;
padding-top: .4rem; padding-top: .4rem;
margin-bottom: .5rem; margin-bottom: .5rem;
} }
.wp-block-heading h5, .wp-block-heading h6,
.wp-block[data-type="core/heading"] h5, .wp-block[data-type="core/heading"] h6,
h5.wp-block[data-type="core/heading"] { h6.wp-block[data-type="core/heading"] {
font-size: 0.875rem; font-size: 1rem;
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
color: #555758; color: #555758;
@ -262,7 +262,9 @@
background: white !important; background: white !important;
border: 1px solid #555758 !important; border: 1px solid #555758 !important;
} }
.wp-block-buttons {
align-items: center;
}
.wp-block-button__link { .wp-block-button__link {
&:not(.has-background) { &:not(.has-background) {
background-color: #298596; background-color: #298596;

View File

@ -205,7 +205,7 @@ body{
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
padding-top: .4rem; padding-top: .4rem;
&::after{ &::after{
display: block; display: inline-block;
clear: both; clear: both;
content: ""; content: "";
} }

File diff suppressed because one or more lines are too long

View File

@ -21,7 +21,9 @@ if ( !empty( $attachments ) || ( get_theme_mod( 'tainacan_single_item_gallery_m
<?php echo esc_html( get_theme_mod('tainacan_single_item_documents_section_label', __( 'Documents', 'tainacan-interface' )) ); ?> <?php echo esc_html( get_theme_mod('tainacan_single_item_documents_section_label', __( 'Documents', 'tainacan-interface' )) ); ?>
</h2> </h2>
<?php endif; ?> <?php endif; ?>
<section class="tainacan-content single-item-collection margin-two-column"> <section
style="<?php echo (!$is_gallery_mode ? 'min-height: 10vh;' : '') ?>"
class="tainacan-content single-item-collection margin-two-column">
<?php <?php
$media_items_thumbs = array(); $media_items_thumbs = array();

View File

@ -40,7 +40,7 @@
?> ?>
</header> </header>
<?php endif; ?> <?php endif; ?>
<section class="tainacan-content text-black margin-two-column"> <section class="tainacan-content margin-two-column">
<?php <?php
the_content(); the_content();
?> ?>