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

style: unite and reorder CSS rules

Browse Source
This commit is contained in:
郭桓桓
2023-03-02 20:05:26 +08:00
parent 32058aa5d3
commit f967cc6bad
13 changed files with 70 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/scss/markdown.scss
View File

@ -1,6 +1,6 @@
.markdown-body {
font-family: var(--xm-font-regular) !important;
color: var(--xm-c-general);
font-family: var(--xm-font-regular) !important;
pre {
&:not(.shiki, .highlight) {
margin: 0;
@ -25,9 +25,9 @@
width: 100%;
}
a {
border-bottom: 1px solid var(--xm-c-link-border);
font-weight: inherit;
text-decoration: none;
border-bottom: 1px solid var(--xm-c-link-border);
transition: border .3s ease-in-out;
&:hover {
border-bottom: 1px solid var(--xm-c-general);
@ -37,8 +37,8 @@
}
}
hr {
margin: 2rem auto;
width: 50px;
margin: 2rem auto;
}
blockquote,
q {
@ -83,9 +83,9 @@ html:not(.dark) .shiki-dark,
margin-top: .125rem;
margin-left: -1.2rem;
padding-right: .5rem;
font-size: .85rem;
text-decoration: none;
border: 0 !important;
font-size: .875rem;
text-decoration: none;
opacity: 0;
&:hover,
&:focus {

2
src/scss/partial/_container.scss
View File

@ -1,6 +1,6 @@
@mixin container {
max-width: fit-content;
font-size: 1rem;
color: var(--xm-c-general);
font-size: 1rem;
line-height: 1.75;
}

24
src/scss/partial/code.scss
View File

@ -1,8 +1,8 @@
code {
font-size: .85rem;
font-weight: 600;
font-family: var(--xm-font-code);
color: var(--xm-c-dark);
font-weight: 600;
font-size: .875rem;
font-family: var(--xm-font-code);
&::before,
&::after {
content: '`';
@ -11,21 +11,21 @@ code {
pre {
overflow-x: auto;
margin-top: 1.75rem;
padding-top: .85rem, 1.15rem;
font-size: .85rem;
color: var(--xm-c-pre);
line-height: 1.75;
margin-bottom: 1.75rem;
padding-top: .875rem, 1.15rem;
border-radius: .375rem;
color: var(--xm-c-pre);
font-size: .875rem;
line-height: 1.75;
code {
padding: 0;
font-size: inherit;
font-family: inherit;
font-weight: 400;
color: inherit;
background: transparent;
border-width: 0;
border-radius: 0;
background: transparent;
color: inherit;
font-weight: 400;
font-size: inherit;
font-family: inherit;
line-height: inherit;
&::before,
&::after {

4
src/scss/partial/figure.scss
View File

@ -2,9 +2,9 @@ figure {
margin-top: 2rem;
margin-bottom: 2rem;
figcaption {
margin-top: .85rem;
font-size: .85rem;
margin-top: .875rem;
color: var(--xm-c-figcaption);
font-size: .875rem;
line-height: 1.45;
}
> * {

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

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

6
src/scss/partial/list.scss
View File

@ -13,8 +13,8 @@ ol {
content: counter(list-item, decimal) '.';
position: absolute;
left: 0;
font-weight: 400;
color: var(--xm-c-ol-counter);
font-weight: 400;
}
}
}
@ -28,12 +28,12 @@ ul {
&::before {
content: '';
position: absolute;
top: .685rem;
top: .675rem;
left: .25rem;
width: .375rem;
height: .375rem;
background-color: var(--xm-c-ul-counter);
border-radius: 50%;
background-color: var(--xm-c-ul-counter);
}
}
}

4
src/scss/partial/quote.scss
View File

@ -3,10 +3,10 @@ q {
margin-top: 1.65rem;
margin-bottom: 1.65rem;
padding-left: 1rem;
border-left: .25rem solid var(--xm-c-blockquote-border);
color: inherit;
font-weight: 500;
font-style: italic;
color: inherit;
border-left: .25rem solid var(--xm-c-blockquote-border);
quotes: '\201C''\201D''\2018''\2019';
p {
&:first-of-type::before {

14
src/scss/partial/table.scss
View File

@ -1,22 +1,20 @@
table {
width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
width: 100%;
table-layout: auto;
font-size: .85rem;
text-align: left;
font-size: .875rem;
line-height: 1.75;
text-align: left;
}
thead {
font-weight: 600;
color: var(--xm-c-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-right: .575rem;
padding-bottom: .575rem;
padding-left: .575rem;
padding-left: auto .575rem .575rem;
&:first-child {
padding-left: 0;
}

2
src/scss/partial/text.scss
View File

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

30
src/scss/partial/title.scss
View File

@ -1,20 +1,20 @@
h1 {
margin-top: 0;
margin-bottom: .8889rem;
font-size: 2.25rem;
font-weight: 800;
margin-bottom: .875rem;
color: var(--xm-c-darker);
font-weight: 800;
font-size: 2.25rem;
line-height: 1.15;
}
h2 {
margin-top: 2rem;
font-size: 1.5rem;
font-weight: 700;
color: var(--xm-c-dark);
margin-bottom: 1rem;
color: var(--xm-c-dark);
font-weight: 700;
font-size: 1.5rem;
line-height: 1.35;
code {
font-size: .85rem;
font-size: .875rem;
}
+ * {
margin-top: 0;
@ -22,10 +22,10 @@ h2 {
}
h3 {
margin-top: 1.6rem;
font-size: 1.25rem;
font-weight: 600;
color: inherit;
margin-bottom: .6rem;
color: inherit;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.6;
opacity: .7;
code {
@ -37,9 +37,9 @@ h3 {
}
h4 {
margin-top: 1.5rem;
font-weight: 600;
color: inherit;
margin-bottom: .5rem;
color: inherit;
font-weight: 600;
line-height: 1.5;
+ * {
margin-top: 0;
@ -47,17 +47,17 @@ h4 {
}
h5,
h6 {
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 500;
opacity: .5;
letter-spacing: 2px;
text-transform: uppercase;
opacity: .5;
}
hr {
margin-top: 3rem;
border-color: var(--xm-c-hr-border);
margin-bottom: 3rem;
border-color: var(--xm-c-hr-border);
+ * {
margin-top: 0;
}