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

Compare commits

...

7 Commits

6 changed files with 25 additions and 30 deletions

View File

@ -22,12 +22,12 @@ jobs:
uses: actions/setup-node@v3 uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
registry-url: https://registry.npmjs.org/ registry-url: https://registry.npmjs.com
# Step III # Step III
- name: Install Dependencies - name: Install Dependencies
run: npm ci run: npm ci
# Step IV # Step IV
- name: Lint - name: Test Lint
run: npm run lint run: npm run lint
# Test Build # Test Build
build: build:
@ -47,7 +47,7 @@ jobs:
uses: actions/setup-node@v3 uses: actions/setup-node@v3
with: with:
node-version: ${{ matrix.node-version }} node-version: ${{ matrix.node-version }}
registry-url: https://registry.npmjs.org/ registry-url: https://registry.npmjs.com
# Step III # Step III
- name: Install Dependencies - name: Install Dependencies
run: npm ci run: npm ci

View File

@ -21,7 +21,7 @@ jobs:
uses: actions/setup-node@v3 uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
registry-url: https://registry.npmjs.org/ registry-url: https://registry.npmjs.com
# Step III # Step III
- name: Install Dependencies - name: Install Dependencies
run: npm ci run: npm ci

View File

@ -1,12 +1,12 @@
<h1 align="center">x-markdown-css</h1> <h1 align="center">x-markdown-css</h1>
<p align="center"> <center>
[![Version](https://img.shields.io/npm/v/x-markdown-css.svg)](https://www.npmjs.com/package/x-markdown-css) [![Version](https://img.shields.io/npm/v/x-markdown-css.svg)](https://www.npmjs.com/package/x-markdown-css)
[![Node.js Requirement](https://img.shields.io/badge/node-%3E%3D16-blue.svg)](https://github.com/kuohuanhuan/x-markdown-css/blob/master/package.json) [![Node.js Requirement](https://img.shields.io/badge/node-%3E%3D16-blue.svg)](https://github.com/kuohuanhuan/x-markdown-css/blob/master/package.json)
[![MIT License](https://img.shields.io/github/license/kuohuanhuan/x-markdown-css)](https://github.com/kuohuanhuan/x-markdown-css/blob/master/LICENSE) [![MIT License](https://img.shields.io/github/license/kuohuanhuan/x-markdown-css)](https://github.com/kuohuanhuan/x-markdown-css/blob/master/LICENSE)
</p> </center>
> A simple and customizable markdown CSS stylesheet for everyone. > A simple and customizable markdown CSS stylesheet for everyone.
@ -50,11 +50,11 @@ You can use the minified CSS file with a CDN service:
## Uses ## Uses
- [SCSS](https://sass-lang.com): CSS pre-processor. - [SCSS](https://sass-lang.com)
- [Stylelint](https://stylelint.io): Linting SCSS codes. - [Stylelint](https://stylelint.io)
- [Grunt](https://gruntjs.com): Automating build tasks. - [Grunt](https://gruntjs.com)
- [PostCSS](https://postcss.org): Transforming CSS dist. - [PostCSS](https://postcss.org)
- [cssnano](https://cssnano.co): Compressing CSS dist. - [cssnano](https://cssnano.co)
*...and much more.* *...and much more.*

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{ {
"name": "x-markdown-css", "name": "x-markdown-css",
"version": "0.0.0-20230302.4", "version": "0.0.0-20230302.7",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {

View File

@ -1,6 +1,6 @@
{ {
"name": "x-markdown-css", "name": "x-markdown-css",
"version": "0.0.0-20230302.4", "version": "0.0.0-20230302.7",
"description": "A simple and customizable markdown CSS stylesheet for everyone.", "description": "A simple and customizable markdown CSS stylesheet for everyone.",
"keywords": [ "keywords": [
"markdown", "markdown",

View File

@ -1,12 +1,10 @@
.markdown-body { .markdown-body {
color: var(--xm-c-general); color: var(--xm-c-general);
font-family: var(--xm-font-display) !important; font-family: var(--xm-font-display) !important;
pre { pre:not(.shiki, .highlight) {
&:not(.shiki, .highlight) { margin: 0;
margin: 0; padding: 0;
padding: 0; background: transparent;
background: transparent;
}
} }
.shiki, .shiki,
.highlight { .highlight {
@ -81,7 +79,7 @@ html:not(.dark) .shiki-dark,
.header-anchor { .header-anchor {
float: left; float: left;
margin-top: .125rem; margin-top: .125rem;
margin-left: -1.2rem; margin-left: -1.25rem;
padding-right: .5rem; padding-right: .5rem;
border: 0 !important; border: 0 !important;
font-size: .875rem; font-size: .875rem;
@ -92,16 +90,13 @@ html:not(.dark) .shiki-dark,
text-decoration: none; text-decoration: none;
} }
} }
h1, @for $i from 1 through 6 {
h2, h#{$i} {
h3, &:hover,
h4, &:focus {
h5, .header-anchor {
h6 { opacity: .5;
&:hover, }
&:focus {
.header-anchor {
opacity: .5;
} }
} }
} }