소스 검색

cleaned up Seedlet blocks

Maggie 3 년 전
부모
커밋
da8726abb3

+ 2 - 0
blockbase/assets/ponyfill.css

@@ -497,6 +497,8 @@ p.has-background {
 }
 
 .wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] + label {
+	display: inline-block;
+	line-height: calc( var(--wp--custom--form--checkbox--unchecked--sizing--height) + 2 * var(--wp--custom--form--border--width));
 	margin-left: 0;
 	padding-left: 3em;
 	position: relative;

+ 2 - 0
blockbase/sass/blocks/_post-comments.scss

@@ -85,6 +85,8 @@
 				@include hide-accesibly;
 				margin-left: 0;
 				& + label {
+					display: inline-block;
+					line-height: calc( var(--wp--custom--form--checkbox--unchecked--sizing--height) + 2 * var(--wp--custom--form--border--width));
 					margin-left: 0;
 					padding-left: 3em;
 					position: relative;

+ 1 - 1
blockbase/theme.json

@@ -164,7 +164,7 @@
 						"fontSize": "14px",
 						"position": {
 							"left": "3px",
-							"top": "4px"
+							"top": "3px"
 						},
 						"sizing": {
 							"height": "12px",

+ 1 - 1
mayland-blocks/theme.json

@@ -172,7 +172,7 @@
 						"fontSize": "14px",
 						"position": {
 							"left": "3px",
-							"top": "4px"
+							"top": "3px"
 						},
 						"sizing": {
 							"height": "12px",

+ 1 - 1
quadrat/theme.json

@@ -210,7 +210,7 @@
 						"fontSize": "14px",
 						"position": {
 							"left": "3px",
-							"top": "4px"
+							"top": "3px"
 						},
 						"sizing": {
 							"height": "12px",

+ 2 - 5
seedlet-blocks/assets/theme.css

@@ -218,12 +218,10 @@ is passed all of the block attributes on the block definition in the template. *
 
 .wp-block-post-comments form p {
 	--wp--custom--margin--vertical: var(--wp--custom--margin--baseline);
+	margin-top: var(--wp--custom--margin--baseline);
 }
 
 .wp-block-post-comments form input[type="submit"] {
-	border-radius: var(--wp--custom--button--border--radius);
-	cursor: pointer;
-	font-size: var(--wp--preset--font-size--normal);
 	line-height: 1.5;
 	padding: 23px 25px;
 }
@@ -239,8 +237,7 @@ is passed all of the block attributes on the block definition in the template. *
 
 .wp-block-post-comments form input:not([type=submit]):not([type=checkbox]),
 .wp-block-post-comments form textarea {
-	font-size: var(--wp--preset--font-size--small);
-	width: 100%;
+	--wp--preset--font-size--normal: var(--wp--preset--font-size--small);
 }
 
 .wp-block-post-comments form input:not([type=submit]):not([type=checkbox]):focus,

+ 2 - 5
seedlet-blocks/sass/blocks/_post-comments.scss

@@ -48,12 +48,10 @@
 	form {
 		p {
 			--wp--custom--margin--vertical: var(--wp--custom--margin--baseline);
+			margin-top: var(--wp--custom--margin--baseline);
 		}
 
 		input[type="submit"] {
-			border-radius: var(--wp--custom--button--border--radius);
-			cursor: pointer;
-			font-size: var(--wp--preset--font-size--normal);
 			line-height: 1.5;
 			padding: 23px 25px;
 
@@ -73,8 +71,7 @@
 
 		input:not([type=submit]):not([type=checkbox]),
 		textarea {
-			font-size: var(--wp--preset--font-size--small);
-			width: 100%;
+			--wp--preset--font-size--normal: var(--wp--preset--font-size--small);
 
 			&:focus {
 				color: var(--wp--custom--form--color--text);

+ 1 - 1
seedlet-blocks/theme.json

@@ -205,7 +205,7 @@
 						"fontSize": "14px",
 						"position": {
 							"left": "3px",
-							"top": "4px"
+							"top": "3px"
 						},
 						"sizing": {
 							"height": "12px",