Canard: Fix display of dotted separator (#7980)

The dotted separator wasn't displaying because the height of the
separator was too small. This change overrides the height for the dotted
separator only.

canard/blocks.css

@@ -272,11 +272,14 @@ hr.wp-block-separator {
 .wp-block-separator {
 	background-color: #ddd;
 	border: 0;
-	height: 1px;
 	margin-bottom: 30px;
 	max-width: 66%;
 }
 
+.wp-block-separator:not(.is-style-dots) {
+	height: 1px;
+}
+
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	margin-left: auto;
 	margin-right: auto;

canard/editor-blocks.css

@@ -1,4 +1,4 @@
-
+`
 /*
  * Theme Name: Canard
  * Description: Gutenberg Block Editor Styles
@@ -747,14 +747,18 @@
 }
 
 /* Separator */
+
 .wp-block-separator {
 	background-color: #ddd;
 	border: 0;
-	height: 1px;
 	margin-bottom: 30px;
 	max-width: 66%;
 }
 
+.wp-block-separator:not(.is-style-dots) {
+	height: 1px;
+}
+
 .wp-block-separator.is-wide {
 	max-width: 100%;
 }