{"id":13783990,"url":"https://github.com/gucong3000/postcss-markdown","last_synced_at":"2025-04-10T06:33:01.864Z","repository":{"id":56492474,"uuid":"128776873","full_name":"gucong3000/postcss-markdown","owner":"gucong3000","description":"PostCSS Syntax for parsing Markdown","archived":false,"fork":false,"pushed_at":"2020-11-04T08:20:56.000Z","size":57,"stargazers_count":21,"open_issues_count":3,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-24T07:39:14.887Z","etag":null,"topics":["css","html","markdown","postcss","syntax"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gucong3000.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-09T13:33:17.000Z","updated_at":"2022-06-30T03:16:28.000Z","dependencies_parsed_at":"2022-08-15T19:50:16.908Z","dependency_job_id":null,"html_url":"https://github.com/gucong3000/postcss-markdown","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gucong3000%2Fpostcss-markdown","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gucong3000%2Fpostcss-markdown/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gucong3000%2Fpostcss-markdown/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gucong3000%2Fpostcss-markdown/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gucong3000","download_url":"https://codeload.github.com/gucong3000/postcss-markdown/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248168362,"owners_count":21058823,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","markdown","postcss","syntax"],"created_at":"2024-08-03T19:00:34.111Z","updated_at":"2025-04-10T06:33:01.814Z","avatar_url":"https://github.com/gucong3000.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Built on remark"],"sub_categories":[],"readme":"PostCSS Markdown Syntax\n====\n\n[![NPM version](https://img.shields.io/npm/v/postcss-markdown.svg?style=flat-square)](https://www.npmjs.com/package/postcss-markdown)\n[![Travis](https://img.shields.io/travis/gucong3000/postcss-markdown.svg)](https://travis-ci.org/gucong3000/postcss-markdown)\n[![Travis](https://img.shields.io/travis/gucong3000/postcss-syntaxes.svg?label=integration)](https://travis-ci.org/gucong3000/postcss-syntaxes)\n[![Codecov](https://img.shields.io/codecov/c/github/gucong3000/postcss-markdown.svg)](https://codecov.io/gh/gucong3000/postcss-markdown)\n[![David](https://img.shields.io/david/gucong3000/postcss-markdown.svg)](https://david-dm.org/gucong3000/postcss-markdown)\n\n\u003cimg align=\"right\" width=\"95\" height=\"95\"\n\ttitle=\"Philosopher’s stone, logo of PostCSS\"\n\tsrc=\"http://postcss.github.io/postcss/logo.svg\"\u003e\n\n[PostCSS](https://github.com/postcss/postcss) Syntax for parsing [Markdown](https://daringfireball.net/projects/markdown/syntax)\n\n## Getting Started\n\nFirst thing's first, install the module:\n\n```\nnpm install postcss-syntax postcss-markdown --save-dev\n```\n\nIf you want support SCSS/SASS/LESS/SugarSS syntax, you need to install the corresponding module.\n\n- SCSS: [postcss-scss](https://github.com/postcss/postcss-scss)\n- SASS: [postcss-sass](https://github.com/aleshaoleg/postcss-sass)\n- LESS: [postcss-less](https://github.com/shellscape/postcss-less)\n- SugarSS: [sugarss](https://github.com/postcss/sugarss)\n\n## Use Cases\n\n```js\nvar syntax = require('postcss-syntax')({\n\t// Enable support for HTML (default: true) See: https://github.com/gucong3000/postcss-html\n\thtmlInMd: true,\n\t// syntax for parse scss (non-required options)\n\tscss: require('postcss-scss'),\n\t// syntax for parse less (non-required options)\n\tless: require('postcss-less'),\n\t// syntax for parse css blocks (non-required options)\n\tcss: require('postcss-safe-parser'),\n});\nvar autoprefixer = require('autoprefixer');\npostcss([ autoprefixer ]).process(source, { syntax: syntax }).then(function (result) {\n\t// An alias for the result.css property. Use it with syntaxes that generate non-CSS output.\n\tresult.content\n});\n```\ninput:\n\u003cpre\u003e\u003ccode\u003e# title\n\n```css\n::placeholder {\n\tcolor: gray;\n}\n```\n\u003c/code\u003e\u003c/pre\u003e\n\n\noutput:\n\u003cpre\u003e\u003ccode\u003e# title\n\n```css\n::-webkit-input-placeholder {\n\tcolor: gray;\n}\n:-ms-input-placeholder {\n\tcolor: gray;\n}\n::-ms-input-placeholder {\n\tcolor: gray;\n}\n::placeholder {\n\tcolor: gray;\n}\n```\n\u003c/code\u003e\u003c/pre\u003e\n\nIf you want support SCSS/SASS/LESS/SugarSS syntax, you need to install these module:\n\n- SCSS: [postcss-scss](https://github.com/postcss/postcss-scss)\n- SASS: [postcss-sass](https://github.com/aleshaoleg/postcss-sass)\n- LESS: [postcss-less](https://github.com/shellscape/postcss-less)\n- SugarSS: [sugarss](https://github.com/postcss/sugarss)\n\n## Advanced Use Cases\n\nSee: [postcss-syntax](https://github.com/gucong3000/postcss-syntax)\n\n## Style Transformations\n\nThe main use case of this plugin is apply PostCSS transformations to CSS (and CSS-like) code blocks in markdown file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgucong3000%2Fpostcss-markdown","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgucong3000%2Fpostcss-markdown","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgucong3000%2Fpostcss-markdown/lists"}