mirror of
				https://github.com/kuohuanhuan/x-markdown-css.git
				synced 2024-11-25 06:18:19 +00:00 
			
		
		
		
	Compare commits
	
		
			24 Commits
		
	
	
		
			3e1fb0425a
			...
			v0.1.1-pat
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 5568aa278f | |||
| 919ebfaf39 | |||
| 458b495b44 | |||
| ff23b42eec | |||
| 32be4bf51a | |||
| ce94858f01 | |||
| 6c0c7e7624 | |||
| 10ae6dc593 | |||
| 28fcbf66a8 | |||
| e9264bfa01 | |||
| 0e6c171424 | |||
| d45e09d7bf | |||
| eb2e5f532a | |||
| 2e99e64a3e | |||
| 877ea710d6 | |||
| df63212d6d | |||
| ee89b96068 | |||
| 63a6fc2072 | |||
| e54282e5f8 | |||
| 2b9619f2e2 | |||
| 2cb60cc6c4 | |||
| beedb0e803 | |||
| 77e57fe3ae | |||
| 5f45d99381 | 
							
								
								
									
										8
									
								
								.github/workflows/ci.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										8
									
								
								.github/workflows/ci.yml
									
									
									
									
										vendored
									
									
								
							| @ -4,6 +4,12 @@ on: | |||||||
