[design] improve horizontal rules

This commit is contained in:
zombieFox 2019-11-25 13:30:56 +00:00
parent 61b7d79820
commit dbfed858ac
3 changed files with 3 additions and 2 deletions

View File

@ -74,7 +74,7 @@
} }
.menu-item:not(:last-child) { .menu-item:not(:last-child) {
border-bottom: 2px solid rgb(var(--theme-gray-03)); border-bottom: var(--horizontal-rule);
} }
.menu-item-header { .menu-item-header {

View File

@ -56,7 +56,7 @@ p:not(:last-child) {
hr { hr {
border: 0; border: 0;
border-top: 2px solid rgb(var(--theme-gray-02)); border-top: var(--horizontal-rule);
border-radius: var(--theme-radius); border-radius: var(--theme-radius);
margin: 1em 0; margin: 1em 0;
clear: both; clear: both;

View File

@ -73,6 +73,7 @@
0 0 1em rgba(0, 0, 0, 0.1); 0 0 1em rgba(0, 0, 0, 0.1);
--layout-shadow-large: 0 0 1em rgba(0, 0, 0, 0.2), --layout-shadow-large: 0 0 1em rgba(0, 0, 0, 0.2),
0 0 2em rgba(0, 0, 0, 0.1); 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 */
--background-color-theme: var(--theme-gray-01); --background-color-theme: var(--theme-gray-01);
--background-color-custom: rgb(0, 0, 0); --background-color-custom: rgb(0, 0, 0);