Merge pull request #16 from orzih/feature/use-headless-chrome

Supports the use of `Headless Chrome`.

README.md

@@ -194,6 +194,32 @@ plugins:
 
     @see [Sample of _MkDocs Material_](https://github.com/orzih/mkdocs-with-pdf/blob/master/samples/mkdocs-material/)
 
+##### Renderer for JavaScript
+
+* `render_js`
+
+    Set the value to `true` if you're using '[MathJax](https://www.mathjax.org/)', '[Twemoji](https://twemoji.twitter.com/)' or any more.  
+    Require "Chrome" which has "headless" mode.  
+
+    **default**: `false`  
+    _**since**: `v0.7.0`_
+
+* `headless_chrome_path`
+
+    Set the "Headless Chrome" program path.  
+    If `render_js` is _`false`_, this value will be ignored.  
+
+    **default**: `google-chrome`
+
+> Check on your system:
+>
+> ```
+> $ <PROGRAM_PATH> --headless \
+>    --disable-gpu \
+>    --dump-dom \
+>    <ANY_SITE_URL(eg. 'https://google.com')>
+> ```
+
 ##### ... and more
 
 * `output_path`

custum_style_src/material-polyfills/.eslintrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: {
+    serviceworker: true,
+    browser: true,
+    node: true
+  },
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2015
+  },
+  extends: ['prettier', 'plugin:prettier/recommended'],
+  plugins: ['prettier'],
+  // add your custom rules here
+  rules: {
+    'unicorn/number-literal-case': 'off'
+  }
+}

custum_style_src/material-polyfills/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "arrowParens": "always",
+  "singleQuote": true,
+  "trailingComma": "none"
+}

custum_style_src/material-polyfills/dev-site/assets/css/extra.css

@@ -0,0 +1,49 @@
+@media print {
+  .md-typeset {
+    line-height: 1.4;
+  }
+  .md-typeset ul li,
+  .md-typeset ol li {
+    margin-bottom: .25rem;
+  }
+
+  #doc-toc ul li>a>span,
+  .md-typeset h1>span,
+  .md-typeset h2>span,
+  .md-typeset h3>span {
+    display: inline-block;
+  }
+
+  .md-typeset h1>span,
+  .md-typeset h2>span,
+  .md-typeset h3>span {
+    padding-right: 0.5rem;
+  }
+
+  /** workaround [[ */
+  .md-typeset h2>span.twemoji,
+  .md-typeset h2>span.twemoji>img {
+    height: 1.363em;
+  }
+  .md-typeset h2>span.twemoji>img {
+    margin-top: -0.3em;
+  }
+  #doc-toc span.twemoji,
+  #doc-toc span.twemoji img {
+    height: 1.125rem;
+    vertical-align: middle;
+  }
+  /* ]] **/
+
+  .md-typeset .tx-content__footer hr {
+    background-color: transparent;
+    border-bottom: 0.5px solid #e91e63;
+  }
+
+  section.md-typeset[data-url="/changelog/"] h4+ul {
+    margin: 0;
+  }
+  section.md-typeset[data-url="/changelog/"] ul>li {
+    margin-bottom: 0;
+  }
+}