[design] improve horizontal rules

zombieFox · zombieFox · commit dbfed858ac6d · 2019-11-25T13:30:56.000Z
diff --git a/src/css/menu.css b/src/css/menu.css
@@ -74,7 +74,7 @@
 }
 
 .menu-item:not(:last-child){
- border-bottom: 2px solid rgb(var(--theme-gray-03));
+ border-bottom: var(--horizontal-rule);
 }
 
 .menu-item-header{
diff --git a/src/css/typography.css b/src/css/typography.css
@@ -56,7 +56,7 @@ p:not(:last-child){
 
 hr{
 border: 0;
- border-top: 2px solid rgb(var(--theme-gray-02));
+ border-top: var(--horizontal-rule);
 border-radius: var(--theme-radius);
 margin: 1em 0;
 clear: both;
diff --git a/src/css/variables.css b/src/css/variables.css
@@ -73,6 +73,7 @@
 0 0 1em rgba(0, 0, 0, 0.1);
 --layout-shadow-large: 0 0 1em rgba(0, 0, 0, 0.2),
 0 0 2em rgba(0, 0, 0, 0.1);
+ --horizontal-rule: calc(var(--layout-line-width) / 2) solid rgb(var(--theme-gray-02));
 /* background */
 --background-color-theme: var(--theme-gray-01);
 --background-color-custom: rgb(0, 0, 0);

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,7 @@`
`74`	`74`	`}`
`75`	`75`
`76`	`76`	`.menu-item:not(:last-child){`
`77`		`-border-bottom:2px solid rgb(var(--theme-gray-03));`
	`77`	`+border-bottom:var(--horizontal-rule);`
`78`	`78`	`}`
`79`	`79`
`80`	`80`	`.menu-item-header{`
-Original file line number
+Diff line change
 hr{
 border:0;
 -border-top:2px solid rgb(var(--theme-gray-02));
 +border-top:var(--horizontal-rule);
 border-radius:var(--theme-radius);
 margin:1em0;
 clear: both;
-Original file line number
+Diff line change
 emrgba(0,0,0,0.1);
 --layout-shadow-large:001emrgba(0,0,0,0.2),
 emrgba(0,0,0,0.1);
 +--horizontal-rule:calc(var(--layout-line-width) /2) solid rgb(var(--theme-gray-02));
 /* background */
 --background-color-theme:var(--theme-gray-01);
 --background-color-custom:rgb(0,0,0);