Browse Source

remove additional CSS related to block issues

madhusudhand 2 years ago
parent
commit
61cb60fa3e

+ 1 - 1
hey/patterns/comments.php

@@ -14,7 +14,7 @@
 		<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">
 			<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} -->
 			<div class="wp-block-group">
-				<!-- wp:avatar {"size":40,"style":{"border":{"radius":"999px"}}} /-->
+				<!-- wp:avatar {"size":40} /-->
 
 				<!-- wp:group -->
 				<div class="wp-block-group">

+ 2 - 2
hey/patterns/footer.php

@@ -6,8 +6,8 @@
  * Block Types: core/template-part/footer
  */
 ?>
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--50)">
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70)">
 	<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"secondary","fontSize":"small"} -->
 	<p class="has-secondary-color has-text-color has-link-color has-small-font-size" style="line-height:1.5"><?php
 			/* Translators: WordPress link. */

+ 2 - 2
hey/patterns/header-commerce.php

@@ -6,8 +6,8 @@
  * Block Types: core/template-part/header
  */
 ?>
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)">
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|80"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--80)">
 	<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
 	<div class="wp-block-group alignwide">
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->

+ 2 - 2
hey/patterns/header-wide.php

@@ -6,8 +6,8 @@
  * Block Types: core/template-part/header
  */
 ?>
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)">
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|80"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--80)">
 	<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
 	<div class="wp-block-group alignwide">
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->

+ 2 - 2
hey/patterns/header.php

@@ -6,8 +6,8 @@
  * Block Types: core/template-part/header
  */
 ?>
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)">
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|80"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--80)">
 	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
 	<div class="wp-block-group">
 		<!-- wp:site-logo {"width":70,"className":"is-style-rounded"} /-->

+ 21 - 122
hey/style.css

@@ -60,162 +60,61 @@ a {
 	text-underline-offset: .1em;
 }
 
-/* Adjust the Gutenberg styles for the outline button */
+/* Styles for outline button */
 .wp-block-button.is-style-outline>.wp-block-button__link {
 	border: 1px solid var(--wp--preset--color--foreground);
 	padding: calc(8px - 1px) calc(32px - 1px);
 }
 
-/* Reset browser default margins for blockquote element */
-.wp-block-pullquote blockquote {
-	margin: 0;
-}
-
-/* Search button inside style */
+/* 
+ * Styles for search block
+ * https://github.com/WordPress/gutenberg/issues/49249
+ */
 .wp-block-search__button-inside .wp-block-search__inside-wrapper {
 	border-radius: 999px;
 	padding: 9px;
 }
+.wp-block-search__input,
+.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	border-color: var(--wp--preset--color--tertiary);
+}
 
 /* Adjust font size for comment reply title */
 .wp-block-post-comments-form .comment-reply-title {
 	font-size: var(--wp--preset--font-size--large);
 }
 
-/*
- * Responsive menu container padding.
- * This ensures the responsive container inherits the same
- * spacing defined above. This behavior may be built into
- * the Block Editor in the future.
- */
-.wp-block-navigation__responsive-container.is-menu-open {
-	padding: var(--wp--preset--spacing--50);
-}
-
 /* Adjust the top padding for the submenu items */
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
 	padding-top: var(--wp--preset--spacing--30);
 }
 
-/* Override the Gutenberg style to theme style */
-.wp-block-post-author__byline,
-.wp-block-post-author__bio {
-	font-size: inherit;
-}
-
-/* Reset the vertical alignment */
+/* 
+ * Styles for Author blocks
+ * https://github.com/WordPress/gutenberg/issues/24952
+ */
 .wp-block-post-author__avatar img {
 	border-radius: 999px;
 	line-height: 0;
 }
+.wp-block-post-author__byline,
+.wp-block-post-author__bio {
+	font-size: inherit;
+}
 
-/* Style tag cloud outline style  */
+/* 
+ * Style for tag cloud
+ * https://github.com/WordPress/gutenberg/issues/49249
+ */
 .wp-block-tag-cloud.is-style-outline a {
 	border-radius: 999px;
 	padding: 0 0.5rem;
 }
-
 .wp-block-tag-cloud.is-style-outline a:hover {
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary);
 }
 
