+// Options: ol-decimal, ol-zero, ol-alpha
+
+@use "../utils/selector";
+@use "../utils/spacing";
+
+@mixin output-ol {
+ @include selector.base() {
+ ol {
+ margin-block: spacing.margins("ol");
+ margin-inline: spacing.indents("ol");
+ padding: 0;
+ }
+ li ol {
+ margin-block: 0;
+ }
+ }
+ @include selector.option("ol-decimal") {
+ @include -ol-li-before("decimal");
+ }
+ @include selector.option("ol-zero") {
+ @include -ol-li-before("zero");
+ }
+ @include selector.option("ol-alpha") {
+ @include -ol-li-before("alpha");
+ }
+}
+
+@mixin -ol-li-before($type) {
+ ol {
+ list-style: none;
+ @if $type != "zero" {
+ counter-reset: rmd-ol;
+ }
+ }
+ @if $type != "zero" {
+ ol > li {
+ counter-increment: rmd-ol;
+ }
+ }
+ ol > li::before {
+ float: inline-start;
+ margin-inline-start: spacing.indent("ol", "start") * -1;
+ margin-inline-end: 1ch;
+ min-width: 2ch;
+ @if $type == "zero" {
+ content: "0.";
+ } @else if $type == "alpha" {
+ content: counter(rmd-ol, lower-alpha) ".";
+ } @else {
+ content: counter(rmd-ol) ".";
+ }
+ }
+}
diff --git a/lib/styles/_para.scss b/lib/styles/_para.scss
new file mode 100644
index 0000000..f5dc632
--- /dev/null
+++ b/lib/styles/_para.scss
@@ -0,0 +1,16 @@
+// Paragraphs
+
+@use "../utils/selector";
+@use "../utils/spacing";
+
+@mixin output-para {
+ @include selector.base {
+ p {
+ margin-block: spacing.margins("p");
+ }
+ figure {
+ margin-block: spacing.margins("figure");
+ margin-inline: 0;
+ }
+ }
+}
diff --git a/lib/styles/_pre.scss b/lib/styles/_pre.scss
new file mode 100644
index 0000000..98fd201
--- /dev/null
+++ b/lib/styles/_pre.scss
@@ -0,0 +1,53 @@
+//
+// Options: pre-indent, pre-tick, pre-tilde, pre-tilde-full
+
+@use "../utils/selector";
+@use "../utils/spacing";
+@use "../utils/str";
+
+@mixin output-pre {
+ @include selector.base {
+ pre {
+ margin-block: spacing.margins("pre");
+ tab-size: 4;
+ }
+ }
+ @include selector.option("pre-indent") {
+ pre {
+ margin-inline: spacing.indents("pre");
+ }
+ }
+ %-pre-fence-pseudo {
+ display: block;
+ width: 100%;
+ height: spacing.line();
+ cursor: default;
+ }
+ @include selector.option("pre-tick") {
+ pre::before,
+ pre::after {
+ @extend %-pre-fence-pseudo;
+ content: "```";
+ position: relative;
+ top: 0.25em;
+ }
+ }
+ @include selector.option("pre-tilde") {
+ pre::before,
+ pre::after {
+ @extend %-pre-fence-pseudo;
+ content: "~~~";
+ overflow: hidden;
+ word-break: break-all;
+ }
+ }
+ @include selector.option("pre-tilde-full") {
+ pre::before,
+ pre::after {
+ @extend %-pre-fence-pseudo;
+ content: str.repeat("~~~~~~~~~~", 12);
+ overflow: hidden;
+ word-break: break-all;
+ }
+ }
+}
diff --git a/lib/styles/_quote.scss b/lib/styles/_quote.scss
new file mode 100644
index 0000000..f35393a
--- /dev/null
+++ b/lib/styles/_quote.scss
@@ -0,0 +1,34 @@
+// Quotes ( not managed since not in Markdown)
+// Option: quote-gt
+
+@use "../utils/selector";
+@use "../utils/spacing";
+@use "../utils/str";
+
+@mixin output-quote {
+ @include selector.base {
+ blockquote {
+ margin-block: spacing.margins("blockquote");
+ margin-inline: spacing.indents("blockquote");
+ padding: 0;
+ }
+ }
+ @include selector.option("quote-gt") {
+ blockquote {
+ position: relative;
+ }
+ blockquote::before {
+ position: absolute;
+ inset-block: 0;
+ inset-inline-start: -2ch;
+ width: 1ch;
+ overflow: hidden;
+ white-space: pre;
+ content: str.repeat(">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A", 20);
+ cursor: default;
+ }
+ blockquote:dir(rtl)::before {
+ content: str.repeat("<\A<\A<\A<\A<\A<\A<\A<\A<\A<\A", 20);
+ }
+ }
+}
diff --git a/lib/styles/_strong.scss b/lib/styles/_strong.scss
new file mode 100644
index 0000000..b983de0
--- /dev/null
+++ b/lib/styles/_strong.scss
@@ -0,0 +1,28 @@
+//
+// Options: strong-star, strong-underscore
+
+@use "../config";
+@use "../utils/selector";
+
+@mixin output-strong {
+ @if config.get("set-font-styles", bool) {
+ @include selector.base {
+ strong {
+ font-style: normal;
+ font-weight: normal;
+ }
+ }
+ }
+ @include selector.option("strong-star") {
+ strong::before,
+ strong::after {
+ content: "**";
+ }
+ }
+ @include selector.option("strong-underscore") {
+ strong::before,
+ strong::after {
+ content: "__";
+ }
+ }
+}
diff --git a/lib/styles/_table.scss b/lib/styles/_table.scss
new file mode 100644
index 0000000..26b5fcf
--- /dev/null
+++ b/lib/styles/_table.scss
@@ -0,0 +1,50 @@
+// Tables
+// Option: table-marker
+
+@use "../utils/selector";
+@use "../utils/spacing";
+@use "../utils/str";
+
+@mixin output-table {
+ @include selector.option("table-marker") {
+ table {
+ margin-block: spacing.margins("table");
+ border-collapse: collapse;
+ }
+ tr > * {
+ min-width: 3ch;
+ position: relative;
+ padding: 0;
+ text-align: inherit;
+ vertical-align: top;
+ font-weight: normal;
+ border: none;
+ }
+ tr > * + * {
+ padding-inline-start: 3ch;
+ }
+ tr:first-child > th:not([scope="row"]) {
+ padding-bottom: spacing.line();
+ }
+ tr:first-child > th:not([scope="row"])::after {
+ content: str.repeat("-----------", 10);
+ position: absolute;
+ bottom: 0;
+ inset-inline: 0;
+ overflow: hidden;
+ word-break: break-all;
+ height: spacing.line();
+ }
+ tr:first-child > * + th:not([scope="row"])::after {
+ inset-inline-start: 3ch;
+ }
+ tr > * + *::before {
+ content: str.repeat("|\A", 10);
+ position: absolute;
+ inset-block: 0;
+ inset-inline-start: 1ch;
+ overflow: hidden;
+ white-space: pre;
+ }
+ }
+}
diff --git a/lib/styles/_ul.scss b/lib/styles/_ul.scss
new file mode 100644
index 0000000..afa7a15
--- /dev/null
+++ b/lib/styles/_ul.scss
@@ -0,0 +1,40 @@
+//
+// Options: ul-star, ul-plus, ul-hyphen
+
+@use "../utils/selector";
+@use "../utils/spacing";
+
+@mixin output-ul {
+ @include selector.base {
+ ul {
+ margin-block: spacing.margins("ul");
+ margin-inline: spacing.indents("ul");
+ padding: 0;
+ }
+ li ul {
+ margin-block: 0;
+ }
+ }
+ @include selector.option("ul-plus") {
+ @include -ul-li-before("+");
+ }
+ @include selector.option("ul-star") {
+ @include -ul-li-before("*");
+ }
+ @include selector.option("ul-hyphen") {
+ @include -ul-li-before("-");
+ }
+}
+
+@mixin -ul-li-before($sign) {
+ ul {
+ list-style: none;
+ }
+ ul > li::before {
+ float: inline-start;
+ width: 1ch;
+ margin-inline-start: spacing.indent("ul", "start") * -1;
+ margin-inline-end: 1ch;
+ content: $sign;
+ }
+}
diff --git a/lib/utils/_selector.scss b/lib/utils/_selector.scss
new file mode 100644
index 0000000..8422a57
--- /dev/null
+++ b/lib/utils/_selector.scss
@@ -0,0 +1,35 @@
+@use "../config";
+@use "./str";
+
+/// Wrap content in the base selector
+@mixin base {
+ #{-selector-base()} {
+ @content;
+ }
+}
+
+/// Wrap content in a selector including the option name, depending on
+/// the content of $defaults and the value of $output-all-styles.
+/// Outputs nothing if $output-all-styles is false and the option is not
+/// in $defaults.
+@mixin option($name) {
+ $selector: %rmd-void;
+ @if config.is-default($name) {
+ #{-selector-base()} {
+ @content;
+ }
+ } @else if config.get("output-all-styles") == true {
+ #{-selector-option($name)} {
+ @content;
+ }
+ }
+}
+
+@function -selector-base() {
+ @return config.get("selector-base", string);
+}
+
+@function -selector-option($name) {
+ $pattern: config.get("selector-option", string);
+ @return str.replace($pattern, "%o", $name);
+}
diff --git a/lib/utils/_spacing.scss b/lib/utils/_spacing.scss
new file mode 100644
index 0000000..c0b47df
--- /dev/null
+++ b/lib/utils/_spacing.scss
@@ -0,0 +1,48 @@
+@use "../config";
+
+/// Get a margin value in em from $margins.
+/// If not set, returns a value of 1 line.
+@function margin($element, $direction) {
+ @if $direction == "top" or $direction == "bottom" {
+ $num: config.get("margins" $element $direction) or 1;
+ @return line($num);
+ } @else {
+ @error "Unknown direction #{$direction}";
+ }
+}
+
+/// Get both vertical margin values for an element.
+/// Returns a single value if both values are identical,
+/// or two values otherwise. Suitable for use with e.g. margin-block.
+@function margins($element) {
+ $top: margin($element, "top");
+ $bottom: margin($element, "bottom");
+ @return if(sass($top == $bottom): $top; else: $top $bottom);
+}
+
+/// Get a horizontal margin (indent) value for an element.
+/// If not set, returns a value of 0.
+@function indent($element, $direction) {
+ @if $direction == "start" or $direction == "end" {
+ $num: config.get("margins" $element "inline-" + $direction) or 0;
+ $base: config.get("margin-inline-base", number);
+ @return $num * $base;
+ } @else {
+ @error "Unknown direction #{$direction}";
+ }
+}
+
+/// Get both horizontal margin (indent) values for an element.
+/// Returns a single value if both values are identical,
+/// or two values otherwise. Suitable for use with e.g. padding-inline.
+@function indents($element) {
+ $start: indent($element, "start");
+ $end: indent($element, "end");
+ @return if(sass($start == $end): $start; else: $start $end);
+}
+
+/// Compute the size of a text line
+@function line($count: 1) {
+ $base: config.get("margin-block-base", number);
+ @return $base * $count;
+}
diff --git a/lib/utils/_str.scss b/lib/utils/_str.scss
new file mode 100644
index 0000000..b9d4969
--- /dev/null
+++ b/lib/utils/_str.scss
@@ -0,0 +1,31 @@
+@use "sass:string";
+
+@function join($list, $char: "") {
+ $acc: "";
+ @each $item in $list {
+ @if $acc != "" {
+ $acc: $acc + string.unquote($char);
+ }
+ $acc: $acc + string.unquote($item);
+ }
+ @return string.quote($acc);
+}
+
+@function repeat($string, $times) {
+ $result: "";
+ @for $i from 1 through $times {
+ $result: $result + $string;
+ }
+ @return $result;
+}
+
+@function replace($string, $search, $replacement: "") {
+ $index: string.index($string, $search);
+ @if $index {
+ $start: string.slice($string, 1, $index - 1);
+ $end: string.slice($string, $index + string.length($search));
+ @return $start + $replacement + replace($end, $search, $replacement);
+ } @else {
+ @return $string;
+ }
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..5aa71d4
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,480 @@
+{
+ "name": "remarkdown.css",
+ "version": "3.1.0",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "remarkdown.css",
+ "version": "3.1.0",
+ "license": "MIT",
+ "devDependencies": {
+ "prettier": "^3.8.1",
+ "sass": "^1.97.3",
+ "servitsy": "^0.5.0"
+ }
+ },
+ "node_modules/@parcel/watcher": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
+ "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+ "dev": true,
+ "hasInstallScript": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "detect-libc": "^2.0.3",
+ "is-glob": "^4.0.3",
+ "node-addon-api": "^7.0.0",
+ "picomatch": "^4.0.3"
+ },
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ },
+ "optionalDependencies": {
+ "@parcel/watcher-android-arm64": "2.5.6",
+ "@parcel/watcher-darwin-arm64": "2.5.6",
+ "@parcel/watcher-darwin-x64": "2.5.6",
+ "@parcel/watcher-freebsd-x64": "2.5.6",
+ "@parcel/watcher-linux-arm-glibc": "2.5.6",
+ "@parcel/watcher-linux-arm-musl": "2.5.6",
+ "@parcel/watcher-linux-arm64-glibc": "2.5.6",
+ "@parcel/watcher-linux-arm64-musl": "2.5.6",
+ "@parcel/watcher-linux-x64-glibc": "2.5.6",
+ "@parcel/watcher-linux-x64-musl": "2.5.6",
+ "@parcel/watcher-win32-arm64": "2.5.6",
+ "@parcel/watcher-win32-ia32": "2.5.6",
+ "@parcel/watcher-win32-x64": "2.5.6"
+ }
+ },
+ "node_modules/@parcel/watcher-android-arm64": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+ "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-darwin-arm64": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+ "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-darwin-x64": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+ "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-freebsd-x64": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+ "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-linux-arm-glibc": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+ "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-linux-arm-musl": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+ "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-linux-arm64-glibc": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+ "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-linux-arm64-musl": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+ "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-linux-x64-glibc": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+ "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-linux-x64-musl": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+ "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-win32-arm64": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+ "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-win32-ia32": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+ "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/@parcel/watcher-win32-x64": {
+ "version": "2.5.6",
+ "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
+ "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 10.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ }
+ },
+ "node_modules/chokidar": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+ "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "readdirp": "^4.0.1"
+ },
+ "engines": {
+ "node": ">= 14.16.0"
+ },
+ "funding": {
+ "url": "https://paulmillr.com/funding/"
+ }
+ },
+ "node_modules/detect-libc": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+ "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "optional": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/immutable": {
+ "version": "5.1.4",
+ "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+ "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/is-extglob": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+ "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-glob": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+ "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "is-extglob": "^2.1.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/node-addon-api": {
+ "version": "7.1.1",
+ "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+ "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true
+ },
+ "node_modules/picomatch": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+ "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/jonschlinkert"
+ }
+ },
+ "node_modules/prettier": {
+ "version": "3.8.1",
+ "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
+ "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "prettier": "bin/prettier.cjs"
+ },
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/prettier/prettier?sponsor=1"
+ }
+ },
+ "node_modules/readdirp": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+ "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">= 14.18.0"
+ },
+ "funding": {
+ "type": "individual",
+ "url": "https://paulmillr.com/funding/"
+ }
+ },
+ "node_modules/sass": {
+ "version": "1.97.3",
+ "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.3.tgz",
+ "integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "chokidar": "^4.0.0",
+ "immutable": "^5.0.2",
+ "source-map-js": ">=0.6.2 <2.0.0"
+ },
+ "bin": {
+ "sass": "sass.js"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "optionalDependencies": {
+ "@parcel/watcher": "^2.4.1"
+ }
+ },
+ "node_modules/servitsy": {
+ "version": "0.5.0",
+ "resolved": "https://registry.npmjs.org/servitsy/-/servitsy-0.5.0.tgz",
+ "integrity": "sha512-ui13eYG7o/7jnC5K6Hk30VpFa/RsC6PqSipgPsSrAmkNKTjXfF1sqLhLuWmN097g4vTwSrpC5uoh8jt4WWAdWw==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "servitsy": "bin/servitsy.js"
+ }
+ },
+ "node_modules/source-map-js": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+ "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+ "dev": true,
+ "license": "BSD-3-Clause",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ }
+ }
+}
diff --git a/package.json b/package.json
index 4d0da29..5a0e54c 100644
--- a/package.json
+++ b/package.json
@@ -1,41 +1,36 @@
{
- "name": "remarkdown.css",
- "version": "3.1.0",
- "license": "MIT",
- "author": "Florens Verschelde",
- "repository": "https://github.com/fvsch/remarkdown",
- "keywords": [
- "css",
- "markdown"
- ],
-
- "scripts": {
- "build": "node src/build.js",
- "start": "serve docs"
- },
- "devDependencies": {
- "prettier": "^2.1.2",
- "sass": "^1.26.11",
- "serve": "^11.3.2"
- },
- "prettier": {
- "semi": false,
- "singleQuote": true,
- "tabWidth": 2,
- "useTabs": false,
- "overrides": [
- {
- "files": "*.scss",
- "options": {
- "singleQuote": false
- }
- },
- {
- "files": "*.css",
- "options": {
- "singleQuote": false
- }
- }
- ]
- }
+ "name": "remarkdown.css",
+ "version": "4.0.0-alpha.1",
+ "license": "MIT",
+ "description": "ReMarkdown styles HTML to look like plain Markdown text.",
+ "homepage": "https://fvsch.github.io/remarkdown/",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/fvsch/remarkdown.git"
+ },
+ "author": "Florens Verschelde",
+ "keywords": [
+ "css",
+ "markdown"
+ ],
+ "files": [
+ "README.md",
+ "dist",
+ "lib"
+ ],
+ "type": "module",
+ "exports": {
+ "sass": "./lib/remarkdown.scss",
+ "style": "./dist/remarkdown.css"
+ },
+ "scripts": {
+ "build": "node build.js",
+ "format": "prettier --write src",
+ "start": "servitsy docs"
+ },
+ "devDependencies": {
+ "prettier": "^3.8.1",
+ "sass": "^1.97.3",
+ "servitsy": "^0.5.0"
+ }
}
diff --git a/preset/remarkdown-zero.attr.scss b/preset/remarkdown-zero.attr.scss
new file mode 100644
index 0000000..bbe59d8
--- /dev/null
+++ b/preset/remarkdown-zero.attr.scss
@@ -0,0 +1,12 @@
+// Attribute-based build of ReMarkdown with no default styles
+
+@use "../lib/remarkdown" as rmd;
+
+@include rmd.configure(
+ $selector-base: "[data-remarkdown]",
+ $selector-option: '[data-remarkdown~="%o"]',
+ $default-styles: (),
+ $margins: ()
+);
+@include rmd.header("ReMarkdown-zero %v [attr] (MIT) https://fvsch.github.io/remarkdown/");
+@include rmd.output();
diff --git a/preset/remarkdown-zero.scss b/preset/remarkdown-zero.scss
new file mode 100644
index 0000000..f2b3b7a
--- /dev/null
+++ b/preset/remarkdown-zero.scss
@@ -0,0 +1,12 @@
+// Class-based build of ReMarkdown with no default styles
+
+@use "../lib/remarkdown" as rmd;
+
+@include rmd.configure(
+ $selector-base: ".remarkdown",
+ $selector-option: ".remarkdown.%o",
+ $default-styles: (),
+ $margins: ()
+);
+@include rmd.header("ReMarkdown-zero %v (MIT) https://fvsch.github.io/remarkdown/");
+@include rmd.output();
diff --git a/preset/remarkdown.attr.scss b/preset/remarkdown.attr.scss
new file mode 100644
index 0000000..69c038d
--- /dev/null
+++ b/preset/remarkdown.attr.scss
@@ -0,0 +1,10 @@
+// Attribute-based build of ReMarkdown using default styles
+
+@use "../lib/remarkdown" as rmd;
+
+@include rmd.configure(
+ $selector-base: "[data-remarkdown]",
+ $selector-option: '[data-remarkdown~="%o"]'
+);
+@include rmd.header("ReMarkdown %v [attr] (MIT) https://fvsch.github.io/remarkdown/");
+@include rmd.output();
diff --git a/preset/remarkdown.scss b/preset/remarkdown.scss
new file mode 100644
index 0000000..c5fd479
--- /dev/null
+++ b/preset/remarkdown.scss
@@ -0,0 +1,7 @@
+// Class-based build of ReMarkdown using default styles
+
+@use "../lib/remarkdown" as rmd;
+
+@include rmd.configure($selector-base: ".remarkdown", $selector-option: ".remarkdown.%o");
+@include rmd.header("ReMarkdown %v (MIT) https://fvsch.github.io/remarkdown/");
+@include rmd.output();
diff --git a/src/_imports.scss b/src/_imports.scss
deleted file mode 100644
index a8a9ab7..0000000
--- a/src/_imports.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@import "_options.scss";
-@import "_toolkit.scss";
-@import "_styles.scss";
-
-@mixin rmd-output {
- @include rmd-output-base;
- @include rmd-output-hn;
- @include rmd-output-para;
- @include rmd-output-hr;
- @include rmd-output-ul;
- @include rmd-output-ol;
- @include rmd-output-a;
- @include rmd-output-em;
- @include rmd-output-strong;
- @include rmd-output-code;
- @include rmd-output-pre;
- @include rmd-output-quote;
- @include rmd-output-del;
- @include rmd-output-table;
-}
diff --git a/src/_options.scss b/src/_options.scss
deleted file mode 100644
index f72bdf6..0000000
--- a/src/_options.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-// ------------------------
-// ReMarkdown build options
-// ------------------------
-
-// Selectors for the ReMarkdown container and options
-// (%o will be replaced with the option name)
-$rmd-selector-base: ".remarkdown" !default;
-$rmd-selector-option: ".remarkdown.%o" !default;
-
-// Whether we should include styles for ALL alternative styles (true),
-// or only for styles listed in $rmd-defaults (false).
-// If false, the CSS build will be smaller, but setting options
-// in HTML with classes or attribute values will be impossible.
-$rmd-output-all-styles: true !default;
-
-// Default style variations.
-// Separate values with whitespace. Remove or comment out options you
-// don't want. Note that all option names are singular:
-// e.g. "hr-hyphen" even if we use several hyphens to display a
.
-// prettier-ignore
-$rmd-defaults:
- hn-reset
- hn-hash
- // h1-underline
- // h2-underline
- ul-hyphen
- // ul-star
- // ul-plus
- ol-decimal
- // ol-zero
- // ol-alpha
- quote-gt
- em-star
- // em-underscore
- strong-star
- // strong-underscore
- a-bracket
- // a-showurl
- code-tick
- pre-indent
- // pre-tick
- // pre-tilde
- // pre-tilde-full
- hr-star
- // hr-center
- // hr-hyphen
- // del-gfm
- // table-marker
-!default;
-
-// Should ReMarkdown try to define a font-family, and reset font sizes, styles
-// and weights? It's generally useful but if you want to define your fonts
-// styles separately, set this to false.
-// If false, $rmd-primary-font and $rmd-code-font are ignored.
-$rmd-set-font-styles: true !default;
-
-// Font stack to use.
-// AVOID using "monospace" only, or browsers might use a default small
-// text size (13px). Always define one or more font families before the
-// final ", monospace".
-$rmd-primary-font: monospace, monospace !default;
-
-// For elements that are traditionnaly monospace, use a different font?
-$rmd-code-font: inherit !default;
-
-// Height of a line (as a unit-less ratio, e.g. 1.5)
-$rmd-line-ratio: 1.5 !default;
-
-// Vertical margins for titles and more (as number of lines)
-// By default we use one line for everything, but you can specify more here:
-$rmd-margins: (
- h1: (
- top: 1.5,
- bottom: 1,
- ),
- h2: (
- top: 1.5,
- bottom: 1,
- ),
- hn: (
- top: 1,
- bottom: 1,
- ),
- hr: (
- top: 1,
- bottom: 1,
- ),
- p: (
- top: 1,
- bottom: 1,
- ),
- pre: (
- top: 1,
- bottom: 1,
- ),
- ol: (
- top: 1,
- bottom: 1,
- ),
- ul: (
- top: 1,
- bottom: 1,
- ),
- figure: (
- top: 1,
- bottom: 1,
- ),
- blockquote: (
- top: 1,
- bottom: 1,
- ),
- table: (
- top: 1,
- bottom: 1,
- ),
-) !default;
-
-// Horizontal indents (as number of characters) for a few elements
-$rmd-indents: (
- ul: (
- left: 4,
- right: 0,
- ),
- ol: (
- left: 4,
- right: 0,
- ),
- pre: (
- left: 4,
- right: 0,
- ),
- blockquote: (
- left: 2,
- right: 2,
- ),
-) !default;
-
-// By default we use the `em` unit for vertical spacing.
-// This low-level option allows using `rem` instead.
-$rmd-prefer-rem: false !default;
-
-// HR patterns
-$rmd-hr-stars: "* * * *" !default;
-$rmd-hr-hyphens: "-------" !default;
-
-// Character used for simple headings
-$rmd-heading-sign: "#" !default;
-
-// Characters used for underlined headings
-$rmd-h1-underline: "==========" !default;
-$rmd-h2-underline: "----------" !default;
diff --git a/src/_styles.scss b/src/_styles.scss
deleted file mode 100644
index b71bd3a..0000000
--- a/src/_styles.scss
+++ /dev/null
@@ -1,462 +0,0 @@
-// ------------------------------------
-// Basic ReMarkdown styles for elements
-// ------------------------------------
-
-// Base
-
-@mixin rmd-output-base {
- @include __rmd_selector {
- line-height: $rmd-line-ratio;
- @if $rmd-set-font-styles {
- font-family: $rmd-primary-font;
- pre,
- code,
- kbd,
- samp {
- font-family: $rmd-code-font;
- }
- }
- }
-}
-
-// Headings
-// Options: hn-hash, h1-underline, h2-undelrine
-
-@mixin rmd-output-hn {
- @include __rmd_selector("hn-reset") {
- h1 {
- font-size: inherit;
- font-weight: inherit;
- margin-top: __rmd-margin("h1", "top");
- margin-bottom: __rmd-margin("h1", "bottom");
- }
- h2 {
- font-size: inherit;
- font-weight: inherit;
- margin-top: __rmd-margin("h2", "top");
- margin-bottom: __rmd-margin("h2", "bottom");
- }
- h3,
- h4,
- h5,
- h6 {
- font-size: inherit;
- font-weight: inherit;
- margin-top: __rmd-margin("hn", "top");
- margin-bottom: __rmd-margin("hn", "bottom");
- }
- }
- @include __rmd_selector("hn-hash") {
- @for $i from 1 through 6 {
- h#{$i}::before {
- content: __rmd_repeat($rmd-heading-sign, $i) + " ";
- }
- }
- }
- %hn-underline-common {
- display: table;
- overflow: hidden;
- position: relative;
- padding-bottom: $__rmd-line;
- &::before {
- content: none;
- }
- &::after {
- position: absolute;
- bottom: 0;
- left: 0;
- height: $__rmd-line;
- width: 100%;
- overflow: hidden;
- word-break: break-all;
- cursor: default;
- }
- }
- @include __rmd_selector("h1-underline") {
- h1 {
- @extend %hn-underline-common;
- &::after {
- content: __rmd_repeat($rmd-h1-underline, 12);
- }
- }
- }
- @include __rmd_selector("h2-underline") {
- h2 {
- @extend %hn-underline-common;
- &::after {
- content: __rmd_repeat($rmd-h2-underline, 12);
- }
- }
- }
-}
-
-// Paragraphs
-
-@mixin rmd-output-para {
- @include __rmd_selector {
- p {
- margin-top: __rmd-margin("p", "top");
- margin-bottom: __rmd-margin("p", "bottom");
- }
- figure {
- margin: __rmd-margin("figure", "top") 0 __rmd-margin("figure", "bottom");
- }
- }
-}
-
-// Lists
-// Options: ul-star, ul-plus, ul-hyphen
-
-@mixin __rmd-ul-li-before($sign) {
- & {
- list-style: none;
- }
- & > li::before {
- float: left;
- width: 1ch;
- margin-left: __rmd-indent("ul", "left") * -1;
- margin-right: 1ch;
- content: $sign;
- }
-}
-
-@mixin __rmd-ol-li-before($type) {
- ol {
- list-style: none;
- @if $type != "zero" {
- counter-reset: rmd-ol;
- }
- }
- @if $type != "zero" {
- ol > li {
- counter-increment: rmd-ol;
- }
- }
- ol > li::before {
- float: left;
- margin-left: __rmd-indent("ol", "left") * -1;
- margin-right: 1ch;
- min-width: 2ch;
- @if $type == "zero" {
- content: "0.";
- } @else if $type == "alpha" {
- content: counter(rmd-ol, lower-alpha) ".";
- } @else {
- content: counter(rmd-ol) ".";
- }
- }
-}
-
-@mixin rmd-output-ul {
- @include __rmd_selector {
- ul {
- margin: __rmd-margin("ul", "top") __rmd-indent("ul", "right")
- __rmd-margin("ul", "bottom") __rmd-indent("ul", "left");
- padding: 0;
- }
- li ul {
- margin-top: 0;
- margin-bottom: 0;
- }
- }
- @include __rmd_selector("ul-plus") {
- ul {
- @include __rmd-ul-li-before("+");
- }
- }
- @include __rmd_selector("ul-star") {
- ul {
- @include __rmd-ul-li-before("*");
- }
- }
- @include __rmd_selector("ul-hyphen") {
- ul {
- @include __rmd-ul-li-before("-");
- }
- }
-}
-
-@mixin rmd-output-ol {
- @include __rmd_selector() {
- ol {
- margin: __rmd-margin("ol", "top") __rmd-indent("ol", "right")
- __rmd-margin("ol", "bottom") __rmd-indent("ol", "left");
- padding: 0;
- }
- li ol {
- margin-top: 0;
- margin-bottom: 0;
- }
- }
- @include __rmd_selector("ol-decimal") {
- @include __rmd-ol-li-before("decimal");
- }
- @include __rmd_selector("ol-zero") {
- @include __rmd-ol-li-before("zero");
- }
- @include __rmd_selector("ol-alpha") {
- @include __rmd-ol-li-before("alpha");
- }
-}
-
-// Links
-// Options: a-bracket, a-showurl
-
-@mixin rmd-output-a {
- @include __rmd_selector("a-bracket") {
- a {
- &::before {
- content: "[";
- }
- &::after {
- content: "]";
- }
- }
- }
- @include __rmd_selector("a-showurl") {
- a[href] {
- &::before {
- content: "[";
- }
- &::after {
- content: "](" attr(href) ")";
- word-break: break-all;
- }
- }
- }
-}
-
-// Emphasis
-// Options: em-star, em-underscore, strong-star, strong-underscore
-
-@mixin rmd-output-em {
- @if $rmd-set-font-styles {
- @include __rmd_selector {
- em,
- strong {
- font-style: normal;
- font-weight: normal;
- }
- }
- }
- @include __rmd_selector("em-star") {
- em::before,
- em::after {
- content: "*";
- }
- }
- @include __rmd_selector("em-underscore") {
- em::before,
- em::after {
- content: "_";
- }
- }
-}
-
-@mixin rmd-output-strong {
- @include __rmd_selector("strong-star") {
- strong::before,
- strong::after {
- content: "**";
- }
- }
- @include __rmd_selector("strong-underscore") {
- strong::before,
- strong::after {
- content: "__";
- }
- }
-}
-
-// Code
-// Options: code-tick
-
-@mixin rmd-output-code {
- @include __rmd_selector("code-tick") {
- code::before,
- code::after {
- content: "`";
- }
- pre code::before,
- pre code::after {
- display: none;
- }
- }
-}
-
-// PRE
-// Options: pre-indent, pre-tick, pre-tilde, pre-tilde-full
-
-@mixin rmd-output-pre {
- @include __rmd_selector {
- pre {
- margin-top: __rmd-margin("pre", "top");
- margin-bottom: __rmd-margin("pre", "bottom");
- tab-size: 4;
- }
- }
- @include __rmd_selector("pre-indent") {
- pre {
- margin-left: __rmd-indent("pre", "left");
- margin-right: __rmd-indent("pre", "right");
- }
- }
- %rmd-pre-fence-pseudo {
- display: block;
- width: 100%;
- height: $__rmd-line;
- cursor: default;
- }
- @include __rmd_selector("pre-tick") {
- pre::before,
- pre::after {
- @extend %rmd-pre-fence-pseudo;
- content: "```";
- position: relative;
- top: 0.25em;
- }
- }
- @include __rmd_selector("pre-tilde") {
- pre::before,
- pre::after {
- @extend %rmd-pre-fence-pseudo;
- content: "~~~";
- overflow: hidden;
- word-break: break-all;
- }
- }
- @include __rmd_selector("pre-tilde-full") {
- pre::before,
- pre::after {
- @extend %rmd-pre-fence-pseudo;
- content: __rmd_repeat("~~~~~~~~~~", 12);
- overflow: hidden;
- word-break: break-all;
- }
- }
-}
-
-// Horizontal rules
-// Options: hr-center, hr-star, hr-hyphen
-
-@mixin rmd-output-hr {
- @include __rmd_selector {
- hr {
- height: $__rmd-line;
- line-height: $__rmd-line;
- margin: __rmd-margin("hr", "top") 0 __rmd-margin("hr", "bottom");
- border: none;
- color: inherit;
- }
- }
- @include __rmd_selector("hr-center") {
- hr {
- text-align: center;
- }
- }
- @include __rmd_selector("hr-star") {
- hr::before {
- content: $rmd-hr-stars;
- }
- }
- @include __rmd_selector("hr-hyphen") {
- hr::before {
- content: $rmd-hr-hyphens;
- }
- }
-}
-
-// Quotes ( not managed since not in Markdown)
-// Option: quote-gt
-
-@mixin rmd-output-quote {
- @include __rmd_selector {
- blockquote {
- margin: __rmd-margin("blockquote", "top")
- __rmd-indent("blockquote", "right") __rmd-margin("blockquote", "bottom")
- __rmd-indent("blockquote", "left");
- padding: 0;
- }
- }
- @include __rmd_selector("quote-gt") {
- blockquote {
- position: relative;
- }
- blockquote::before {
- position: absolute;
- top: 0;
- left: -2ch;
- bottom: 0;
- width: 1ch;
- overflow: hidden;
- white-space: pre;
- content: __rmd_repeat(">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A", 20);
- cursor: default;
- }
- }
-}
-
-// DEL
-// Option: del-gfm
-
-@mixin rmd-output-del {
- @include __rmd_selector("del-gfm") {
- del {
- text-decoration: none;
- }
- del::before,
- del::after {
- content: "~~";
- }
- }
-}
-
-// Tables
-// Option: table-marker
-
-@mixin rmd-output-table {
- @include __rmd_selector("table-marker") {
- table {
- margin-top: __rmd-margin("table", "top");
- margin-bottom: __rmd-margin("table", "bottom");
- border-collapse: collapse;
- }
- tr > * {
- min-width: 3ch;
- position: relative;
- padding: 0;
- text-align: inherit;
- vertical-align: top;
- font-weight: normal;
- border: none;
- }
- tr > * + * {
- padding-left: 3ch;
- }
- tr:first-child > th:not([scope="row"]) {
- padding-bottom: $__rmd-line;
- }
- tr:first-child > th:not([scope="row"])::after {
- content: __rmd_repeat("-----------", 10);
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- overflow: hidden;
- word-break: break-all;
- height: $__rmd-line;
- }
- tr:first-child > * + th:not([scope="row"])::after {
- left: 3ch;
- }
- tr > * + *::before {
- content: __rmd_repeat("|\A", 10);
- position: absolute;
- overflow: hidden;
- left: 1ch;
- top: 0;
- bottom: 0;
- white-space: pre;
- }
- }
-}
diff --git a/src/_toolkit.scss b/src/_toolkit.scss
deleted file mode 100644
index 8e545d6..0000000
--- a/src/_toolkit.scss
+++ /dev/null
@@ -1,106 +0,0 @@
-// ------------------------
-// Utilities for ReMarkdown
-// ------------------------
-
-// Internal variables
-$__rmd-version: "3.1.0";
-$__rmd-line: $rmd-line-ratio * 1em;
-@if ($rmd-prefer-rem) {
- $__rmd-line: $rmd-line-ratio * 1rem;
-}
-
-@mixin rmd-header($title: "") {
- $included: "all styles";
- $list: $rmd-defaults;
- @if not $rmd-output-all-styles {
- $included: "defaults only";
- }
- @if not $list or $list == "" or length($list) == 0 {
- $list: "none";
- }
- @if $title {
- /*! #{__rmd_replace($title, "%v", $__rmd-version)} */
- /* includes: #{$included}; defaults: #{$list}; */
- }
-}
-
-// Wrap content in a selector including the option name, depending on
-// the content of $rmd-defaults and the value of $rmd-output-all-styles.
-// May output an unused placeholder selector (%rmd-void) if
-// $rmd-output-all-styles is false and the option is not in
-// $rmd-defaults, which drops the entire block from the output.
-@mixin __rmd_selector($option: null) {
- @if $option == null or index($rmd-defaults, $option) {
- #{__rmd_selector_syntax()} {
- @content;
- }
- } @else if $rmd-output-all-styles {
- #{__rmd_selector_syntax($option)} {
- @content;
- }
- }
-}
-
-// Generate the general selector (if $name is null)
-// or an option-specific selector
-@function __rmd_selector_syntax($option: null) {
- @if $option == null {
- @return $rmd-selector-base;
- } @else {
- @return __rmd_replace($rmd-selector-option, "%o", $option);
- }
-}
-
-// Get a margin value in em from $rmd-margins.
-// If not set, returns a value of 1 line.
-@function __rmd-margin($element, $direction: "top") {
- $config: map-get($rmd-margins, $element);
- @if $config != null {
- $num: map-get($config, $direction);
- @if $num != null {
- @return $__rmd-line * $num;
- }
- }
- @return $__rmd-line * 1;
-}
-
-// Get a horizontal margin (indent) value for an element.
-// If not set, returns a value of 0.
-@function __rmd-indent($element, $direction: "left") {
- $config: map-get($rmd-indents, $element);
- @if $config != null {
- $num: map-get($config, $direction);
- @if $num != null {
- @return 1ch * $num;
- }
- }
- @return 0;
-}
-
-// Small utility to repeat a string
-@function __rmd_repeat($string, $times) {
- $result: "";
- @for $i from 1 through $times {
- $result: $result + $string;
- }
- @return $result;
-}
-
-/// Replace `$search` with `$replace` in `$string`
-/// @author Hugo Giraudel
-/// @param {String} $string - Initial string
-/// @param {String} $search - Substring to replace
-/// @param {String} $replace ('') - New value
-/// @return {String} - Updated string
-@function __rmd_replace($string, $search, $replace: "") {
- $index: str-index($string, $search);
- @if $index {
- @return str-slice($string, 1, $index - 1) + $replace +
- __rmd_replace(
- str-slice($string, $index + str-length($search)),
- $search,
- $replace
- );
- }
- @return $string;
-}
diff --git a/src/build.js b/src/build.js
deleted file mode 100644
index 125cf5f..0000000
--- a/src/build.js
+++ /dev/null
@@ -1,39 +0,0 @@
-const fs = require('fs')
-const path = require('path')
-const sass = require('sass')
-const prettier = require('prettier')
-
-const root = path.dirname(__dirname)
-
-const sources = [
- ['src/remarkdown.scss', 'dist/remarkdown.css'],
- ['src/remarkdown.attr.scss', 'dist/remarkdown.attr.css'],
- ['src/remarkdown-zero.scss', 'dist/remarkdown-zero.css'],
- ['src/remarkdown-zero.attr.scss', 'dist/remarkdown-zero.attr.css'],
- ['src/remarkdown-custom.scss', 'dist/remarkdown-custom.css'],
- ['docs/demo.scss', 'docs/demo.css'],
-]
-
-sources.forEach(buildStylesheet)
-
-function buildStylesheet([sourceFilename, outFilename]) {
- const sourceFile = path.join(root, sourceFilename)
- const outFile = path.join(root, outFilename)
- if (fs.existsSync(sourceFile) === false) {
- return
- }
-
- console.log('Compiling ' + sourceFile)
- sass.render({ file: sourceFile, outputStyle: 'expanded' }, (err, result) => {
- if (err) throw err
- const css = result.css.toString('utf8')
- const prettified = prettier.format(css, {
- parser: 'css',
- singleQuote: false,
- })
- fs.writeFile(outFile, prettified, (err) => {
- if (err) throw err
- console.log(`Writing ${outFile} (${prettified.length} bytes)`)
- })
- })
-}
diff --git a/src/remarkdown-custom.scss b/src/remarkdown-custom.scss
deleted file mode 100644
index a8b2c95..0000000
--- a/src/remarkdown-custom.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-// --------------------------
-// Custom build of ReMarkdown
-// --------------------------
-// See _options.scss for the list of available Sass variables that can be used
-// to customize your ReMarkdown stylesheet. Some examples follow.
-
-// BEM-style selectors
-$rmd-selector-base: ".remarkdown";
-$rmd-selector-option: ".remarkdown--%o";
-
-// Don't output styles for disabled features
-$rmd-output-all-styles: false;
-
-// Fancy underlines
-$rmd-h1-underline: "★☆★☆★☆★☆★☆";
-$rmd-h2-underline: "~~~~~~~~~~";
-
-// Enable or disable features
-// prettier-ignore
-$rmd-defaults:
- hn-reset
- hn-hash
- h1-underline
- h2-underline
- // ul-hyphen
- // ul-star
- ul-plus
- // ol-decimal
- // ol-zero
- ol-alpha
- // quote-gt
- // em-star
- em-underscore
- // strong-star
- strong-underscore
- // a-bracket
- // a-showurl
- // code-tick
- // pre-indent
- // pre-tick
- pre-tilde
- pre-tilde-full
- // hr-star
- hr-center
- hr-hyphen
- // del-gfm
- table-marker
-;
-
-// Horizontal indents (as number of characters)
-$rmd-indents: (
- ul: (
- left: 6,
- right: 4,
- ),
- ol: (
- left: 6,
- right: 4,
- ),
- pre: (
- left: 2,
- right: 2,
- ),
- blockquote: (
- left: 2,
- right: 2,
- ),
-);
-
-@import "src/_imports.scss";
-@include rmd-header(
- "ReMarkdown %v (MIT) Custom Build https://fvsch.github.io/remarkdown/"
-);
-@include rmd-output();
diff --git a/src/remarkdown-zero.attr.scss b/src/remarkdown-zero.attr.scss
deleted file mode 100644
index 1f737bf..0000000
--- a/src/remarkdown-zero.attr.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Attribute-based build of ReMarkdown with no default styles
-
-$rmd-selector-base: "[data-remarkdown]";
-$rmd-selector-option: '[data-remarkdown~="%o"]';
-$rmd-defaults: ();
-$rmd-margins: ();
-
-@import "_imports.scss";
-@include rmd-header("ReMarkdown-zero %v [attr] (MIT) https://fvsch.github.io/remarkdown/");
-@include rmd-output();
diff --git a/src/remarkdown-zero.scss b/src/remarkdown-zero.scss
deleted file mode 100644
index c128592..0000000
--- a/src/remarkdown-zero.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Class-based build of ReMarkdown with no default styles
-
-$rmd-selector-base: ".remarkdown";
-$rmd-selector-option: ".remarkdown.%o";
-$rmd-defaults: ();
-$rmd-margins: ();
-
-@import "_imports.scss";
-@include rmd-header("ReMarkdown-zero %v (MIT) https://fvsch.github.io/remarkdown/");
-@include rmd-output();
diff --git a/src/remarkdown.attr.scss b/src/remarkdown.attr.scss
deleted file mode 100644
index bf40f12..0000000
--- a/src/remarkdown.attr.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Attribute-based build of ReMarkdown using default styles
-
-$rmd-selector-base: "[data-remarkdown]";
-$rmd-selector-option: '[data-remarkdown~="%o"]';
-
-@import "_imports.scss";
-@include rmd-header("ReMarkdown %v [attr] (MIT) https://fvsch.github.io/remarkdown/");
-@include rmd-output();
diff --git a/src/remarkdown.scss b/src/remarkdown.scss
deleted file mode 100644
index ec9a08a..0000000
--- a/src/remarkdown.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Class-based build of ReMarkdown using default styles
-
-$rmd-selector-base: ".remarkdown";
-$rmd-selector-option: ".remarkdown.%o";
-
-@import "_imports.scss";
-@include rmd-header("ReMarkdown %v (MIT) https://fvsch.github.io/remarkdown/");
-@include rmd-output();