瀏覽代碼

Varia: Fix separator styles to remove browsers default “inset” appearance.

Allan Cole 5 年之前
父節點
當前提交
6df503fbde
共有 3 個文件被更改,包括 6 次插入21 次删除
  1. 2 5
      varia/sass/blocks/separator/_style.scss
  2. 2 8
      varia/style-rtl.css
  3. 2 8
      varia/style.css

+ 2 - 5
varia/sass/blocks/separator/_style.scss

@@ -1,12 +1,11 @@
 hr {
-	border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
-	border-bottom-width: #{map-deep-get($config-separator, "height")};
+	border-bottom: #{map-deep-get($config-separator, "height")} solid #{map-deep-get($config-global, "color", "border", "default")};
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
 
 	&.wp-block-separator {
-		border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
+		border-bottom: #{map-deep-get($config-separator, "height")} solid #{map-deep-get($config-global, "color", "border", "default")};
 
 		&:not(.is-style-wide):not(.is-style-dots) {
 			max-width: #{map-deep-get($config-separator, "width")};
@@ -17,8 +16,6 @@ hr {
 		 */
 		&.is-style-wide {
 			@extend %responsive-aligndefault;
-			border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
-			border-bottom-width: #{map-deep-get($config-separator, "height")};
 		}
 
 		&.is-style-dots {

+ 2 - 8
varia/style-rtl.css

@@ -1855,15 +1855,14 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #DDDDDD;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	margin-right: auto;
 	margin-left: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #DDDDDD;
+	border-bottom: 2px solid #DDDDDD;
 	/**
 		 * Block Options
 		 */
@@ -1873,11 +1872,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	max-width: 96px;
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #DDDDDD;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #DDDDDD;
 	font-size: 1.728rem;

+ 2 - 8
varia/style.css

@@ -1855,15 +1855,14 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #DDDDDD;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #DDDDDD;
+	border-bottom: 2px solid #DDDDDD;
 	/**
 		 * Block Options
 		 */
@@ -1873,11 +1872,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	max-width: 96px;
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #DDDDDD;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #DDDDDD;
 	font-size: 1.728rem;