Browse Source

indented Seedet's comments

Maggie 3 years ago
parent
commit
1893368a15
2 changed files with 13 additions and 10 deletions
  1. 5 5
      seedlet-blocks/assets/theme.css
  2. 8 5
      seedlet-blocks/sass/blocks/_post-comments.scss

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

@@ -184,7 +184,6 @@ is passed all of the block attributes on the block definition in the template. *
 .wp-block-post-comments .comment-meta,
 .wp-block-post-comments .comment-author {
 	font-size: var(--wp--preset--font-size--tiny);
-	margin-left: 0;
 }
 
 .wp-block-post-comments .comment-meta a,
@@ -197,10 +196,6 @@ is passed all of the block attributes on the block definition in the template. *
 	--wp--custom--form--label--spacing--margin--bottom: 0;
 }
 
-.wp-block-post-comments .commentlist .comment {
-	padding-left: 0;
-}
-
 .wp-block-post-comments .commentlist > li {
 	margin-bottom: var(--wp--custom--margin--vertical);
 }
@@ -209,6 +204,11 @@ is passed all of the block attributes on the block definition in the template. *
 	border-bottom: 1px solid var(--wp--custom--form--border--color);
 }
 
+.wp-block-post-comments .commentlist .children > li {
+	padding-top: var(--wp--custom--margin--vertical);
+	border-top: 1px solid var(--wp--custom--form--border--color);
+}
+
 .wp-block-post-comments .comment .comment-author .avatar {
 	border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
 	height: 42px;

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

@@ -8,7 +8,6 @@
 	.comment-meta,
 	.comment-author {
 		font-size: var(--wp--preset--font-size--tiny);
-		margin-left: 0;
 
 		a {
 			text-decoration: none;
@@ -23,17 +22,21 @@
 	}
 
 	.commentlist {
-		.comment {
-			padding-left: 0;
-		}
 
 		> li {
 			margin-bottom: var(--wp--custom--margin--vertical);
-
 			&:not(first-child) {
 				border-bottom: 1px solid var(--wp--custom--form--border--color);
 			}
 		}
+
+		.children {
+			> li {
+				padding-top: var(--wp--custom--margin--vertical);
+				border-top: 1px solid var(--wp--custom--form--border--color);
+			}
+
+		}
 	}
 
 	.comment .comment-author {