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

View File

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

View File

@ -205,7 +205,7 @@ body{
h1, h2, h3, h4, h5, h6 {
padding-top: .4rem;
&::after{
display: block;
display: inline-block;
clear: both;
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' )) ); ?>
</h2>
<?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
$media_items_thumbs = array();

View File

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