kuohuanhuan/x-markdown-css
1
0
Fork 0
mirror of https://github.com/kuohuanhuan/x-markdown-css.git synced 2024-11-25 06:18:19 +00:00
Code Releases Wiki Activity

feat(colors)!: rewrite color variables logic

Browse Source
This commit is contained in:
郭桓桓
2023-03-07 21:18:13 +08:00
parent 5568aa278f
commit 21de988cb9
10 changed files with 32 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/partials/code.scss
View File

@ -15,7 +15,7 @@ pre {
margin-bottom: 1.75rem;
padding-top: .875rem, 1.15rem;
border-radius: .375rem;
color: var(--xm-c-pre);
color: var(--xm-c-deep);
font-size: .875rem;
line-height: 1.75;
code {

2
src/partials/figure.scss
View File

@ -3,7 +3,7 @@ figure {
margin-bottom: 2rem;
figcaption {
margin-top: .875rem;
color: var(--xm-c-figcaption);
color: var(--xm-c-border-rev);
font-size: .875rem;
line-height: 1.45;
}

4
src/partials/link.scss
View File

@ -1,11 +1,11 @@
a {
border-bottom: 1px solid var(--xm-c-a-border);
border-bottom: 1px solid var(--xm-c-border);
color: var(--xm-c-deeper);
font-weight: 500;
text-decoration: none;
transition: border .3s ease-in-out;
code {
color: var(--xm-c-code);
color: inherit;
}
&:hover {
border-bottom: 1px solid var(--xm-c-regular);

4
src/partials/list.scss
View File

@ -14,7 +14,7 @@ ol {
content: counter(list-item, decimal) '.';
position: absolute;
left: 0;
color: var(--xm-c-ol-counter);
color: var(--xm-c-shallow);
font-weight: 400;
}
}
@ -35,7 +35,7 @@ ul {
width: .375rem;
height: .375rem;
border-radius: 50%;
background-color: var(--xm-c-ul-counter);
background-color: var(--xm-c-shallower);
}
}
}

2
src/partials/quote.scss
View File

@ -3,7 +3,7 @@ q {
margin-top: 1.65rem;
margin-bottom: 1.65rem;
padding: .6rem 1.2rem;
border-left: .25rem solid var(--xm-c-quote-border);
border-left: .25rem solid var(--xm-c-border);
color: inherit;
font-weight: 500;
font-style: italic;

53
src/partials/table.scss
View File

@ -1,46 +1,19 @@
table {
width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
table-layout: auto;
font-size: .875rem;
line-height: 1.75;
text-align: left;
}
thead {
border-bottom-width: 1px;
border-bottom-color: var(--xm-c-thead-border);
color: var(--xm-c-thead);
font-weight: 600;
th {
vertical-align: bottom;
padding-left: auto .575rem .575rem;
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
}
}
}
tbody {
tr {
border-bottom-width: 1px;
border-bottom-color: var(--xm-c-tr-border);
&:last-child {
border-bottom-width: 0;
}
}
overflow: auto;
border-spacing: 0;
border-collapse: collapse;
th,
td {
vertical-align: top;
padding: .575rem;
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
padding: 6px 13px;
border: 1.5px solid var(--xm-c-border-rev);
}
thead > tr > th {
font-weight: 700;
}
tbody > tr {
&:hover {
background-color: var(--xm-c-shallowest);
}
}
}