/** * Media & Text. */ .wp-block-media-text { grid-gap: var(--wp--preset--spacing--80); } .wp-block-media-text .wp-block-media-text__content { padding: 0; } /** * Forms. */ input:not([type=submit]), select, textarea, .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments-form textarea { border: 1px solid var(--wp--preset--color--gray-300); border-radius: 4px; outline: none; padding: var(--wp--preset--spacing--20) 12px; line-height: 1.5; } input[type=checkbox], .wp-block-post-comments-form input[type=checkbox] { margin: 0 0 0 var(--wp--preset--spacing--20); width: var(--wp--preset--spacing--50); } .wp-block-search__button-inside .wp-block-search__input { border: none; } /** ======================================== WP Blocks ======================================== **/ /** * Buttons. */ /* To fix issue in core: the global button font weight style overriding individual button block font weight */ /* TODO: remove it when it get fixed in core */ .wp-block-buttons > .wp-block-button, input[type=submit] { font-weight: 500; } /** ======================================== Template Parts ======================================== **/ header.wp-block-template-part { box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08); } footer.wp-block-template-part { margin-block-start: 0; } /** ======================================== Header ======================================== **/ .wp-block-search .wp-block-search__button { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .wp-block-search__button-only .wp-block-search__inside-wrapper { gap: var(--wp--preset--spacing--20); } /** ======================================== Comment Form ======================================== **/ .comment-form-comment label { display: block; margin-bottom: 0.25em; font-weight: 500; } .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin: 0 0 0 var(--wp--preset--spacing--20); } .wp-block-post-comments-form .comment-form-cookies-consent { gap: 0; } .wp-block-post-comments-form .comment-reply-title :where(small) { margin-right: var(--wp--preset--spacing--50); } .wp-block-comment-template > li:not(:first-child) { border-top: 1px solid var(--wp--preset--color--gray-300); padding-top: var(--wp--preset--spacing--50); } /** * Content */ /* todo: remove it after padding applied to figure element in WordPress Core */ .wp-block-post-featured-image img, .wp-block-post-featured-image .block-editor-media-placeholder, .wp-block-post-featured-image .wp-block-post-featured-image__overlay { padding: 4px; } .wp-block-post-content { margin-top: 0; margin-bottom: 0; }