|   push: |   push: | ||||||
|     branches: |     branches: | ||||||
|       - master |       - master | ||||||
|  |     paths: | ||||||
|  |       - src/**.scss | ||||||
|  |       - package.json | ||||||
|  |       - Gruntfile.coffee | ||||||
|  |       - .stylelintrc | ||||||
|  |       - .stylelintignore | ||||||
|   pull_request: |   pull_request: | ||||||
|     branches: |     branches: | ||||||
|       - master |       - master | ||||||
| @ -21,7 +27,7 @@ jobs: | |||||||
|       - name: Setup Node.js |       - name: Setup Node.js | ||||||
|         uses: actions/setup-node@v3 |         uses: actions/setup-node@v3 | ||||||
|         with: |         with: | ||||||
|           node-version: 18 |           node-version: lts/* | ||||||
|           registry-url: https://registry.npmjs.com |           registry-url: https://registry.npmjs.com | ||||||
|       # Step III |       # Step III | ||||||
|       - name: Install Dependencies |       - name: Install Dependencies | ||||||
|  | |||||||
							
								
								
									
										8
									
								
								.github/workflows/release.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										8
									
								
								.github/workflows/release.yml
									
									
									
									
										vendored
									
									
								
							| @ -1,4 +1,4 @@ | |||||||
| name: Build and Release | name: Release | ||||||
|  |  | ||||||
| on: | on: | ||||||
|   push: |   push: | ||||||
| @ -8,8 +8,8 @@ on: | |||||||
| jobs: | jobs: | ||||||
|   # NPM Registry & GitHub Release |   # NPM Registry & GitHub Release | ||||||
|   release: |   release: | ||||||
|     # Use Ubuntu 22.04 LTS |     # Use Windows Server 2022 | ||||||
|     runs-on: ubuntu-22.04 |     runs-on: windows-2022 | ||||||
|     steps: |     steps: | ||||||
|       # Step I |       # Step I | ||||||
|       - name: Get Source Code |       - name: Get Source Code | ||||||
| @ -20,7 +20,7 @@ jobs: | |||||||
|       - name: Setup Node.js |       - name: Setup Node.js | ||||||
|         uses: actions/setup-node@v3 |         uses: actions/setup-node@v3 | ||||||
|         with: |         with: | ||||||
|           node-version: 18 |           node-version: lts/* | ||||||
|           registry-url: https://registry.npmjs.com |           registry-url: https://registry.npmjs.com | ||||||
|       # Step III |       # Step III | ||||||
|       - name: Install Dependencies |       - name: Install Dependencies | ||||||
|  | |||||||
							
								
								
									
										19
									
								
								.stylelintrc
									
									
									
									
									
								
							
							
						
						
									
										19
									
								
								.stylelintrc
									
									
									
									
									
								
							| @ -1,21 +1,4 @@ | |||||||
| { | { | ||||||
|   "ignoreDisables": true, |   "ignoreDisables": true, | ||||||
|   "extends": [ |   "extends": "@kuohuanhuan/stylelint-config" | ||||||
|     "stylelint-config-standard-scss", |  | ||||||
|     "stylelint-config-hudochenkov/order" |  | ||||||
|   ], |  | ||||||
|   "plugins": ["stylelint-scss"], |  | ||||||
|   "rules": { |  | ||||||
|     "alpha-value-notation": "number", |  | ||||||
|     "at-rule-empty-line-before": null, |  | ||||||
|     "block-no-empty": true, |  | ||||||
|     "color-named": "never", |  | ||||||
|     "color-hex-case": "lower", |  | ||||||
|     "import-notation": null, |  | ||||||
|     "max-nesting-depth": 5, |  | ||||||
|     "no-invalid-position-at-import-rule": null, |  | ||||||
|     "number-leading-zero": "never", |  | ||||||
|     "property-no-vendor-prefix": true, |  | ||||||
|     "rule-empty-line-before": null |  | ||||||
|   } |  | ||||||
| } | } | ||||||
|  | |||||||
							
								
								
									
										32
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										32
									
								
								README.md
									
									
									
									
									
								
							| @ -14,37 +14,9 @@ | |||||||
|  |  | ||||||
| According to [.browserslistrc](https://github.com/kuohuanhuan/x-markdown-css/blob/master/.browserslistrc), `x-markdown-css` supports **all browsers support CSS variables.** | According to [.browserslistrc](https://github.com/kuohuanhuan/x-markdown-css/blob/master/.browserslistrc), `x-markdown-css` supports **all browsers support CSS variables.** | ||||||
|  |  | ||||||
| ## Usage | ## Get Started | ||||||
|  |  | ||||||
| You can use `x-markdown-css` with: | Visit the [Wiki](https://github.com/kuohuanhuan/x-markdown-css/wiki) page for more information. | ||||||
|  |  | ||||||
| 1. A CDN service: |  | ||||||
|  |  | ||||||
| - UNPKG: `https://unpkg.com/x-markdown-css` |  | ||||||
| - jsDelivr: `https://fastly.jsdelivr.net/npm/x-markdown-css` |  | ||||||
| - CDNJS: *Coming soon. **Waiting for you to make `x-markdown-css` [popular enough](https://github.com/cdnjs/packages/blob/master/CONTRIBUTING.md#policy-rules-and-guidelines)**!* |  | ||||||
|  |  | ||||||
| > *ps. Note that `bundle.css` without `.min` stands for unminified version.* |  | ||||||
|  |  | ||||||
| 1. A CSS (with Node.js) / Sass / SCSS project: |  | ||||||
|  |  | ||||||
| First, install it with NPM ([PNPM](https://pnpm.io) or [Yarn](https://yarnpkg.com) also works): |  | ||||||
|  |  | ||||||
| ```sh |  | ||||||
| npm i x-markdown-css@latest |  | ||||||
| ``` |  | ||||||
|  |  | ||||||
| Then, add it to your `.css` / `.sass` / `.scss` file. |  | ||||||
|  |  | ||||||
| For example, in CSS / SCSS you do: |  | ||||||
|  |  | ||||||
| ```css |  | ||||||
| @import 'x-markdown-css'; |  | ||||||
| ``` |  | ||||||
|  |  | ||||||
| > *ps. Note that no path or file extention is required |  | ||||||
| > since the `style` and `sass` field in `package.json` is filled.   |  | ||||||
| > Just simply use `'x-markdown-css'` to import it.* |  | ||||||
|  |  | ||||||
| ## Built with | ## Built with | ||||||
|  |  | ||||||
|  | |||||||
							
								
								
									
										127
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										127
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							| @ -1,18 +1,19 @@ | |||||||
| { | { | ||||||
|   "name": "x-markdown-css", |   "name": "x-markdown-css", | ||||||
|   "version": "0.0.3", |   "version": "0.1.1-patch", | ||||||
|   "lockfileVersion": 3, |   "lockfileVersion": 3, | ||||||
|   "requires": true, |   "requires": true, | ||||||
|   "packages": { |   "packages": { | ||||||
|     "": { |     "": { | ||||||
|       "name": "x-markdown-css", |       "name": "x-markdown-css", | ||||||
|       "version": "0.0.1-patch.3", |       "version": "0.1.1", | ||||||
|       "license": "MIT", |       "license": "MIT", | ||||||
|       "dependencies": { |       "dependencies": { | ||||||
|         "coffeescript": "^2.7.0", |         "coffeescript": "^2.7.0", | ||||||
|         "sass": "^1.58.3" |         "sass": "^1.58.3" | ||||||
|       }, |       }, | ||||||
|       "devDependencies": { |       "devDependencies": { | ||||||
|  |         "@kuohuanhuan/stylelint-config": "^0.0.4", | ||||||
|         "@lodder/grunt-postcss": "^3.1.1", |         "@lodder/grunt-postcss": "^3.1.1", | ||||||
|         "autoprefixer": "^10.4.13", |         "autoprefixer": "^10.4.13", | ||||||
|         "bumpp": "^9.0.0", |         "bumpp": "^9.0.0", | ||||||
| @ -22,10 +23,7 @@ | |||||||
|         "load-grunt-tasks": "^5.1.0", |         "load-grunt-tasks": "^5.1.0", | ||||||
|         "postcss": "^8.4.21", |         "postcss": "^8.4.21", | ||||||
|         "postcss-preset-env": "^8.0.1", |         "postcss-preset-env": "^8.0.1", | ||||||
|         "stylelint": "^15.2.0", |         "stylelint": "^15.2.0" | ||||||
|         "stylelint-config-hudochenkov": "^9.0.0", |  | ||||||
|         "stylelint-config-standard-scss": "^7.0.1", |  | ||||||
|         "stylelint-scss": "^4.4.0" |  | ||||||
|       }, |       }, | ||||||
|       "engines": { |       "engines": { | ||||||
|         "node": ">=16" |         "node": ">=16" | ||||||
| @ -621,6 +619,19 @@ | |||||||
|         "node": ">=10" |         "node": ">=10" | ||||||
|       } |       } | ||||||
|     }, |     }, | ||||||
|  |     "node_modules/@kuohuanhuan/stylelint-config": { | ||||||
|  |       "version": "0.0.4", | ||||||
|  |       "resolved": "https://registry.npmjs.org/@kuohuanhuan/stylelint-config/-/stylelint-config-0.0.4.tgz", | ||||||
|  |       "integrity": "sha512-/BNDzhnjeddfeKqQtd6qk0WkC1jiWg2c9mheKTo4CMXXgcgNznGoaMjtTEGhxXD4C6xg4Fl0U6IBOxL+fgOE+A==", | ||||||
|  |       "dev": true, | ||||||
|  |       "peerDependencies": { | ||||||
|  |         "bumpp": "^9.0.0", | ||||||
|  |         "postcss-scss": "^4.0.6", | ||||||
|  |         "stylelint": "^15.2.0", | ||||||
|  |         "stylelint-order": "^6.0.2", | ||||||
|  |         "stylelint-scss": "^4.4.0" | ||||||
|  |       } | ||||||
|  |     }, | ||||||
|     "node_modules/@lodder/grunt-postcss": { |     "node_modules/@lodder/grunt-postcss": { | ||||||
|       "version": "3.1.1", |       "version": "3.1.1", | ||||||
|       "resolved": "https://registry.npmjs.org/@lodder/grunt-postcss/-/grunt-postcss-3.1.1.tgz", |       "resolved": "https://registry.npmjs.org/@lodder/grunt-postcss/-/grunt-postcss-3.1.1.tgz", | ||||||
| @ -1012,9 +1023,9 @@ | |||||||
|       } |       } | ||||||
|     }, |     }, | ||||||
|     "node_modules/caniuse-lite": { |     "node_modules/caniuse-lite": { | ||||||
|       "version": "1.0.30001460", |       "version": "1.0.30001462", | ||||||
|       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001460.tgz", |       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001462.tgz", | ||||||
|       "integrity": "sha512-Bud7abqjvEjipUkpLs4D7gR0l8hBYBHoa+tGtKJHvT2AYzLp1z7EmVkUT4ERpVUfca8S2HGIVs883D8pUH1ZzQ==", |       "integrity": "sha512-PDd20WuOBPiasZ7KbFnmQRyuLE7cFXW2PVd7dmALzbkUXEP46upAuCDm9eY9vho8fgNMGmbAX92QBZHzcnWIqw==", | ||||||
|       "dev": true, |       "dev": true, | ||||||
|       "funding": [ |       "funding": [ | ||||||
|         { |         { | ||||||
| @ -1578,9 +1589,9 @@ | |||||||
|       "dev": true |       "dev": true | ||||||
|     }, |     }, | ||||||
|     "node_modules/electron-to-chromium": { |     "node_modules/electron-to-chromium": { | ||||||
|       "version": "1.4.320", |       "version": "1.4.322", | ||||||
|       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.320.tgz", |       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.322.tgz", | ||||||
|       "integrity": "sha512-h70iRscrNluMZPVICXYl5SSB+rBKo22XfuIS1ER0OQxQZpKTnFpuS6coj7wY9M/3trv7OR88rRMOlKmRvDty7Q==", |       "integrity": "sha512-KovjizNC9XB7dno/2GjxX8VS0SlfPpCjtyoKft+bCO+UfD8bFy16hY4Sh9s0h9BDxbRH2U0zX5VBjpM1LTcNlg==", | ||||||
|       "dev": true |       "dev": true | ||||||
|     }, |     }, | ||||||
|     "node_modules/emoji-regex": { |     "node_modules/emoji-regex": { | ||||||
| @ -4127,6 +4138,7 @@ | |||||||
|           "url": "https://tidelift.com/funding/github/npm/postcss-scss" |           "url": "https://tidelift.com/funding/github/npm/postcss-scss" | ||||||
|         } |         } | ||||||
|       ], |       ], | ||||||
|  |       "peer": true, | ||||||
|       "engines": { |       "engines": { | ||||||
|         "node": ">=12.0" |         "node": ">=12.0" | ||||||
|       }, |       }, | ||||||
| @ -4167,9 +4179,9 @@ | |||||||
|       } |       } | ||||||
|     }, |     }, | ||||||
|     "node_modules/postcss-sorting": { |     "node_modules/postcss-sorting": { | ||||||
|       "version": "8.0.1", |       "version": "8.0.2", | ||||||
|       "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-8.0.1.tgz", |       "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-8.0.2.tgz", | ||||||
|       "integrity": "sha512-go9Zoxx7KQH+uLrJ9xa5wRErFeXu01ydA6O8m7koPXkmAN7Ts//eRcIqjo0stBR4+Nir2gMYDOWAOx7O5EPUZA==", |       "integrity": "sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==", | ||||||
|       "dev": true, |       "dev": true, | ||||||
|       "peer": true, |       "peer": true, | ||||||
|       "peerDependencies": { |       "peerDependencies": { | ||||||
| @ -4657,9 +4669,9 @@ | |||||||
|       } |       } | ||||||
|     }, |     }, | ||||||
|     "node_modules/spdx-correct": { |     "node_modules/spdx-correct": { | ||||||
|       "version": "3.1.1", |       "version": "3.2.0", | ||||||
|       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", |       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", | ||||||
|       "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", |       "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", | ||||||
|       "dev": true, |       "dev": true, | ||||||
|       "dependencies": { |       "dependencies": { | ||||||
|         "spdx-expression-parse": "^3.0.0", |         "spdx-expression-parse": "^3.0.0", | ||||||
| @ -4830,85 +4842,15 @@ | |||||||
|         "url": "https://opencollective.com/stylelint" |         "url": "https://opencollective.com/stylelint" | ||||||
|       } |       } | ||||||
|     }, |     }, | ||||||
|     "node_modules/stylelint-config-hudochenkov": { |  | ||||||
|       "version": "9.0.0", |  | ||||||
|       "resolved": "https://registry.npmjs.org/stylelint-config-hudochenkov/-/stylelint-config-hudochenkov-9.0.0.tgz", |  | ||||||
|       "integrity": "sha512-IOiSA2URkeIxEbn/Vl7OnkovjFci2o5n4qdC8gMuVkygeqCt7y3JJvagbRGgBoIvr3ldus/WBIEHRr+y8ZLXMw==", |  | ||||||
|       "dev": true, |  | ||||||
|       "peerDependencies": { |  | ||||||
|         "stylelint": "^15.0.0", |  | ||||||
|         "stylelint-order": "^6.0.2" |  | ||||||
|       } |  | ||||||
|     }, |  | ||||||
|     "node_modules/stylelint-config-recommended": { |  | ||||||
|       "version": "10.0.1", |  | ||||||
|       "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-10.0.1.tgz", |  | ||||||
|       "integrity": "sha512-TQ4xQ48tW4QSlODcti7pgSRqBZcUaBzuh0jPpfiMhwJKBPkqzTIAU+IrSWL/7BgXlOM90DjB7YaNgFpx8QWhuA==", |  | ||||||
|       "dev": true, |  | ||||||
|       "peerDependencies": { |  | ||||||
|         "stylelint": "^15.0.0" |  | ||||||
|       } |  | ||||||
|     }, |  | ||||||
|     "node_modules/stylelint-config-recommended-scss": { |  | ||||||
|       "version": "9.0.1", |  | ||||||
|       "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-9.0.1.tgz", |  | ||||||
|       "integrity": "sha512-qAmz/TdrqslwiMTuLM3QXeISUkfEDUXGMfRBCHm/xrkCJNnQefv+mzG2mWTsWkqcVk8HAyUkug10dwAcYp2fCQ==", |  | ||||||
|       "dev": true, |  | ||||||
|       "dependencies": { |  | ||||||
|         "postcss-scss": "^4.0.2", |  | ||||||
|         "stylelint-config-recommended": "^10.0.1", |  | ||||||
|         "stylelint-scss": "^4.4.0" |  | ||||||
|       }, |  | ||||||
|       "peerDependencies": { |  | ||||||
|         "postcss": "^8.3.3", |  | ||||||
|         "stylelint": "^15.0.0" |  | ||||||
|       }, |  | ||||||
|       "peerDependenciesMeta": { |  | ||||||
|         "postcss": { |  | ||||||
|           "optional": true |  | ||||||
|         } |  | ||||||
|       } |  | ||||||
|     }, |  | ||||||
|     "node_modules/stylelint-config-standard": { |  | ||||||
|       "version": "30.0.1", |  | ||||||
|       "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-30.0.1.tgz", |  | ||||||
|       "integrity": "sha512-NbeHOmpRQhjZh5XB1B/S4MLRWvz4xxAxeDBjzl0tY2xEcayNhLbaRGF0ZQzq+DQZLCcPpOHeS2Ru1ydbkhkmLg==", |  | ||||||
|       "dev": true, |  | ||||||
|       "dependencies": { |  | ||||||
|         "stylelint-config-recommended": "^10.0.1" |  | ||||||
|       }, |  | ||||||
|       "peerDependencies": { |  | ||||||
|         "stylelint": "^15.0.0" |  | ||||||
|       } |  | ||||||
|     }, |  | ||||||
|     "node_modules/stylelint-config-standard-scss": { |  | ||||||
|       "version": "7.0.1", |  | ||||||
|       "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-7.0.1.tgz", |  | ||||||
|       "integrity": "sha512-m5sRdtsB1F5fnC1Ozla7ryftU47wVpO+HWd+JQTqeoG0g/oPh5EfbWfcVHbNCEtuoHfALIySiUWS20pz2hX6jA==", |  | ||||||
|       "dev": true, |  | ||||||
|       "dependencies": { |  | ||||||
|         "stylelint-config-recommended-scss": "^9.0.0", |  | ||||||
|         "stylelint-config-standard": "^30.0.1" |  | ||||||
|       }, |  | ||||||
|       "peerDependencies": { |  | ||||||
|         "postcss": "^8.3.3", |  | ||||||
|         "stylelint": "^15.0.0" |  | ||||||
|       }, |  | ||||||
|       "peerDependenciesMeta": { |  | ||||||
|         "postcss": { |  | ||||||
|           "optional": true |  | ||||||
|         } |  | ||||||
|       } |  | ||||||
|     }, |  | ||||||
|     "node_modules/stylelint-order": { |     "node_modules/stylelint-order": { | ||||||
|       "version": "6.0.2", |       "version": "6.0.3", | ||||||
|       "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.2.tgz", |       "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.3.tgz", | ||||||
|       "integrity": "sha512-yuac0BE6toHd27wUPvYVVQicAJthKFIv1HPQFH3Q0dExiO3Z6Uam7geoO0tUd5Z9ddsATYK++1qWNDX4RxMH5Q==", |       "integrity": "sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==", | ||||||
|       "dev": true, |       "dev": true, | ||||||
|       "peer": true, |       "peer": true, | ||||||
|       "dependencies": { |       "dependencies": { | ||||||
|         "postcss": "^8.4.21", |         "postcss": "^8.4.21", | ||||||
|         "postcss-sorting": "^8.0.1" |         "postcss-sorting": "^8.0.2" | ||||||
|       }, |       }, | ||||||
|       "peerDependencies": { |       "peerDependencies": { | ||||||
|         "stylelint": "^14.0.0 || ^15.0.0" |         "stylelint": "^14.0.0 || ^15.0.0" | ||||||
| @ -4919,6 +4861,7 @@ | |||||||
|       "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.4.0.tgz", |       "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.4.0.tgz", | ||||||
|       "integrity": "sha512-Qy66a+/30aylFhPmUArHhVsHOun1qrO93LGT15uzLuLjWS7hKDfpFm34mYo1ndR4MCo8W4bEZM1+AlJRJORaaw==", |       "integrity": "sha512-Qy66a+/30aylFhPmUArHhVsHOun1qrO93LGT15uzLuLjWS7hKDfpFm34mYo1ndR4MCo8W4bEZM1+AlJRJORaaw==", | ||||||
|       "dev": true, |       "dev": true, | ||||||
|  |       "peer": true, | ||||||
|       "dependencies": { |       "dependencies": { | ||||||
|         "lodash": "^4.17.21", |         "lodash": "^4.17.21", | ||||||
|         "postcss-media-query-parser": "^0.2.3", |         "postcss-media-query-parser": "^0.2.3", | ||||||
|  | |||||||
							
								
								
									
										14
									
								
								package.json
									
									
									
									
									
								
							
							
						
						
									
										14
									
								
								package.json
									
									
									
									
									
								
							| @ -1,6 +1,6 @@ | |||||||
| { | { | ||||||
|   "name": "x-markdown-css", |   "name": "x-markdown-css", | ||||||
|   "version": "0.0.3", |   "version": "0.1.1-patch", | ||||||
|   "description": "A simple and customizable markdown CSS stylesheet for everyone.", |   "description": "A simple and customizable markdown CSS stylesheet for everyone.", | ||||||
|   "keywords": [ |   "keywords": [ | ||||||
|     "markdown", |     "markdown", | ||||||
| @ -23,7 +23,11 @@ | |||||||
|     "type": "git", |     "type": "git", | ||||||
|     "url": "git+https://github.com/kuohuanhuan/x-markdown-css.git" |     "url": "git+https://github.com/kuohuanhuan/x-markdown-css.git" | ||||||
|   }, |   }, | ||||||
|   "author": "kuohuanhuan", |   "author": { | ||||||
|  |     "name": "kuohuanhuan", | ||||||
|  |     "email": "hi@nekohuan.cyou", | ||||||
|  |     "url": "https://nekohuan.cyou" | ||||||
|  |   }, | ||||||
|   "license": "MIT", |   "license": "MIT", | ||||||
|   "bugs": { |   "bugs": { | ||||||
|     "url": "https://github.com/kuohuanhuan/x-markdown-css/issues" |     "url": "https://github.com/kuohuanhuan/x-markdown-css/issues" | ||||||
| @ -43,6 +47,7 @@ | |||||||
|     "sass": "^1.58.3" |     "sass": "^1.58.3" | ||||||
|   }, |   }, | ||||||
|   "devDependencies": { |   "devDependencies": { | ||||||
|  |     "@kuohuanhuan/stylelint-config": "^0.0.4", | ||||||
|     "@lodder/grunt-postcss": "^3.1.1", |     "@lodder/grunt-postcss": "^3.1.1", | ||||||
|     "autoprefixer": "^10.4.13", |     "autoprefixer": "^10.4.13", | ||||||
|     "bumpp": "^9.0.0", |     "bumpp": "^9.0.0", | ||||||
| @ -52,9 +57,6 @@ | |||||||
|     "load-grunt-tasks": "^5.1.0", |     "load-grunt-tasks": "^5.1.0", | ||||||
|     "postcss": "^8.4.21", |     "postcss": "^8.4.21", | ||||||
|     "postcss-preset-env": "^8.0.1", |     "postcss-preset-env": "^8.0.1", | ||||||
|     "stylelint": "^15.2.0", |     "stylelint": "^15.2.0" | ||||||
|     "stylelint-config-hudochenkov": "^9.0.0", |  | ||||||
|     "stylelint-config-standard-scss": "^7.0.1", |  | ||||||
|     "stylelint-scss": "^4.4.0" |  | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | |||||||
							
								
								
									
										7
									
								
								src/_content.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								src/_content.scss
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,7 @@ | |||||||
|  | @use 'sass:meta'; | ||||||
|  | @use 'partials/container'; | ||||||
|  |  | ||||||
|  | .markdown-body { | ||||||
|  |   @include container.container; | ||||||
|  |   @include meta.load-css('partials/all'); | ||||||
|  | } | ||||||
| @ -1,26 +1,27 @@ | |||||||
| @use 'sass:meta' as *; | @use 'sass:meta'; | ||||||
| 
 |  | ||||||
| @use 'variables/constants'; | @use 'variables/constants'; | ||||||
| @use 'variables/colors'; | @use 'variables/colors'; | ||||||
| 
 |  | ||||||
| @use 'variables/modes/light'; | @use 'variables/modes/light'; | ||||||
| @use 'variables/modes/dark'; | @use 'variables/modes/dark'; | ||||||
| 
 | 
 | ||||||
| :root { | :root { | ||||||
|   @each $name, $val in module-variables('constants') { |   @each $name, $val in meta.module-variables('constants') { | ||||||
|     --xm-#{$name}: #{$val}; |     --xm-#{$name}: #{$val}; | ||||||
|   } |   } | ||||||
|   @each $name, $val in module-variables('colors') { | 
 | ||||||
|  |   @each $name, $val in meta.module-variables('colors') { | ||||||
|     --xm-c-#{$name}: #{$val}; |     --xm-c-#{$name}: #{$val}; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| .markdown-body { | .markdown-body { | ||||||
|   @each $name, $val in module-variables('light') { |   @each $name, $val in meta.module-variables('light') { | ||||||
|     --xm-c-#{$name}: #{$val}; |     --xm-c-#{$name}: #{$val}; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| .dark .markdown-body { | .dark .markdown-body { | ||||||
|   @each $name, $val in module-variables('dark') { |   @each $name, $val in meta.module-variables('dark') { | ||||||
|     --xm-c-#{$name}: #{$val}; |     --xm-c-#{$name}: #{$val}; | ||||||
|   } |   } | ||||||
| } | } | ||||||
| @ -1,4 +1,2 @@ | |||||||
| @use 'scss/vars' as *; | @use 'vars'; | ||||||
|  | @use 'content'; | ||||||
| @import 'scss/markdown'; |  | ||||||
| @import 'scss/prose'; |  | ||||||
|  | |||||||
							
								
								
									
										9
									
								
								src/partials/_all.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								src/partials/_all.scss
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,9 @@ | |||||||
|  | @forward 'title'; | ||||||
|  | @forward 'text'; | ||||||
|  | @forward 'link'; | ||||||
|  | @forward 'code'; | ||||||
|  | @forward 'quote'; | ||||||
|  | @forward 'figure'; | ||||||
|  | @forward 'list'; | ||||||
|  | @forward 'table'; | ||||||
|  | @forward 'media'; | ||||||
| @ -2,5 +2,9 @@ | |||||||
|   max-width: fit-content; |   max-width: fit-content; | ||||||
|   color: var(--xm-c-regular); |   color: var(--xm-c-regular); | ||||||
|   font-size: 1rem; |   font-size: 1rem; | ||||||
|  |   font-family: var(--xm-font-display) !important; | ||||||
|   line-height: 1.75; |   line-height: 1.75; | ||||||
|  |   &:first-child { | ||||||
|  |     margin-top: 1rem; | ||||||
|  |   } | ||||||
| } | } | ||||||
| @ -8,6 +8,7 @@ code { | |||||||
|     content: '`'; |     content: '`'; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| pre { | pre { | ||||||
|   overflow-x: auto; |   overflow-x: auto; | ||||||
|   margin-top: 1.75rem; |   margin-top: 1.75rem; | ||||||
| @ -32,4 +33,10 @@ pre { | |||||||
|       content: none; |       content: none; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
|  |   &:has(code) { | ||||||
|  |     margin: .5rem 0; | ||||||
|  |     font-size: 1.05rem; | ||||||
|  |     font-family: var(--xm-font-code); | ||||||
|  |     line-height: 1.4; | ||||||
|  |   } | ||||||
| } | } | ||||||
							
								
								
									
										13
									
								
								src/partials/link.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										13
									
								
								src/partials/link.scss
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,13 @@ | |||||||
|  | a { | ||||||
|  |   border-bottom: 1px solid var(--xm-c-a-border); | ||||||
|  |   color: var(--xm-c-deeper); | ||||||
|  |   font-weight: 500; | ||||||
|  |   text-decoration: none; | ||||||
|  |   transition: border .3s ease-in-out; | ||||||
|  |   code { | ||||||
|  |     color: var(--xm-c-code); | ||||||
|  |   } | ||||||
|  |   &:hover { | ||||||
|  |     border-bottom: 1px solid var(--xm-c-regular); | ||||||
|  |   } | ||||||
|  | } | ||||||
| @ -2,6 +2,7 @@ li { | |||||||
|   margin-top: .5rem; |   margin-top: .5rem; | ||||||
|   margin-bottom: .5rem; |   margin-bottom: .5rem; | ||||||
| } | } | ||||||
|  | 
 | ||||||
| ol { | ol { | ||||||
|   margin-top: 1.25rem; |   margin-top: 1.25rem; | ||||||
|   margin-bottom: 1.25rem; |   margin-bottom: 1.25rem; | ||||||
| @ -18,6 +19,7 @@ ol { | |||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| ul { | ul { | ||||||
|   margin-top: 1.25rem; |   margin-top: 1.25rem; | ||||||
|   margin-bottom: 1.25rem; |   margin-bottom: 1.25rem; | ||||||
| @ -37,6 +39,7 @@ ul { | |||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| ul ul, | ul ul, | ||||||
| ul ol, | ul ol, | ||||||
| ol ul, | ol ul, | ||||||
| @ -1,5 +1,6 @@ | |||||||
| img, | img, | ||||||
| video { | video { | ||||||
|  |   width: 100%; | ||||||
|   margin-top: 2rem; |   margin-top: 2rem; | ||||||
|   margin-bottom: 2rem; |   margin-bottom: 2rem; | ||||||
| } | } | ||||||
| @ -2,12 +2,14 @@ blockquote, | |||||||
| q { | q { | ||||||
|   margin-top: 1.65rem; |   margin-top: 1.65rem; | ||||||
|   margin-bottom: 1.65rem; |   margin-bottom: 1.65rem; | ||||||
|   padding-left: 1rem; |   padding: .6rem 1.2rem; | ||||||
|   border-left: .25rem solid var(--xm-c-quote-border); |   border-left: .25rem solid var(--xm-c-quote-border); | ||||||
|   color: inherit; |   color: inherit; | ||||||
|   font-weight: 500; |   font-weight: 500; | ||||||
|   font-style: italic; |   font-style: italic; | ||||||
|  |   line-height: 1.5rem; | ||||||
|   quotes: '\201C''\201D''\2018''\2019'; |   quotes: '\201C''\201D''\2018''\2019'; | ||||||
|  |   opacity: .8; | ||||||
|   p { |   p { | ||||||
|     &:first-of-type::before { |     &:first-of-type::before { | ||||||
|       content: open-quote; |       content: open-quote; | ||||||
| @ -16,4 +18,12 @@ q { | |||||||
|       content: close-quote; |       content: close-quote; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
|  |   > * { | ||||||
|  |     &:first-child { | ||||||
|  |       margin-top: 0; | ||||||
|  |     } | ||||||
|  |     &:last-child { | ||||||
|  |       margin-bottom: 0; | ||||||
|  |     } | ||||||
|  |   } | ||||||
| } | } | ||||||
| @ -7,6 +7,7 @@ table { | |||||||
|   line-height: 1.75; |   line-height: 1.75; | ||||||
|   text-align: left; |   text-align: left; | ||||||
| } | } | ||||||
|  | 
 | ||||||
| thead { | thead { | ||||||
|   border-bottom-width: 1px; |   border-bottom-width: 1px; | ||||||
|   border-bottom-color: var(--xm-c-thead-border); |   border-bottom-color: var(--xm-c-thead-border); | ||||||
| @ -23,6 +24,7 @@ thead { | |||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| tbody { | tbody { | ||||||
|   tr { |   tr { | ||||||
|     border-bottom-width: 1px; |     border-bottom-width: 1px; | ||||||
| @ -2,13 +2,16 @@ p { | |||||||
|   margin-top: 1.25rem; |   margin-top: 1.25rem; | ||||||
|   margin-bottom: 1.25rem; |   margin-bottom: 1.25rem; | ||||||
| } | } | ||||||
|  | 
 | ||||||
| strong { | strong { | ||||||
|   color: var(--xm-c-deep); |   color: var(--xm-c-deep); | ||||||
|   font-weight: 600; |   font-weight: 600; | ||||||
| } | } | ||||||
|  | 
 | ||||||
| b { | b { | ||||||
|   color: var(--xm-c-deep); |   color: var(--xm-c-deep); | ||||||
| } | } | ||||||
|  | 
 | ||||||
| em { | em { | ||||||
|   color: inherit; |   color: inherit; | ||||||
| } | } | ||||||
| @ -6,6 +6,7 @@ h1 { | |||||||
|   font-size: 2.25rem; |   font-size: 2.25rem; | ||||||
|   line-height: 1.15; |   line-height: 1.15; | ||||||
| } | } | ||||||
|  | 
 | ||||||
| h2 { | h2 { | ||||||
|   margin-top: 2rem; |   margin-top: 2rem; | ||||||
|   margin-bottom: 1rem; |   margin-bottom: 1rem; | ||||||
| @ -20,6 +21,7 @@ h2 { | |||||||
|     margin-top: 0; |     margin-top: 0; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| h3 { | h3 { | ||||||
|   margin-top: 1.6rem; |   margin-top: 1.6rem; | ||||||
|   margin-bottom: .6rem; |   margin-bottom: .6rem; | ||||||
| @ -35,6 +37,7 @@ h3 { | |||||||
|     margin-top: 0; |     margin-top: 0; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| h4 { | h4 { | ||||||
|   margin-top: 1.5rem; |   margin-top: 1.5rem; | ||||||
|   margin-bottom: .5rem; |   margin-bottom: .5rem; | ||||||
| @ -45,6 +48,7 @@ h4 { | |||||||
|     margin-top: 0; |     margin-top: 0; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
| h5, | h5, | ||||||
| h6 { | h6 { | ||||||
|   margin-top: 20px; |   margin-top: 20px; | ||||||
| @ -54,11 +58,40 @@ h6 { | |||||||
|   text-transform: uppercase; |   text-transform: uppercase; | ||||||
|   opacity: .5; |   opacity: .5; | ||||||
| } | } | ||||||
|  | 
 | ||||||
| hr { | hr { | ||||||
|   margin-top: 3rem; |   width: 50px; | ||||||
|   margin-bottom: 3rem; |   margin-top: 2rem; | ||||||
|  |   margin-bottom: 2rem; | ||||||
|   border-color: var(--xm-c-hr-border); |   border-color: var(--xm-c-hr-border); | ||||||
|   + * { |   + * { | ||||||
|     margin-top: 0; |     margin-top: 0; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
|  | .header-anchor { | ||||||
|  |   float: left; | ||||||
|  |   margin-top: 0; | ||||||
|  |   margin-left: -1.25rem; | ||||||
|  |   padding-right: .5rem; | ||||||
|  |   border: 0 !important; | ||||||
|  |   font-weight: 600; | ||||||
|  |   font-size: inherit; | ||||||
|  |   text-decoration: none; | ||||||
|  |   opacity: 0; | ||||||
|  |   &:hover, | ||||||
|  |   &:focus { | ||||||
|  |     text-decoration: none; | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | @for $i from 1 through 6 { | ||||||
|  |   h#{$i} { | ||||||
|  |     &:hover, | ||||||
|  |     &:focus { | ||||||
|  |       .header-anchor { | ||||||
|  |         opacity: .35 + $i * .025; | ||||||
|  |       } | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
| @ -1,103 +0,0 @@ | |||||||
| .markdown-body { |  | ||||||
|   color: var(--xm-c-regular); |  | ||||||
|   font-family: var(--xm-font-display) !important; |  | ||||||
|   pre:not(.shiki, .highlight) { |  | ||||||
|     margin: 0; |  | ||||||
|     padding: 0; |  | ||||||
|     background: transparent; |  | ||||||
|   } |  | ||||||
|   .shiki, |  | ||||||
|   .highlight { |  | ||||||
|     margin: .5rem 0; |  | ||||||
|     font-size: 1.05rem; |  | ||||||
|     font-family: var(--xm-font-code) !important; |  | ||||||
|     line-height: 1.4; |  | ||||||
|     &.shiki-light { |  | ||||||
|       background: var(--xm-c-shiki-light) !important; |  | ||||||
|     } |  | ||||||
|     &.shiki-dark { |  | ||||||
|       background: var(--xm-c-shiki-dark) !important; |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
|   img { |  | ||||||
|     width: 100%; |  | ||||||
|   } |  | ||||||
|   a { |  | ||||||
|     border-bottom: 1px solid var(--xm-c-link-border); |  | ||||||
|     font-weight: inherit; |  | ||||||
|     text-decoration: none; |  | ||||||
|     transition: border .3s ease-in-out; |  | ||||||
|     &:hover { |  | ||||||
|       border-bottom: 1px solid var(--xm-c-regular); |  | ||||||
|     } |  | ||||||
|     code { |  | ||||||
|       color: inherit; |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
|   hr { |  | ||||||
|     width: 50px; |  | ||||||
|     margin-top: 2rem; |  | ||||||
|     margin-bottom: 2rem; |  | ||||||
|   } |  | ||||||
|   blockquote, |  | ||||||
|   q { |  | ||||||
|     padding: .6rem 1.2rem; |  | ||||||
|     font-weight: normal; |  | ||||||
|     font-style: normal; |  | ||||||
|     line-height: 1.5rem; |  | ||||||
|     opacity: .8; |  | ||||||
|     > * { |  | ||||||
|       &:first-child { |  | ||||||
|         margin-top: 0; |  | ||||||
|       } |  | ||||||
|       &:last-child { |  | ||||||
|         margin-bottom: 0; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|     p:first-of-type { |  | ||||||
|       &::before, |  | ||||||
|       &::after { |  | ||||||
|         content: none; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
|   &:first-child { |  | ||||||
|     margin-top: 1rem; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| html:not(.dark) .shiki-dark, |  | ||||||
| .dark .shiki-light { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
| .item { |  | ||||||
|   text-decoration: none; |  | ||||||
|   opacity: .6; |  | ||||||
|   transition: .2s all ease-out; |  | ||||||
|   &:hover { |  | ||||||
|     opacity: 1; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| .header-anchor { |  | ||||||
|   float: left; |  | ||||||
|   margin-top: .125rem; |  | ||||||
|   margin-left: -1.25rem; |  | ||||||
|   padding-right: .5rem; |  | ||||||
|   border: 0 !important; |  | ||||||
|   font-size: .875rem; |  | ||||||
|   text-decoration: none; |  | ||||||
|   opacity: 0; |  | ||||||
|   &:hover, |  | ||||||
|   &:focus { |  | ||||||
|     text-decoration: none; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| @for $i from 1 through 6 { |  | ||||||
|   h#{$i} { |  | ||||||
|     &:hover, |  | ||||||
|     &:focus { |  | ||||||
|       .header-anchor { |  | ||||||
|         opacity: .35 + $i * .025; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| @ -1 +0,0 @@ | |||||||
| @import 'title', 'text', 'link', 'code', 'quote', 'figure', 'list', 'table', 'media'; |  | ||||||
| @ -1,8 +0,0 @@ | |||||||
| a { |  | ||||||
|   color: var(--xm-c-deeper); |  | ||||||
|   font-weight: 500; |  | ||||||
|   text-decoration: none; |  | ||||||
|   code { |  | ||||||
|     color: var(--xm-c-code); |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| @ -1,6 +0,0 @@ | |||||||
| @use 'partials/container' as *; |  | ||||||
|  |  | ||||||
| .prose { |  | ||||||
|   @include container; |  | ||||||
|   @import 'partials/all'; |  | ||||||
| } |  | ||||||
| @ -7,12 +7,8 @@ $ol-counter: #6b7280; | |||||||
| $ul-counter: #d1d5db; | $ul-counter: #d1d5db; | ||||||
| 
 | 
 | ||||||
| // Border | // Border | ||||||
| $link-border: hsla(0deg 0% 50% / .3); | $a-border: hsla(0deg 0% 50% / .3); | ||||||
| $hr-border: hsla(0deg 0% 50% / .3); | $hr-border: hsla(0deg 0% 50% / .3); | ||||||
| $quote-border: hsla(0deg 0% 50% / .3); | $quote-border: hsla(0deg 0% 50% / .3); | ||||||
| $thead-border: #d1d5db; | $thead-border: #d1d5db; | ||||||
| $tr-border: #e5e7eb; | $tr-border: #e5e7eb; | ||||||
| 
 |  | ||||||
| // Shiki (code highlight) |  | ||||||
| $shiki-light: #f8f8f8; |  | ||||||
| $shiki-dark: #0e0e0e; |  | ||||||
		Reference in New Issue
	
	Block a user