kuohuanhuan
/
x-markdown-css
mirror of https://github.com/kuohuanhuan/x-markdown-css.git
1
0
Fork 0
Code Releases Wiki Activity

refactor(vars): create `modes` directory

This commit is contained in:
郭桓桓 2023-03-04 16:53:06 +08:00
parent 5ee77990a6
commit 213ea5f44f
Signed by: kuohuanhuan
GPG Key ID: FD846A0A797B0D75
9 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/partials/code.scss
View File

@ -1,5 +1,5 @@
code { code {
color: var(--xm-c-dark); color: var(--xm-c-deep);
font-weight: 600; font-weight: 600;
font-size: .875rem; font-size: .875rem;
font-family: var(--xm-font-mono); font-family: var(--xm-font-mono);

2
src/scss/partials/link.scss
View File

@ -1,5 +1,5 @@
a { a {
color: var(--xm-c-darker); color: var(--xm-c-deeper);
font-weight: 500; font-weight: 500;
text-decoration: none; text-decoration: none;
code { code {

4
src/scss/partials/text.scss
View File

@ -3,11 +3,11 @@ p {
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
strong { strong {
color: var(--xm-c-dark); color: var(--xm-c-deep);
font-weight: 600; font-weight: 600;
} }
b { b {
color: var(--xm-c-dark); color: var(--xm-c-deep);
} }
em { em {
color: inherit; color: inherit;

4
src/scss/partials/title.scss
View File

@ -1,7 +1,7 @@
h1 { h1 {
margin-top: 0; margin-top: 0;
margin-bottom: .875rem; margin-bottom: .875rem;
color: var(--xm-c-darker); color: var(--xm-c-deeper);
font-weight: 800; font-weight: 800;
font-size: 2.25rem; font-size: 2.25rem;
line-height: 1.15; line-height: 1.15;
@ -9,7 +9,7 @@ h1 {
h2 { h2 {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
color: var(--xm-c-dark); color: var(--xm-c-deep);
font-weight: 700; font-weight: 700;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.35; line-height: 1.35;

3
src/scss/variables/_dark.scss
View File

@ -1,3 +0,0 @@
$regular: #bbb;
$dark: #ddd;
$darker: #fff;

3
src/scss/variables/_light.scss
View File

@ -1,3 +0,0 @@
$regular: #555;
$dark: #222;
$darker: #000;

3
src/scss/variables/modes/_dark.scss Normal file
View File

@ -0,0 +1,3 @@
$regular: #bbb;
$deep: #ddd;
$deeper: #fff;

3
src/scss/variables/modes/_light.scss Normal file
View File

@ -0,0 +1,3 @@
$regular: #555;
$deep: #222;
$deeper: #000;

5
src/scss/vars.scss
View File

@ -2,8 +2,9 @@
@use 'variables/constants'; @use 'variables/constants';
@use 'variables/colors'; @use 'variables/colors';
@use 'variables/light';
@use 'variables/dark'; @use 'variables/modes/light';
@use 'variables/modes/dark';
:root { :root {
@each $name, $val in module-variables('constants') { @each $name, $val in module-variables('constants') {