Переглянути джерело

Shawburn: Reduce separator height

Thomas Guillot 5 роки тому
батько
коміт
f643959c1b

+ 1 - 2
shawburn/sass/_config-child-theme-deep.scss

@@ -277,9 +277,8 @@ $config-quote: (
 /**
  * Separator
  */
-
 $config-separator: (
-	"height": 2px,
+	"height": 1px,
 	"width": #{6 * map-deep-get($config-global, "spacing", "horizontal")},
 );
 

+ 6 - 0
shawburn/sass/_extra-child-theme.scss

@@ -349,6 +349,12 @@ hr.wp-block-separator.is-style-wide,
 	}
 }
 
+// Separator
+.wp-block-separator {
+	border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
+	border-bottom-width: #{map-deep-get($config-separator, "height")};
+}
+
 // Table block
 table,
 .wp-block-table {

+ 2 - 2
shawburn/style-editor.css

@@ -600,7 +600,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-separator,
 hr {
-	border-bottom: 2px solid #E0E0E0;
+	border-bottom: 1px solid #E0E0E0;
 	clear: both;
 }
 
@@ -612,7 +612,7 @@ hr[style*="text-align: right"] {
 
 .wp-block-separator.is-style-wide,
 hr.is-style-wide {
-	border-bottom-width: 2px;
+	border-bottom-width: 1px;
 }
 
 .wp-block-separator.is-style-dots,

+ 7 - 2
shawburn/style-rtl.css

@@ -1890,7 +1890,7 @@ p.has-background {
 
 hr {
 	border-bottom-color: #E0E0E0;
-	border-bottom-width: 2px;
+	border-bottom-width: 1px;
 	clear: both;
 	margin-right: auto;
 	margin-left: auto;
@@ -1909,7 +1909,7 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 
 hr.wp-block-separator.is-style-wide {
 	border-bottom-color: #E0E0E0;
-	border-bottom-width: 2px;
+	border-bottom-width: 1px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
@@ -3726,6 +3726,11 @@ hr.wp-block-separator.is-style-wide,
 	padding: 0;
 }
 
+.wp-block-separator {
+	border-bottom-color: #E0E0E0;
+	border-bottom-width: 1px;
+}
+
 table td,
 table th,
 .wp-block-table td,

+ 7 - 2
shawburn/style.css

@@ -1890,7 +1890,7 @@ p.has-background {
 
 hr {
 	border-bottom-color: #E0E0E0;
-	border-bottom-width: 2px;
+	border-bottom-width: 1px;
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
@@ -1909,7 +1909,7 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 
 hr.wp-block-separator.is-style-wide {
 	border-bottom-color: #E0E0E0;
-	border-bottom-width: 2px;
+	border-bottom-width: 1px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
@@ -3743,6 +3743,11 @@ hr.wp-block-separator.is-style-wide,
 	padding: 0;
 }
 
+.wp-block-separator {
+	border-bottom-color: #E0E0E0;
+	border-bottom-width: 1px;
+}
+
 table td,
 table th,
 .wp-block-table td,