-/* Remove the default margin from author bio */
-.wp-block-post-author__bio {
-	margin: 0;
-}
-
-/* Remove the default margin from term description. */
-.wp-block-term-description p:first-child {
-	margin-top: 0;
-}
-
-.wp-block-term-description p:last-child {
-	margin-bottom: 0;
-}
-
-/* Match the style of download button with the button block. */
-.wp-block-file:not(.wp-element-button) {
-	font-size: inherit;
-}
-
-/* Normalise font sizes for the latest comments and latest posts widgets */
-.wp-block-latest-comments__comment-excerpt p,
-.wp-block-latest-comments__comment-date,
-.wp-block-latest-posts__post-author,
-.wp-block-latest-posts__post-date {
-	font-size: inherit;
-}
-
-/* Adjust font colour in the Calendar widget */
-.wp-block-calendar table:where(:not(.has-text-color)) {
-	color: var(--wp--preset--color--foreground);
-}
-
-/* Fix border radius setting for the avatar block */
-.wp-block-avatar a,
-.wp-block-avatar img {
-	border-radius: inherit;
-}
-
-/* Style  border colour for search and Jetpack subscription blocks */
-.wp-block-search__input,
-.wp-block-search__button-inside .wp-block-search__inside-wrapper,
-.wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline form input[type="email"] {
-	border-color: var(--wp--preset--color--tertiary);
-}
-
-/* Needed to style input field for various Jetpack blocks */
-.wp-block-jetpack-contact-form input:not([type="submit"]):not([type="checkbox"]),
-.wp-block-jetpack-contact-form select,
-.wp-block-jetpack-contact-form textarea,
-.wp-block-jetpack-mailchimp input:not([type="submit"]):not([type="checkbox"]),
-.wp-block-jetpack-revue input:not([type="submit"]):not([type="checkbox"]) {
-	background-color: #fff;
-	border: 1px solid var(--wp--preset--color--tertiary);
-	font-size: 1em;
-	padding: 0.5rem;
-}
-
-.wp-block-jetpack-contact-form.contact-form label {
-	font-weight: 400;
-}
-
-.wp-block-jetpack-contact-form.contact-form label span {
-	opacity: 0.7;
-}
-
-.wp-block-jetpack-contact-form.contact-form select {
-	padding: 0.5rem;
-}
-
-.wp-block-jetpack-contact-form.contact-form textarea {
-	margin-bottom: var(--wp--preset--spacing--40);
-}
-
-/* Style the feedback you get after submitting the contact form */
-div[id^="contact-form-"] h3 {
-	font-size: var(--wp--preset--font-size--medium);
-	line-height: 1.75;
-}
-
-div[id^="contact-form-"] .contact-form-submission {
-	margin: 0;
-	padding: 0;
-}
-
-/* Adjust vertical margins in the mailchimp block */
-.wp-block-jetpack-mailchimp .wp-block-jetpack-button,
-.wp-block-jetpack-mailchimp p {
-	margin: var(--wp--preset--spacing--40) 0;
-}
-
-/* Adjust the size of the consent text in mailchimp block */
-#wp-block-jetpack-mailchimp_consent-text {
-	font-size: var(--wp--preset--font-size--small);
-	margin-bottom: 0;
-}
-
 /* Keep the post date single line on the front page */
 .nowrap time {
 	white-space: nowrap;

+ 2 - 2
hey/templates/front-page.html

@@ -1,5 +1,5 @@
-<!-- wp:cover {"dimRatio":90,"overlayColor":"background","minHeight":90,"minHeightUnit":"vh","isDark":false,"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
-<div class="wp-block-cover is-light" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:90vh"><span aria-hidden="true" class="wp-block-cover__background has-background-background-color has-background-dim-90 has-background-dim"></span>
+<!-- wp:cover {"dimRatio":90,"overlayColor":"background","minHeight":90,"minHeightUnit":"vh","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-cover is-light" style="padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:90vh"><span aria-hidden="true" class="wp-block-cover__background has-background-background-color has-background-dim-90 has-background-dim"></span>
 	<div class="wp-block-cover__inner-container">
 		<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"layout":{"type":"constrained"}} -->
 		<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">

+ 2 - 2
hey/theme.json

@@ -1076,9 +1076,9 @@
 		"spacing": {
 			"blockGap": "var:preset|spacing|50",
 			"padding": {
-				"top": "0",
+				"top": "var:preset|spacing|50",
 				"right": "var:preset|spacing|50",
-				"bottom": "0",
+				"bottom": "var:preset|spacing|50",
 				"left": "var:preset|spacing|50"
 			}
 		},