Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2025-01-30 11:27:26 +01:00
Code Issues Releases Wiki Activity

Integrated data table styles from 0.2.x

Browse Source
This commit is contained in:
squidfunk 2016-12-18 13:29:03 +01:00
parent be2532d47f
commit 2c8a324324
19 changed files with 1284 additions and 1093 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
docs/extensions/admonition.md
View File

@ -1,9 +1,11 @@
# Admonition # Admonition
[Admonition][] is an extension included in the standard Markdown library that [Admonition][1] is an extension included in the standard Markdown library that
makes it possible to add block-styled side content to your documentation, for makes it possible to add block-styled side content to your documentation, for
example summaries, hints, notes or warnings. example summaries, hints, notes or warnings.
[1]: https://pythonhosted.org/Markdown/extensions/admonition.html
## Installation ## Installation
Add the following lines to your `mkdocs.yml`: Add the following lines to your `mkdocs.yml`:
@ -84,10 +86,13 @@ Blocks can contain all kinds of text content, including headlines, lists,
paragraphs and other blocks – except code blocks, because the parser from the paragraphs and other blocks – except code blocks, because the parser from the
standard Markdown library does not account for those. standard Markdown library does not account for those.
However, the [PyMdown Extensions][] package adds an extension called However, the [PyMdown Extensions][2] package adds an extension called
[SuperFences][], which makes it possible to nest code blocks within other [SuperFences][3], which makes it possible to nest code blocks within other
blocks. blocks.
[2]: https://facelessuser.github.io/pymdown-extensions
[3]: https://facelessuser.github.io/pymdown-extensions/extensions/superfences/
Example: Example:
!!! hint !!! hint
@ -308,7 +313,3 @@ Qualifiers:
* `error` * `error`
* `bug` * `bug`
[Admonition]: https://pythonhosted.org/Markdown/extensions/admonition.html
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
[SuperFences]: https://facelessuser.github.io/pymdown-extensions/extensions/superfences/

15
docs/extensions/codehilite.md
View File

@ -1,14 +1,16 @@
# CodeHilite # CodeHilite
[CodeHilite][] is an extension that adds syntax highlighting to codeblocks and [CodeHilite][1] is an extension that adds syntax highlighting to codeblocks and
is included in the standard Markdown library. The highlighting process is is included in the standard Markdown library. The highlighting process is
executed during compilation of the Markdown file. executed during compilation of the Markdown file.
[1]: https://pythonhosted.org/Markdown/extensions/code_hilite.html
## Installation ## Installation
CodeHilite parses code blocks and wraps them in `<pre>` tags. If [Pygments][] CodeHilite parses code blocks and wraps them in `<pre>` tags. If [Pygments][2]
is installed, which is a generic syntax highlighter with support for over is installed, which is a generic syntax highlighter with support for over
[300 languages][], CodeHilite will also highlight the code block. Pygments can [300 languages][3], CodeHilite will also highlight the code block. Pygments can
be installed with the following command: be installed with the following command:
``` sh ``` sh
@ -22,6 +24,9 @@ markdown_extensions:
- codehilite - codehilite
``` ```
[2]: http://pygments.org
[3]: http://pygments.org/languages
## Usage ## Usage
### Specifying the language ### Specifying the language
@ -840,7 +845,3 @@ end
<![CDATA[ some CData ]]> <![CDATA[ some CData ]]>
</main-Tag> </main-Tag>
``` ```
[CodeHilite]: https://pythonhosted.org/Markdown/extensions/code_hilite.html
[Pygments]: http://pygments.org
[300 languages]: http://pygments.org/languages

6
docs/extensions/footnotes.md
View File

@ -1,8 +1,10 @@
# Footnotes # Footnotes
[Footnotes][] is another extension included in the standard Markdown library. [Footnotes][1] is another extension included in the standard Markdown library.
As the name says, it adds the ability to add footnotes to your documentation. As the name says, it adds the ability to add footnotes to your documentation.
[1]: https://pythonhosted.org/Markdown/extensions/footnotes.html
## Installation ## Installation
Add the following lines to your `mkdocs.yml`: Add the following lines to your `mkdocs.yml`:
@ -80,5 +82,3 @@ Result:
massa, nec semper lorem quam in massa. massa, nec semper lorem quam in massa.
<a href="#fn:2">Jump to footnote at the bottom of the page</a> <a href="#fn:2">Jump to footnote at the bottom of the page</a>
[Footnotes]: https://pythonhosted.org/Markdown/extensions/footnotes.html

6
docs/extensions/permalinks.md
View File

@ -1,10 +1,12 @@
# Permalinks # Permalinks
Permalinks are a feature of the [Table of Contents][] extension, which is part Permalinks are a feature of the [Table of Contents][1] extension, which is part
of the standard Markdown library. The extension inserts an anchor at the end of of the standard Markdown library. The extension inserts an anchor at the end of
each headline, which makes it possible to directly link to a subpart of the each headline, which makes it possible to directly link to a subpart of the
document. document.
[1]: https://pythonhosted.org/Markdown/extensions/toc.html
## Installation ## Installation
To enable permalinks, add the following to your `mkdocs.yml`: To enable permalinks, add the following to your `mkdocs.yml`:
@ -27,5 +29,3 @@ markdown_extensions:
## Usage ## Usage
When enabled, permalinks are inserted automatically. When enabled, permalinks are inserted automatically.
[Table of Contents]: https://pythonhosted.org/Markdown/extensions/toc.html

22
docs/extensions/pymdown/arithmatex.md
View File

@ -1,12 +1,16 @@
# Arithmatex <small>MathJax</small> # Arithmatex <small>MathJax</small>
[Arithmatex][] integrates [MathJax][] with Markdown and is included in the [Arithmatex][1] integrates [MathJax][2] with Markdown and is included in the
[PyMdown Extensions][] package. It parses block-style and inline equations [PyMdown Extensions][3] package. It parses block-style and inline equations
written in TeX markup and outputs them in mathematical notation. written in TeX markup and outputs them in mathematical notation.
[1]: https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/
[2]: https://www.mathjax.org/
[3]: https://facelessuser.github.io/pymdown-extensions
## Installation ## Installation
Make sure that the PyMdown Extensions package [is installed][] and add the Make sure that the PyMdown Extensions package [is installed][4] and add the
following lines to your `mkdocs.yml`: following lines to your `mkdocs.yml`:
``` yaml ``` yaml
@ -17,13 +21,17 @@ markdown_extensions:
The MathJax runtime is automatically included if the extension is enabled, so The MathJax runtime is automatically included if the extension is enabled, so
there is no need for extra JavaScript. there is no need for extra JavaScript.
[4]: /extensions/pymdown/overview/#installation
## Usage ## Usage
MathJax searches for `:::tex $$...$$` (blocks) and `:::tex $...$` (inline) MathJax searches for `:::tex $$...$$` (blocks) and `:::tex $...$` (inline)
equations, parses their contents and renders them in mathematical notation. equations, parses their contents and renders them in mathematical notation.
See [this thread][] on StackExchange for a short introduction and quick See [this thread][5] on StackExchange for a short introduction and quick
reference on how to write equations in TeX syntax. reference on how to write equations in TeX syntax.
[5]: http://meta.math.stackexchange.com/questions/5020/
### Blocks ### Blocks
Blocks are enclosed in `:::tex $$...$$` which are placed on separate lines. Blocks are enclosed in `:::tex $$...$$` which are placed on separate lines.
@ -55,9 +63,3 @@ Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$
Result: Result:
Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$ Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$
[Arithmatex]: https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/
[MathJax]: https://www.mathjax.org/
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
[is installed]: /extensions/pymdown/overview/#installation
[this thread]: http://meta.math.stackexchange.com/questions/5020/

12
docs/extensions/pymdown/inlinehilite.md
View File

@ -1,8 +1,11 @@
# Inlinehilite # Inlinehilite
The [Inlinehilite][] extension included in the [PyMdown Extensions][] package adds The [Inlinehilite][1] extension included in the [PyMdown Extensions][2] package
support for inline code highlighting. It's useful for short snippets included with adds support for inline code highlighting. It's useful for short snippets
body copy. included with body copy.
[1]: https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/
[2]: https://facelessuser.github.io/pymdown-extensions
## Installation ## Installation
@ -19,6 +22,3 @@ markdown_extensions:
Syntax is similar to usual code highlighting, with the langauge shebang followed by one space. If you need to escape the highlight (like we're about to), add a space prior to the shebang. Syntax is similar to usual code highlighting, with the langauge shebang followed by one space. If you need to escape the highlight (like we're about to), add a space prior to the shebang.
For example, `#!js var test = 0;`, which was achieved using ` #!js var test = 0;`. Alternatively, you can use the triple colon, ` :::js var test = 0;` to produce the same result, `:::js var test = 0;`. For example, `#!js var test = 0;`, which was achieved using ` #!js var test = 0;`. Alternatively, you can use the triple colon, ` :::js var test = 0;` to produce the same result, `:::js var test = 0;`.
[Inlinehilite]: https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions

17
docs/extensions/pymdown/tasklist.md
View File

@ -1,12 +1,15 @@
# Tasklist # Tasklist
The [Tasklist][] extension included in the [PyMdown Extensions][] package adds The [Tasklist][1] extension included in the [PyMdown Extensions][2] package
support for styled checkbox lists. This is useful for keeping track of tasks adds support for styled checkbox lists. This is useful for keeping track of
and showing what has been done and has yet to be done. tasks and showing what has been done and has yet to be done.
[1]: https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/
[2]: https://facelessuser.github.io/pymdown-extensions
## Installation ## Installation
Make sure that the PyMdown Extensions package [is installed][] and add the Make sure that the PyMdown Extensions package [is installed][3] and add the
following lines to your `mkdocs.yml`: following lines to your `mkdocs.yml`:
``` yaml ``` yaml
@ -17,6 +20,8 @@ markdown_extensions:
The `custom_checkbox` flag adds additional markup for better styling, so it is The `custom_checkbox` flag adds additional markup for better styling, so it is
highly recommended to add this flag, as the Material theme supports it. highly recommended to add this flag, as the Material theme supports it.
[3]: /extensions/pymdown/overview/#installation
## Usage ## Usage
Checkbox lists are like regular lists, but prefixed with `[ ]` empty or `[x]` Checkbox lists are like regular lists, but prefixed with `[ ]` empty or `[x]`
@ -49,7 +54,3 @@ Result:
* [ ] Praesent sed risus massa * [ ] Praesent sed risus massa
* [ ] Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque * [ ] Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque
* [ ] Nulla vel eros venenatis, imperdiet enim id, faucibus nisi * [ ] Nulla vel eros venenatis, imperdiet enim id, faucibus nisi
[Tasklist]: https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
[is installed]: /extensions/pymdown/overview/#installation

470
docs/specimen.md
View File

@ -1,297 +1,271 @@
# Specimen should get a very long name, so we see how it behaves with the new edit url feature that is awesome # Specimen
## Typography ## Typography
### Body copy ### Body copy
Material's typographical system follows the idea of __vertical rhythm__, which Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero,
means it tries to establish a _consistent visual rhythm_ to the content of the mollis sed massa vel, *ornare viverra ex*. Mauris a ullamcorper lacus. Nullam
page to make reading pleasant and easy on the eyes. It's a simple concept but urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales
rather hard to implement correctly. Luckily, the Material theme has already pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan
done this for you, so sit back, relax, and start writing your documentation. tempor.
Naturally, the Material theme defines __bold__ and _italic_ styles, makes it **Sed suscipit**, orci non pretium pretium, quam mi gravida metus, vel
easy to write `fenced inline code blocks`, [links](#) and <kbd>Keyboard</kbd> venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum
<kbd>+</kbd> <kbd>Commands</kbd>. eros. [Nulla aliquam](/) orci sit amet nisl posuere malesuada. Proin aliquet
nulla velit, quis ultricies orci feugiat et. `Ut tincidunt sollicitudin`
tincidunt. Aenean ullamcorper sit amet nulla at interdum.
* test ### Headings
* test
* Material's typographical system follows the idea of __vertical rhythm__, which
means it tries to establish a _consistent visual rhythm_ to the content of the
page to make reading pleasant and easy on the eyes. It's a simple concept but
rather hard to implement correctly. Luckily, the Material theme has already
1. test
2. test
1. Material's typographical system follows the idea of __vertical rhythm__, which
means it tries to establish a _consistent visual rhythm_ to the content of the
page to make reading pleasant and easy on the eyes. It's a simple concept but
rather hard to implement correctly. Luckily, the Material theme has already
2. Material's typographical system follows the idea of __vertical rhythm__, which
means it tries to establish a _consistent visual rhythm_ to the content of the
page to make reading pleasant and easy on the eyes. It's a simple concept but
rather hard to implement correctly. Luckily, the Material theme has already
3. Material's typographical system follows the idea of __vertical rhythm__, which
means it tries to establish a _consistent visual rhythm_ to the content of the
page to make reading pleasant and easy on the eyes. It's a simple concept but
rather hard to implement correctly. Luckily, the Material theme has already
3. test
1. test
2. test
3. test
* test
* test
### Headings <small>w/ or w/o secondary text</small> #### The 4th level
Besides the default HTML headings `<h2>` to `<h6>`, the representational ##### The 5th level
classes `.h2` to `.h6` are defined to allow easy inline styling. The `<h1>`
should be only defined once and is integrated into the collapsing header.
Secondary text can be introduced to all headings (including `<h1>`) by using ###### The 6th level
the `<small>` tag directly inside Markdown.
## Blockquotes ### Headings <small>with secondary text</small>
> Text can also be written in blockquotes, for example to paraphrase #### The 4th level <small>with secondary text</small>
> something or someone.
>
> > And blockquotes can be nested?
>
> This is correct. Furthermore, they can contain __bold__ and _italic_ text,
> `fenced inline code blocks`, [links](#), headings and all kind of stuff.
## Lists ##### The 5th level <small>with secondary text</small>
### Ordered lists ###### The 6th level <small>with secondary text</small>
This is an ordered list of sentences for the sake of checking the styling is &#128076;! ### Blockquotes
1. The first sentence, free from markup. > Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum.
2. The second sentence includes _italic_ text, and a [link](#) that should hopefully help it trigger a second line overflow to make sure spacing is a-ok. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc
3. The third sentence highlights some enjoyable fruits: mauris, a ultricies libero efficitur sed. *Class aptent* taciti sociosqu ad
1. Mangoes, **yum**! litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie
2. Blueberries imperdiet consectetur.
3. Strawberries
4. Apples (in particular)
1. Sundowner
My favourite &#128149; #### Blockquote nesting
2. Granny Smith > **Sed aliquet**, neque at rutrum mollis, neque nisi tincidunt nibh, vitae
4. An this is just a footer sentence just to make sure. faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem
[libero fermentum](/) urna, ut efficitur elit ligula et nunc.
### Unordered lists > > Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla.
Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio.
Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum.
eu odio.
Let's do that again, this time without the numbering. > > > `Suspendisse rutrum facilisis risus`, eu posuere neque commodo a.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo
bibendum, sodales mauris ut, tincidunt massa.
- Free from markup, just like a bird. #### Other content blocks
- Let's try some [link](#) with some inline code `var home = '127.0.0.1'`, and now some extra __fluff__ to ensure we're using more than a single line.
- These are some varietes of beer.
- Lager
Lager is a type of beer that is conditioned at low temperatures, normally at the brewery. It may be pale, golden, amber, or dark. > Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
- Kölsch sit amet laoreet nibh.
``` js hl_lines="8"
Kölsch is a beer brewed in Cologne, Germany. It is a clear, top-fermented beer with a bright, straw-yellow hue similar to other beers brewed from mainly Pilsener malt. var _extends = function(target) {
for (var i = 1; i < arguments.length; i++) {
- Siason var source = arguments[i];
for (var key in source) {
Saison is a pale ale that is generally around 7% ABV, highly carbonated, fruity, spicy, and often bottle conditioned target[key] = source[key];
}
- IPA
- An this is just a footer sentence just to make sure.
We can also use the alternative Markdown styling for lists (`*`, `+` or `-`), even mixing them:
* As shown by this item, which is a `*`.
+ This item uses `+`.
* And it also includes an nested item for good measure.
- The final item uses `-`.
- And for good measure, this also uses `-`.
Another default list:
* No checklist
* Foobar
``` js
function() test {
var foo = 12;
return foo;
} }
return target;
};
```
> > Praesent at `:::js return target`, sodales nibh vel, tempor felis. Fusce
vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices.
Donec consectetur mauris non neque imperdiet, eget volutpat libero.
### Lists
#### Unordered lists
* Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
* Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
* Nam vulputate tincidunt fringilla.
* Nullam dignissim ultrices urna non auctor.
* Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut
eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam
ac, aliquet sed mauris.
* Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur
accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh
lacinia sed. Aenean in finibus diam.
#### Ordered lists
1. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
consectetur feugiat sodales.
2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam
pellentesque lacinia eu vel odio.
1. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet
quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a
ultricies libero efficitur sed.
1. Mauris dictum mi lacus
2. Ut sit amet placerat ante
3. Suspendisse ac eros arcu
2. Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet
rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed
aliquet, neque at rutrum mollis, neque nisi tincidunt nibh.
3. Pellentesque eget `:::js var _extends` ornare tellus, ut gravida mi.
``` js hl_lines="1"
var _extends = function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
target[key] = source[key];
}
}
return target;
};
``` ```
## Checklists 3. Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis
sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis
nulla. Vivamus a pharetra leo.
Checklists are supported by the [PyMdown Extension][], [Tasklist][]: ### Code blocks
* [ ] foo #### Inline
* [x] bar
* [ ] baz
* [ ] foo
* [x] bar
* [ ] baz
### Critic Morbi eget `dapibus felis`. Vivamus *`venenatis porttitor`* tortor sit amet
rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. [`Pellentesque aliquet quam enim`](/), eu volutpat urna
rutrum a.
Here is some {--*incorrect*--} Markdown. I am adding this {++here.++}. Here is some more {--text Nam vehicula nunc `:::js return target` mauris, a ultricies libero efficitur
that I am removing--}text. And here is even more {++text that I sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque
am ++}adding.{~~ eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.
~> ~~}Paragraph was deleted and replaced with some spaces.{~~ ~> #### Listing
~~}Spaces were removed and a paragraph was added. #!js hl_lines="8"
var _extends = function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
target[key] = source[key];
}
}
return target;
};
And here is a comment on {==some ### Horizontal rules
==text== ==} asdhsjakh dkah dkash dkjas hdkash dksa sahdka kas dksa hdksah dksa kdsa kdask dask {>>This works quite well. I just wanted to comment on it.<<}. Substitutions {~~is~>are~~} great!
### Test {--headline--} [`with code`](http://google.com) and ==foo== [without](http://google.com) Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet
dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna
non auctor.
This is also ==something that is marked (tm)==. Very cool. ***
Escape \{>>This text is preserved<<}. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
consectetur feugiat sodales.
General block handling. ### Data tables
{-- | Sollicitudo / Pellentesi | consectetur | adipiscing | elit | arcu | sed |
| ------------------------ | ----------- | ---------- | ------- | ---- | --- |
| Vivamus a pharetra | yes | yes | yes | yes | yes |
| Ornare viverra ex | yes | yes | yes | yes | yes |
| Mauris a ullamcorper | yes | yes | partial | yes | yes |
| Nullam urna elit | yes | yes | yes | yes | yes |
| Malesuada eget finibus | yes | yes | yes | yes | yes |
| Ullamcorper | yes | yes | yes | yes | yes |
| Vestibulum sodales | yes | - | yes | - | yes |
| Pulvinar nisl | yes | yes | yes | - | - |
| Pharetra aliquet est | yes | yes | yes | yes | yes |
| Sed suscipit | yes | yes | yes | yes | yes |
| Orci non pretium | yes | partial | - | - | - |
* test Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
* test non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
* test at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
* test
* test
--} | Left | Center | Right |
| :--------- | :------: | ------: |
| Lorem | *dolor* | `amet` |
| [ipsum](/) | **sit** | |
{++ Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
sit amet laoreet nibh.
* test ## Colors
* test
* test
* test
* test
++} ### Primary colors
## Code Click on a tile to change the primary color of the theme:
### Inline <button data-md-color-primary="red">Red</button>
<button data-md-color-primary="pink">Pink</button>
<button data-md-color-primary="purple">Purple</button>
<button data-md-color-primary="deep-purple">Deep Purple</button>
<button data-md-color-primary="indigo">Indigo</button>
<button data-md-color-primary="blue">Blue</button>
<button data-md-color-primary="light-blue">Light Blue</button>
<button data-md-color-primary="cyan">Cyan</button>
<button data-md-color-primary="teal">Teal</button>
<button data-md-color-primary="green">Green</button>
<button data-md-color-primary="light-green">Light Green</button>
<button data-md-color-primary="lime">Lime</button>
<button data-md-color-primary="yellow">Yellow</button>
<button data-md-color-primary="amber">Amber</button>
<button data-md-color-primary="orange">Orange</button>
<button data-md-color-primary="deep-orange">Deep Orange</button>
<button data-md-color-primary="brown">Brown</button>
<button data-md-color-primary="grey">Grey</button>
<button data-md-color-primary="blue-grey">Blue Grey</button>
Code can also be written `inline`, however syntax <script>
highlighting will only work on code listings unless you are using [inlinehilite][], which allows magic like `#!js var test = 0;`! var buttons = document.querySelectorAll("button[data-md-color-primary]");
Array.prototype.forEach.call(buttons, function(button) {
button.addEventListener("click", function() {
document.body.dataset.mdColorPrimary = this.dataset.mdColorPrimary;
})
})
</script>
There has also been some recent conjecture about how articles will style [links that include `inline code` samples](https://www.impressivewebs.com/fixing-styles-on-code-tags-nested-inside-links/), so let's make sure we get that right too. ### Accent colors
### Listing Click on a tile to change the accent color of the theme:
Pre-formatted code blocks can host code examples and use the pygments extension <button data-md-color-accent="red">Red</button>
(if installed and enabled in `mkdocs.yml`) for syntax highlighting: <button data-md-color-accent="pink">Pink</button>
<button data-md-color-accent="purple">Purple</button>
<button data-md-color-accent="deep-purple">Deep Purple</button>
<button data-md-color-accent="indigo">Indigo</button>
<button data-md-color-accent="blue">Blue</button>
<button data-md-color-accent="light-blue">Light Blue</button>
<button data-md-color-accent="cyan">Cyan</button>
<button data-md-color-accent="teal">Teal</button>
<button data-md-color-accent="green">Green</button>
<button data-md-color-accent="light-green">Light Green</button>
<button data-md-color-accent="lime">Lime</button>
<button data-md-color-accent="yellow">Yellow</button>
<button data-md-color-accent="amber">Amber</button>
<button data-md-color-accent="orange">Orange</button>
<button data-md-color-accent="deep-orange">Deep Orange</button>
<button data-md-color-accent="brown">Brown</button>
<button data-md-color-accent="grey">Grey</button>
<button data-md-color-accent="blue-grey">Blue Grey</button>
``` c hl_lines="14 15 20" <script>
/*! var buttons = document.querySelectorAll("button[data-md-color-accent]");
* Scan a buffer for a valid variable-sized integer. Array.prototype.forEach.call(buttons, function(button) {
* button.addEventListener("click", function() {
* This function checks if an underrun might happen reading a variable-sized document.body.dataset.mdColorAccent = this.dataset.mdColorAccent;
* integer from a buffer. Only underruns can be checked using this method, })
* overflows may still happen, but are properly reported by the unpack })
* functions. SSE2 intrinsics are used if the compiler supports it. </script>
*
* \param[in] data[] Source buffer
* \param[in] left Remaining bytes
* \return Bytes read
*/
extern size_t
pb_varint_scan(const uint8_t data[], size_t left) {
assert(data && left);
left = left > 10 ? 10 : left;
#ifdef __SSE2__
/* Mapping: remaining bytes ==> bitmask */
static const int mask_map[] = {
0x0000, 0x0001, 0x0003, 0x0007,
0x000F, 0x001F, 0x003F, 0x007F,
0x00FF, 0x01FF, 0x03FF
};
/* Load buffer into 128-bit integer and create high-bit mask */
__m128i temp = _mm_loadu_si128((const __m128i *)data);
__m128i high = _mm_set1_epi8(0x80);
/* Intersect and extract mask with high-bits set */
int mask = _mm_movemask_epi8(_mm_and_si128(temp, high));
mask = (mask & mask_map[left]) ^ mask_map[left];
/* Count trailing zeroes */
return mask ? __builtin_ctz(mask) + 1 : 0;
#else
/* Linear scan */
size_t size = 0;
while (data[size++] & 0x80)
if (!--left)
return 0;
return size;
#endif /* __SSE2__ */
}
```
For more examples of coding highlighting, see the [codehilite][] extensions page.
## Tables
| Feature / Implementation | protobluff | protobuf-c | nanopb | lwpb | pbc |
|--------------------------|------------|------------|---------|------|-----|
| Message types | yes | yes | yes | yes | yes |
| Nested message types | yes | yes | yes | yes | yes |
| Cyclic message types | yes | yes | partial | yes | yes |
| Scalar types | yes | yes | yes | yes | yes |
| Default values | yes | yes | yes | yes | yes |
| Enumerations | yes | yes | yes | yes | yes |
| Extensions | yes | - | yes | - | yes |
| Oneofs | yes | yes | yes | - | - |
| Packages | yes | yes | yes | yes | yes |
| Packed option | yes | yes | yes | yes | yes |
| Deprecations | yes | partial | - | - | - |
Tables might also include alignment indiciators:
| Left Align | Center Align | Right Align |
| :----------- | :------------: | ------------: |
| Hi | there | friend |
| How | are | you? |
And if you're using something like [Pandoc](http://pandoc.org/), you might get tables with `colgroup`, which is fun?
<table>
<colgroup>
<col width="30%">
<col width="70%">
</colgroup>
<thead>
<tr class="header">
<th>Company</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href='http://google.com'>Google</a></td>
<td>A search engine (among other things).</td>
</tr>
<tr>
<td><a href='http://bing.com'>Bing</a></td>
<td>Another search engine, from Microsoft.</td>
</tr>
</tbody>
</table>
[codehilite]: extensions/codehilite.md
[inlinehilite]: extensions/pymdown/inlinehilite.md
[PyMdown Extension]: extensions/pymdown/overview.md
[Tasklist]: extensions/pymdown/tasklist.md

78
material/assets/javascripts/application.js
View File

@ -581,6 +581,40 @@ var Application =
/* Attack FastClick to mitigate 300ms delay on touch devices */ /* Attack FastClick to mitigate 300ms delay on touch devices */
_fastclick2.default.attach(document.body); _fastclick2.default.attach(document.body);
/* Wrap all data tables */
var tables = document.querySelectorAll("table:not([class])");
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = tables[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var table = _step.value;
var wrap = document.createElement("div");
wrap.classList.add("md-typeset__table");
if (table.nextSibling) {
table.parentNode.insertBefore(wrap, table.nextSibling);
} else {
table.parentNode.appendChild(wrap);
}
wrap.appendChild(table);
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator.return) {
_iterator.return();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
}).listen(); }).listen();
/* Cross-browser helper to dispatch/fire an event */ /* Cross-browser helper to dispatch/fire an event */
@ -612,27 +646,27 @@ var Application =
/* Component: collapsible elements for navigation */ /* Component: collapsible elements for navigation */
var collapsibles = document.querySelectorAll("[data-md-collapse]"); var collapsibles = document.querySelectorAll("[data-md-collapse]");
var _iteratorNormalCompletion = true; var _iteratorNormalCompletion2 = true;
var _didIteratorError = false; var _didIteratorError2 = false;
var _iteratorError = undefined; var _iteratorError2 = undefined;
try { try {
for (var _iterator = collapsibles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) { for (var _iterator2 = collapsibles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
var collapse = _step.value; var collapse = _step2.value;
new _Material2.default.Event.MatchMedia("(min-width: 1200px)", new _Material2.default.Event.Listener(collapse.previousElementSibling, "click", new _Material2.default.Nav.Collapse(collapse))); new _Material2.default.Event.MatchMedia("(min-width: 1200px)", new _Material2.default.Event.Listener(collapse.previousElementSibling, "click", new _Material2.default.Nav.Collapse(collapse)));
} /* Component: search body lock for mobile */ } /* Component: search body lock for mobile */
} catch (err) { } catch (err) {
_didIteratorError = true; _didIteratorError2 = true;
_iteratorError = err; _iteratorError2 = err;
} finally { } finally {
try { try {
if (!_iteratorNormalCompletion && _iterator.return) { if (!_iteratorNormalCompletion2 && _iterator2.return) {
_iterator.return(); _iterator2.return();
} }
} finally { } finally {
if (_didIteratorError) { if (_didIteratorError2) {
throw _iteratorError; throw _iteratorError2;
} }
} }
} }
@ -715,27 +749,27 @@ var Application =
/* Render repository source information */ /* Render repository source information */
})().then(function (facts) { })().then(function (facts) {
var sources = document.querySelectorAll("[data-md-source]"); var sources = document.querySelectorAll("[data-md-source]");
var _iteratorNormalCompletion2 = true; var _iteratorNormalCompletion3 = true;
var _didIteratorError2 = false; var _didIteratorError3 = false;
var _iteratorError2 = undefined; var _iteratorError3 = undefined;
try { try {
for (var _iterator2 = sources[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) { for (var _iterator3 = sources[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
var source = _step2.value; var source = _step3.value;
new _Material2.default.Source.Repository(source).initialize(facts); new _Material2.default.Source.Repository(source).initialize(facts);
} }
} catch (err) { } catch (err) {
_didIteratorError2 = true; _didIteratorError3 = true;
_iteratorError2 = err; _iteratorError3 = err;
} finally { } finally {
try { try {
if (!_iteratorNormalCompletion2 && _iterator2.return) { if (!_iteratorNormalCompletion3 && _iterator3.return) {
_iterator2.return(); _iterator3.return();
} }
} finally { } finally {
if (_didIteratorError2) { if (_didIteratorError3) {
throw _iteratorError2; throw _iteratorError3;
} }
} }
} }

47
material/assets/stylesheets/application.css
View File

@ -286,36 +286,46 @@ kbd {
.md-typeset ol li ul, .md-typeset ol li ul,
.md-typeset ol li ol { .md-typeset ol li ol {
margin: 0.5em 0 0.5em 0.625em; } margin: 0.5em 0 0.5em 0.625em; }
.md-typeset table { .md-typeset table:not([class]) {
width: 90%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
margin: 1.5em 0; margin: 2.0em 0;
border-radius: 0.2rem;
font-size: 1.28rem; font-size: 1.28rem;
overflow: hidden; } overflow: hidden; }
.no-js .md-typeset table { .no-js .md-typeset table:not([class]) {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
margin: 0.8em 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; } -webkit-overflow-scrolling: touch; }
.md-typeset table th { .md-typeset table:not([class]) th[align="right"],
.md-typeset table:not([class]) td[align="right"] {
text-align: right; }
.md-typeset table:not([class]) th[align="center"],
.md-typeset table:not([class]) td[align="center"] {
text-align: center; }
.md-typeset table:not([class]) th {
min-width: 10.0rem; min-width: 10.0rem;
padding: 1.2rem 1.6rem; padding: 1.2rem 1.6rem;
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.54); background-color: rgba(0, 0, 0, 0.54);
color: rgba(0, 0, 0, 0.87); color: white;
font-weight: 700;
text-align: left; text-align: left;
vertical-align: top; } vertical-align: top; }
.md-typeset table td { .md-typeset table:not([class]) td {
padding: 1.2rem 1.6rem; padding: 1.2rem 1.6rem;
border-top: 0.1rem solid rgba(0, 0, 0, 0.07); border-top: 0.1rem solid rgba(0, 0, 0, 0.07);
vertical-align: top; } vertical-align: top; }
.md-typeset table th[align="right"], .md-typeset table:not([class]) tr:first-child td {
.md-typeset table td[align="right"] {
text-align: right; }
.md-typeset table th[align="center"],
.md-typeset table td[align="center"] {
text-align: center; }
.md-typeset table tr:first-child td {
border-top: 0; } border-top: 0; }
.md-typeset .md-typeset__table {
margin: 1.6em -1.6rem;
text-align: center;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.md-typeset .md-typeset__table table {
display: inline-block;
margin: 0 1.6rem;
text-align: left; }
html { html {
height: 100%; height: 100%;
@ -1058,6 +1068,9 @@ hr {
flex: 1; flex: 1;
overflow: hidden; } overflow: hidden; }
.md-typeset > .codehilitetable {
box-shadow: none; }
.md-typeset .footnote { .md-typeset .footnote {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
font-size: 1.28rem; } font-size: 1.28rem; }
@ -1263,7 +1276,7 @@ hr {
border-radius: 0; } border-radius: 0; }
.md-typeset > .codehilitetable .codehilite, .md-typeset > .codehilitetable .codehilite,
.md-typeset > .codehilitetable .linenodiv { .md-typeset > .codehilitetable .linenodiv {
padding: 1.0rem 1.6rem; } padding: 1.0rem 1.6rem; }
.md-typeset > p > .MJXc-display { .md-typeset > p > .MJXc-display {

803
material/assets/stylesheets/application.palette.css Normal file
View File

@ -0,0 +1,803 @@
button[data-md-color-primary],
button[data-md-color-accent] {
width: 10.0rem;
padding: 0.4rem 0.8rem;
-webkit-transition: background-color 0.25s, opacity 0.25s;
transition: background-color 0.25s, opacity 0.25s;
border-radius: 0.2rem;
color: white;
font-size: 1.28rem;
text-align: left;
cursor: pointer; }
button[data-md-color-primary]:hover,
button[data-md-color-accent]:hover {
opacity: 0.75; }
button[data-md-color-primary="red"] {
background-color: #ef5350; }
[data-md-color-primary="red"] .md-typeset a {
color: #ef5350; }
[data-md-color-primary="red"] .md-header {
background-color: #ef5350; }
button[data-md-color-primary="pink"] {
background-color: #e91e63; }
[data-md-color-primary="pink"] .md-typeset a {
color: #e91e63; }
[data-md-color-primary="pink"] .md-header {
background-color: #e91e63; }
button[data-md-color-primary="purple"] {
background-color: #ab47bc; }
[data-md-color-primary="purple"] .md-typeset a {
color: #ab47bc; }
[data-md-color-primary="purple"] .md-header {
background-color: #ab47bc; }
button[data-md-color-primary="deep-purple"] {
background-color: #7e57c2; }
[data-md-color-primary="deep-purple"] .md-typeset a {
color: #7e57c2; }
[data-md-color-primary="deep-purple"] .md-header {
background-color: #7e57c2; }
button[data-md-color-primary="indigo"] {
background-color: #3f51b5; }
[data-md-color-primary="indigo"] .md-typeset a {
color: #3f51b5; }
[data-md-color-primary="indigo"] .md-header {
background-color: #3f51b5; }
button[data-md-color-primary="blue"] {
background-color: #2196f3; }
[data-md-color-primary="blue"] .md-typeset a {
color: #2196f3; }
[data-md-color-primary="blue"] .md-header {
background-color: #2196f3; }
button[data-md-color-primary="light-blue"] {
background-color: #03a9f4; }
[data-md-color-primary="light-blue"] .md-typeset a {
color: #03a9f4; }
[data-md-color-primary="light-blue"] .md-header {
background-color: #03a9f4; }
button[data-md-color-primary="cyan"] {
background-color: #00bcd4; }
[data-md-color-primary="cyan"] .md-typeset a {
color: #00bcd4; }
[data-md-color-primary="cyan"] .md-header {
background-color: #00bcd4; }
button[data-md-color-primary="teal"] {
background-color: #009688; }
[data-md-color-primary="teal"] .md-typeset a {
color: #009688; }
[data-md-color-primary="teal"] .md-header {
background-color: #009688; }
button[data-md-color-primary="green"] {
background-color: #4caf50; }
[data-md-color-primary="green"] .md-typeset a {
color: #4caf50; }
[data-md-color-primary="green"] .md-header {
background-color: #4caf50; }
button[data-md-color-primary="light-green"] {
background-color: #7cb342; }
[data-md-color-primary="light-green"] .md-typeset a {
color: #7cb342; }
[data-md-color-primary="light-green"] .md-header {
background-color: #7cb342; }
button[data-md-color-primary="lime"] {
background-color: #c0ca33; }
[data-md-color-primary="lime"] .md-typeset a {
color: #c0ca33; }
[data-md-color-primary="lime"] .md-header {
background-color: #c0ca33; }
button[data-md-color-primary="yellow"] {
background-color: #f9a825; }
[data-md-color-primary="yellow"] .md-typeset a {
color: #f9a825; }
[data-md-color-primary="yellow"] .md-header {
background-color: #f9a825; }
button[data-md-color-primary="amber"] {
background-color: #ffb300; }
[data-md-color-primary="amber"] .md-typeset a {
color: #ffb300; }
[data-md-color-primary="amber"] .md-header {
background-color: #ffb300; }
button[data-md-color-primary="orange"] {
background-color: #fb8c00; }
[data-md-color-primary="orange"] .md-typeset a {
color: #fb8c00; }
[data-md-color-primary="orange"] .md-header {
background-color: #fb8c00; }
button[data-md-color-primary="deep-orange"] {
background-color: #ff7043; }
[data-md-color-primary="deep-orange"] .md-typeset a {
color: #ff7043; }
[data-md-color-primary="deep-orange"] .md-header {
background-color: #ff7043; }
button[data-md-color-primary="brown"] {
background-color: #795548; }
[data-md-color-primary="brown"] .md-typeset a {
color: #795548; }
[data-md-color-primary="brown"] .md-header {
background-color: #795548; }
button[data-md-color-primary="grey"] {
background-color: #757575; }
[data-md-color-primary="grey"] .md-typeset a {
color: #757575; }
[data-md-color-primary="grey"] .md-header {
background-color: #757575; }
button[data-md-color-primary="blue-grey"] {
background-color: #546e7a; }
[data-md-color-primary="blue-grey"] .md-typeset a {
color: #546e7a; }
[data-md-color-primary="blue-grey"] .md-header {
background-color: #546e7a; }
button[data-md-color-accent="red"] {
background-color: #ff1744; }
[data-md-color-accent="red"] .md-typeset a:hover,
[data-md-color-accent="red"] .md-typeset a:active {
color: #ff1744; }
[data-md-color-accent="red"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="red"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ff1744; }
[data-md-color-accent="red"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="red"] .md-typeset .footnote li:target .footnote-backref {
color: #ff1744; }
[data-md-color-accent="red"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="red"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="red"] .md-typeset [id] .headerlink:focus {
color: #ff1744; }
[data-md-color-accent="red"] .md-nav__link:hover,
[data-md-color-accent="red"] .md-nav__link:active,
[data-md-color-accent="red"] .md-nav__link--active {
color: #ff1744; }
[data-md-color-accent="red"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff1744; }
[data-md-color-accent="red"] .md-search-result__link:hover {
background-color: rgba(255, 23, 68, 0.1); }
[data-md-color-accent="red"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff1744; }
button[data-md-color-accent="pink"] {
background-color: #f50057; }
[data-md-color-accent="pink"] .md-typeset a:hover,
[data-md-color-accent="pink"] .md-typeset a:active {
color: #f50057; }
[data-md-color-accent="pink"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="pink"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #f50057; }
[data-md-color-accent="pink"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="pink"] .md-typeset .footnote li:target .footnote-backref {
color: #f50057; }
[data-md-color-accent="pink"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="pink"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="pink"] .md-typeset [id] .headerlink:focus {
color: #f50057; }
[data-md-color-accent="pink"] .md-nav__link:hover,
[data-md-color-accent="pink"] .md-nav__link:active,
[data-md-color-accent="pink"] .md-nav__link--active {
color: #f50057; }
[data-md-color-accent="pink"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #f50057; }
[data-md-color-accent="pink"] .md-search-result__link:hover {
background-color: rgba(245, 0, 87, 0.1); }
[data-md-color-accent="pink"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #f50057; }
button[data-md-color-accent="purple"] {
background-color: #e040fb; }
[data-md-color-accent="purple"] .md-typeset a:hover,
[data-md-color-accent="purple"] .md-typeset a:active {
color: #e040fb; }
[data-md-color-accent="purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #e040fb; }
[data-md-color-accent="purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="purple"] .md-typeset .footnote li:target .footnote-backref {
color: #e040fb; }
[data-md-color-accent="purple"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="purple"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="purple"] .md-typeset [id] .headerlink:focus {
color: #e040fb; }
[data-md-color-accent="purple"] .md-nav__link:hover,
[data-md-color-accent="purple"] .md-nav__link:active,
[data-md-color-accent="purple"] .md-nav__link--active {
color: #e040fb; }
[data-md-color-accent="purple"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #e040fb; }
[data-md-color-accent="purple"] .md-search-result__link:hover {
background-color: rgba(224, 64, 251, 0.1); }
[data-md-color-accent="purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #e040fb; }
button[data-md-color-accent="deep-purple"] {
background-color: #7c4dff; }
[data-md-color-accent="deep-purple"] .md-typeset a:hover,
[data-md-color-accent="deep-purple"] .md-typeset a:active {
color: #7c4dff; }
[data-md-color-accent="deep-purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="deep-purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #7c4dff; }
[data-md-color-accent="deep-purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="deep-purple"] .md-typeset .footnote li:target .footnote-backref {
color: #7c4dff; }
[data-md-color-accent="deep-purple"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="deep-purple"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="deep-purple"] .md-typeset [id] .headerlink:focus {
color: #7c4dff; }
[data-md-color-accent="deep-purple"] .md-nav__link:hover,
[data-md-color-accent="deep-purple"] .md-nav__link:active,
[data-md-color-accent="deep-purple"] .md-nav__link--active {
color: #7c4dff; }
[data-md-color-accent="deep-purple"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #7c4dff; }
[data-md-color-accent="deep-purple"] .md-search-result__link:hover {
background-color: rgba(124, 77, 255, 0.1); }
[data-md-color-accent="deep-purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #7c4dff; }
button[data-md-color-accent="indigo"] {
background-color: #536dfe; }
[data-md-color-accent="indigo"] .md-typeset a:hover,
[data-md-color-accent="indigo"] .md-typeset a:active {
color: #536dfe; }
[data-md-color-accent="indigo"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="indigo"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #536dfe; }
[data-md-color-accent="indigo"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="indigo"] .md-typeset .footnote li:target .footnote-backref {
color: #536dfe; }
[data-md-color-accent="indigo"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="indigo"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="indigo"] .md-typeset [id] .headerlink:focus {
color: #536dfe; }
[data-md-color-accent="indigo"] .md-nav__link:hover,
[data-md-color-accent="indigo"] .md-nav__link:active,
[data-md-color-accent="indigo"] .md-nav__link--active {
color: #536dfe; }
[data-md-color-accent="indigo"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #536dfe; }
[data-md-color-accent="indigo"] .md-search-result__link:hover {
background-color: rgba(83, 109, 254, 0.1); }
[data-md-color-accent="indigo"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #536dfe; }
button[data-md-color-accent="blue"] {
background-color: #448aff; }
[data-md-color-accent="blue"] .md-typeset a:hover,
[data-md-color-accent="blue"] .md-typeset a:active {
color: #448aff; }
[data-md-color-accent="blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #448aff; }
[data-md-color-accent="blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="blue"] .md-typeset .footnote li:target .footnote-backref {
color: #448aff; }
[data-md-color-accent="blue"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="blue"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="blue"] .md-typeset [id] .headerlink:focus {
color: #448aff; }
[data-md-color-accent="blue"] .md-nav__link:hover,
[data-md-color-accent="blue"] .md-nav__link:active,
[data-md-color-accent="blue"] .md-nav__link--active {
color: #448aff; }
[data-md-color-accent="blue"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #448aff; }
[data-md-color-accent="blue"] .md-search-result__link:hover {
background-color: rgba(68, 138, 255, 0.1); }
[data-md-color-accent="blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #448aff; }
button[data-md-color-accent="light-blue"] {
background-color: #0091ea; }
[data-md-color-accent="light-blue"] .md-typeset a:hover,
[data-md-color-accent="light-blue"] .md-typeset a:active {
color: #0091ea; }
[data-md-color-accent="light-blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="light-blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #0091ea; }
[data-md-color-accent="light-blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="light-blue"] .md-typeset .footnote li:target .footnote-backref {
color: #0091ea; }
[data-md-color-accent="light-blue"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="light-blue"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="light-blue"] .md-typeset [id] .headerlink:focus {
color: #0091ea; }
[data-md-color-accent="light-blue"] .md-nav__link:hover,
[data-md-color-accent="light-blue"] .md-nav__link:active,
[data-md-color-accent="light-blue"] .md-nav__link--active {
color: #0091ea; }
[data-md-color-accent="light-blue"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #0091ea; }
[data-md-color-accent="light-blue"] .md-search-result__link:hover {
background-color: rgba(0, 145, 234, 0.1); }
[data-md-color-accent="light-blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #0091ea; }
button[data-md-color-accent="cyan"] {
background-color: #00b8d4; }
[data-md-color-accent="cyan"] .md-typeset a:hover,
[data-md-color-accent="cyan"] .md-typeset a:active {
color: #00b8d4; }
[data-md-color-accent="cyan"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="cyan"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #00b8d4; }
[data-md-color-accent="cyan"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="cyan"] .md-typeset .footnote li:target .footnote-backref {
color: #00b8d4; }
[data-md-color-accent="cyan"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="cyan"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="cyan"] .md-typeset [id] .headerlink:focus {
color: #00b8d4; }
[data-md-color-accent="cyan"] .md-nav__link:hover,
[data-md-color-accent="cyan"] .md-nav__link:active,
[data-md-color-accent="cyan"] .md-nav__link--active {
color: #00b8d4; }
[data-md-color-accent="cyan"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00b8d4; }
[data-md-color-accent="cyan"] .md-search-result__link:hover {
background-color: rgba(0, 184, 212, 0.1); }
[data-md-color-accent="cyan"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00b8d4; }
button[data-md-color-accent="teal"] {
background-color: #00bfa5; }
[data-md-color-accent="teal"] .md-typeset a:hover,
[data-md-color-accent="teal"] .md-typeset a:active {
color: #00bfa5; }
[data-md-color-accent="teal"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="teal"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #00bfa5; }
[data-md-color-accent="teal"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="teal"] .md-typeset .footnote li:target .footnote-backref {
color: #00bfa5; }
[data-md-color-accent="teal"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="teal"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="teal"] .md-typeset [id] .headerlink:focus {
color: #00bfa5; }
[data-md-color-accent="teal"] .md-nav__link:hover,
[data-md-color-accent="teal"] .md-nav__link:active,
[data-md-color-accent="teal"] .md-nav__link--active {
color: #00bfa5; }
[data-md-color-accent="teal"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00bfa5; }
[data-md-color-accent="teal"] .md-search-result__link:hover {
background-color: rgba(0, 191, 165, 0.1); }
[data-md-color-accent="teal"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00bfa5; }
button[data-md-color-accent="green"] {
background-color: #00c853; }
[data-md-color-accent="green"] .md-typeset a:hover,
[data-md-color-accent="green"] .md-typeset a:active {
color: #00c853; }
[data-md-color-accent="green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #00c853; }
[data-md-color-accent="green"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="green"] .md-typeset .footnote li:target .footnote-backref {
color: #00c853; }
[data-md-color-accent="green"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="green"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="green"] .md-typeset [id] .headerlink:focus {
color: #00c853; }
[data-md-color-accent="green"] .md-nav__link:hover,
[data-md-color-accent="green"] .md-nav__link:active,
[data-md-color-accent="green"] .md-nav__link--active {
color: #00c853; }
[data-md-color-accent="green"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00c853; }
[data-md-color-accent="green"] .md-search-result__link:hover {
background-color: rgba(0, 200, 83, 0.1); }
[data-md-color-accent="green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00c853; }
button[data-md-color-accent="light-green"] {
background-color: #64dd17; }
[data-md-color-accent="light-green"] .md-typeset a:hover,
[data-md-color-accent="light-green"] .md-typeset a:active {
color: #64dd17; }
[data-md-color-accent="light-green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="light-green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #64dd17; }
[data-md-color-accent="light-green"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="light-green"] .md-typeset .footnote li:target .footnote-backref {
color: #64dd17; }
[data-md-color-accent="light-green"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="light-green"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="light-green"] .md-typeset [id] .headerlink:focus {
color: #64dd17; }
[data-md-color-accent="light-green"] .md-nav__link:hover,
[data-md-color-accent="light-green"] .md-nav__link:active,
[data-md-color-accent="light-green"] .md-nav__link--active {
color: #64dd17; }
[data-md-color-accent="light-green"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #64dd17; }
[data-md-color-accent="light-green"] .md-search-result__link:hover {
background-color: rgba(100, 221, 23, 0.1); }
[data-md-color-accent="light-green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #64dd17; }
button[data-md-color-accent="lime"] {
background-color: #aeea00; }
[data-md-color-accent="lime"] .md-typeset a:hover,
[data-md-color-accent="lime"] .md-typeset a:active {
color: #aeea00; }
[data-md-color-accent="lime"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="lime"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #aeea00; }
[data-md-color-accent="lime"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="lime"] .md-typeset .footnote li:target .footnote-backref {
color: #aeea00; }
[data-md-color-accent="lime"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="lime"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="lime"] .md-typeset [id] .headerlink:focus {
color: #aeea00; }
[data-md-color-accent="lime"] .md-nav__link:hover,
[data-md-color-accent="lime"] .md-nav__link:active,
[data-md-color-accent="lime"] .md-nav__link--active {
color: #aeea00; }
[data-md-color-accent="lime"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #aeea00; }
[data-md-color-accent="lime"] .md-search-result__link:hover {
background-color: rgba(174, 234, 0, 0.1); }
[data-md-color-accent="lime"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #aeea00; }
button[data-md-color-accent="yellow"] {
background-color: #ffd600; }
[data-md-color-accent="yellow"] .md-typeset a:hover,
[data-md-color-accent="yellow"] .md-typeset a:active {
color: #ffd600; }
[data-md-color-accent="yellow"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="yellow"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ffd600; }
[data-md-color-accent="yellow"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="yellow"] .md-typeset .footnote li:target .footnote-backref {
color: #ffd600; }
[data-md-color-accent="yellow"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="yellow"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="yellow"] .md-typeset [id] .headerlink:focus {
color: #ffd600; }
[data-md-color-accent="yellow"] .md-nav__link:hover,
[data-md-color-accent="yellow"] .md-nav__link:active,
[data-md-color-accent="yellow"] .md-nav__link--active {
color: #ffd600; }
[data-md-color-accent="yellow"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffd600; }
[data-md-color-accent="yellow"] .md-search-result__link:hover {
background-color: rgba(255, 214, 0, 0.1); }
[data-md-color-accent="yellow"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffd600; }
button[data-md-color-accent="amber"] {
background-color: #ffab00; }
[data-md-color-accent="amber"] .md-typeset a:hover,
[data-md-color-accent="amber"] .md-typeset a:active {
color: #ffab00; }
[data-md-color-accent="amber"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="amber"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ffab00; }
[data-md-color-accent="amber"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="amber"] .md-typeset .footnote li:target .footnote-backref {
color: #ffab00; }
[data-md-color-accent="amber"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="amber"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="amber"] .md-typeset [id] .headerlink:focus {
color: #ffab00; }
[data-md-color-accent="amber"] .md-nav__link:hover,
[data-md-color-accent="amber"] .md-nav__link:active,
[data-md-color-accent="amber"] .md-nav__link--active {
color: #ffab00; }
[data-md-color-accent="amber"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffab00; }
[data-md-color-accent="amber"] .md-search-result__link:hover {
background-color: rgba(255, 171, 0, 0.1); }
[data-md-color-accent="amber"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffab00; }
button[data-md-color-accent="orange"] {
background-color: #ff9100; }
[data-md-color-accent="orange"] .md-typeset a:hover,
[data-md-color-accent="orange"] .md-typeset a:active {
color: #ff9100; }
[data-md-color-accent="orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ff9100; }
[data-md-color-accent="orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="orange"] .md-typeset .footnote li:target .footnote-backref {
color: #ff9100; }
[data-md-color-accent="orange"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="orange"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="orange"] .md-typeset [id] .headerlink:focus {
color: #ff9100; }
[data-md-color-accent="orange"] .md-nav__link:hover,
[data-md-color-accent="orange"] .md-nav__link:active,
[data-md-color-accent="orange"] .md-nav__link--active {
color: #ff9100; }
[data-md-color-accent="orange"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff9100; }
[data-md-color-accent="orange"] .md-search-result__link:hover {
background-color: rgba(255, 145, 0, 0.1); }
[data-md-color-accent="orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff9100; }
button[data-md-color-accent="deep-orange"] {
background-color: #ff6e40; }
[data-md-color-accent="deep-orange"] .md-typeset a:hover,
[data-md-color-accent="deep-orange"] .md-typeset a:active {
color: #ff6e40; }
[data-md-color-accent="deep-orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="deep-orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ff6e40; }
[data-md-color-accent="deep-orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent="deep-orange"] .md-typeset .footnote li:target .footnote-backref {
color: #ff6e40; }
[data-md-color-accent="deep-orange"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="deep-orange"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="deep-orange"] .md-typeset [id] .headerlink:focus {
color: #ff6e40; }
[data-md-color-accent="deep-orange"] .md-nav__link:hover,
[data-md-color-accent="deep-orange"] .md-nav__link:active,
[data-md-color-accent="deep-orange"] .md-nav__link--active {
color: #ff6e40; }
[data-md-color-accent="deep-orange"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff6e40; }
[data-md-color-accent="deep-orange"] .md-search-result__link:hover {
background-color: rgba(255, 110, 64, 0.1); }
[data-md-color-accent="deep-orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff6e40; }
@media only screen and (min-width: 60em) {
[data-md-color-primary="red"] .md-nav--secondary {
border-left: 0.4rem solid #ef5350; }
[data-md-color-primary="pink"] .md-nav--secondary {
border-left: 0.4rem solid #e91e63; }
[data-md-color-primary="purple"] .md-nav--secondary {
border-left: 0.4rem solid #ab47bc; }
[data-md-color-primary="deep-purple"] .md-nav--secondary {
border-left: 0.4rem solid #7e57c2; }
[data-md-color-primary="indigo"] .md-nav--secondary {
border-left: 0.4rem solid #3f51b5; }
[data-md-color-primary="blue"] .md-nav--secondary {
border-left: 0.4rem solid #2196f3; }
[data-md-color-primary="light-blue"] .md-nav--secondary {
border-left: 0.4rem solid #03a9f4; }
[data-md-color-primary="cyan"] .md-nav--secondary {
border-left: 0.4rem solid #00bcd4; }
[data-md-color-primary="teal"] .md-nav--secondary {
border-left: 0.4rem solid #009688; }
[data-md-color-primary="green"] .md-nav--secondary {
border-left: 0.4rem solid #4caf50; }
[data-md-color-primary="light-green"] .md-nav--secondary {
border-left: 0.4rem solid #7cb342; }
[data-md-color-primary="lime"] .md-nav--secondary {
border-left: 0.4rem solid #c0ca33; }
[data-md-color-primary="yellow"] .md-nav--secondary {
border-left: 0.4rem solid #f9a825; }
[data-md-color-primary="amber"] .md-nav--secondary {
border-left: 0.4rem solid #ffb300; }
[data-md-color-primary="orange"] .md-nav--secondary {
border-left: 0.4rem solid #fb8c00; }
[data-md-color-primary="deep-orange"] .md-nav--secondary {
border-left: 0.4rem solid #ff7043; }
[data-md-color-primary="brown"] .md-nav--secondary {
border-left: 0.4rem solid #795548; }
[data-md-color-primary="grey"] .md-nav--secondary {
border-left: 0.4rem solid #757575; }
[data-md-color-primary="blue-grey"] .md-nav--secondary {
border-left: 0.4rem solid #546e7a; } }
@media only screen and (max-width: 59.9375em) {
html [data-md-color-accent="red"] .md-nav__link[for="toc"]::after {
color: #ff1744; }
html [data-md-color-accent="pink"] .md-nav__link[for="toc"]::after {
color: #f50057; }
html [data-md-color-accent="purple"] .md-nav__link[for="toc"]::after {
color: #e040fb; }
html [data-md-color-accent="deep-purple"] .md-nav__link[for="toc"]::after {
color: #7c4dff; }
html [data-md-color-accent="indigo"] .md-nav__link[for="toc"]::after {
color: #536dfe; }
html [data-md-color-accent="blue"] .md-nav__link[for="toc"]::after {
color: #448aff; }
html [data-md-color-accent="light-blue"] .md-nav__link[for="toc"]::after {
color: #0091ea; }
html [data-md-color-accent="cyan"] .md-nav__link[for="toc"]::after {
color: #00b8d4; }
html [data-md-color-accent="teal"] .md-nav__link[for="toc"]::after {
color: #00bfa5; }
html [data-md-color-accent="green"] .md-nav__link[for="toc"]::after {
color: #00c853; }
html [data-md-color-accent="light-green"] .md-nav__link[for="toc"]::after {
color: #64dd17; }
html [data-md-color-accent="lime"] .md-nav__link[for="toc"]::after {
color: #aeea00; }
html [data-md-color-accent="yellow"] .md-nav__link[for="toc"]::after {
color: #ffd600; }
html [data-md-color-accent="amber"] .md-nav__link[for="toc"]::after {
color: #ffab00; }
html [data-md-color-accent="orange"] .md-nav__link[for="toc"]::after {
color: #ff9100; }
html [data-md-color-accent="deep-orange"] .md-nav__link[for="toc"]::after {
color: #ff6e40; } }

716
material/assets/stylesheets/application.palettes.css
View File

@ -1,716 +0,0 @@
[data-md-palette-primary="red"] .md-typeset a {
color: #ef5350; }
[data-md-palette-primary="red"] .md-header {
background-color: #ef5350; }
[data-md-palette-primary="red"] .md-nav--secondary {
border-left: 0.4rem solid #ef5350; }
[data-md-palette-primary="pink"] .md-typeset a {
color: #e91e63; }
[data-md-palette-primary="pink"] .md-header {
background-color: #e91e63; }
[data-md-palette-primary="pink"] .md-nav--secondary {
border-left: 0.4rem solid #e91e63; }
[data-md-palette-primary="purple"] .md-typeset a {
color: #ab47bc; }
[data-md-palette-primary="purple"] .md-header {
background-color: #ab47bc; }
[data-md-palette-primary="purple"] .md-nav--secondary {
border-left: 0.4rem solid #ab47bc; }
[data-md-palette-primary="deep-purple"] .md-typeset a {
color: #7e57c2; }
[data-md-palette-primary="deep-purple"] .md-header {
background-color: #7e57c2; }
[data-md-palette-primary="deep-purple"] .md-nav--secondary {
border-left: 0.4rem solid #7e57c2; }
[data-md-palette-primary="indigo"] .md-typeset a {
color: #3f51b5; }
[data-md-palette-primary="indigo"] .md-header {
background-color: #3f51b5; }
[data-md-palette-primary="indigo"] .md-nav--secondary {
border-left: 0.4rem solid #3f51b5; }
[data-md-palette-primary="blue"] .md-typeset a {
color: #2196f3; }
[data-md-palette-primary="blue"] .md-header {
background-color: #2196f3; }
[data-md-palette-primary="blue"] .md-nav--secondary {
border-left: 0.4rem solid #2196f3; }
[data-md-palette-primary="light-blue"] .md-typeset a {
color: #03a9f4; }
[data-md-palette-primary="light-blue"] .md-header {
background-color: #03a9f4; }
[data-md-palette-primary="light-blue"] .md-nav--secondary {
border-left: 0.4rem solid #03a9f4; }
[data-md-palette-primary="cyan"] .md-typeset a {
color: #00bcd4; }
[data-md-palette-primary="cyan"] .md-header {
background-color: #00bcd4; }
[data-md-palette-primary="cyan"] .md-nav--secondary {
border-left: 0.4rem solid #00bcd4; }
[data-md-palette-primary="teal"] .md-typeset a {
color: #009688; }
[data-md-palette-primary="teal"] .md-header {
background-color: #009688; }
[data-md-palette-primary="teal"] .md-nav--secondary {
border-left: 0.4rem solid #009688; }
[data-md-palette-primary="green"] .md-typeset a {
color: #4caf50; }
[data-md-palette-primary="green"] .md-header {
background-color: #4caf50; }
[data-md-palette-primary="green"] .md-nav--secondary {
border-left: 0.4rem solid #4caf50; }
[data-md-palette-primary="light-green"] .md-typeset a {
color: #7cb342; }
[data-md-palette-primary="light-green"] .md-header {
background-color: #7cb342; }
[data-md-palette-primary="light-green"] .md-nav--secondary {
border-left: 0.4rem solid #7cb342; }
[data-md-palette-primary="lime"] .md-typeset a {
color: #c0ca33; }
[data-md-palette-primary="lime"] .md-header {
background-color: #c0ca33; }
[data-md-palette-primary="lime"] .md-nav--secondary {
border-left: 0.4rem solid #c0ca33; }
[data-md-palette-primary="yellow"] .md-typeset a {
color: #f9a825; }
[data-md-palette-primary="yellow"] .md-header {
background-color: #f9a825; }
[data-md-palette-primary="yellow"] .md-nav--secondary {
border-left: 0.4rem solid #f9a825; }
[data-md-palette-primary="amber"] .md-typeset a {
color: #ffb300; }
[data-md-palette-primary="amber"] .md-header {
background-color: #ffb300; }
[data-md-palette-primary="amber"] .md-nav--secondary {
border-left: 0.4rem solid #ffb300; }
[data-md-palette-primary="orange"] .md-typeset a {
color: #fb8c00; }
[data-md-palette-primary="orange"] .md-header {
background-color: #fb8c00; }
[data-md-palette-primary="orange"] .md-nav--secondary {
border-left: 0.4rem solid #fb8c00; }
[data-md-palette-primary="deep-orange"] .md-typeset a {
color: #ff7043; }
[data-md-palette-primary="deep-orange"] .md-header {
background-color: #ff7043; }
[data-md-palette-primary="deep-orange"] .md-nav--secondary {
border-left: 0.4rem solid #ff7043; }
[data-md-palette-primary="brown"] .md-typeset a {
color: #795548; }
[data-md-palette-primary="brown"] .md-header {
background-color: #795548; }
[data-md-palette-primary="brown"] .md-nav--secondary {
border-left: 0.4rem solid #795548; }
[data-md-palette-primary="grey"] .md-typeset a {
color: #757575; }
[data-md-palette-primary="grey"] .md-header {
background-color: #757575; }
[data-md-palette-primary="grey"] .md-nav--secondary {
border-left: 0.4rem solid #757575; }
[data-md-palette-primary="blue-grey"] .md-typeset a {
color: #546e7a; }
[data-md-palette-primary="blue-grey"] .md-header {
background-color: #546e7a; }
[data-md-palette-primary="blue-grey"] .md-nav--secondary {
border-left: 0.4rem solid #546e7a; }
[data-md-palette-accent="red"] .md-typeset a:hover,
[data-md-palette-accent="red"] .md-typeset a:active {
color: #ff1744; }
[data-md-palette-accent="red"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="red"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ff1744; }
[data-md-palette-accent="red"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="red"] .md-typeset .footnote li:target .footnote-backref {
color: #ff1744; }
[data-md-palette-accent="red"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="red"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="red"] .md-typeset [id] .headerlink:focus {
color: #ff1744; }
[data-md-palette-accent="red"] .md-nav__link:hover,
[data-md-palette-accent="red"] .md-nav__link:active,
[data-md-palette-accent="red"] .md-nav__link--active {
color: #ff1744; }
[data-md-palette-accent="red"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff1744; }
[data-md-palette-accent="red"] .md-search-result__link:hover {
background-color: rgba(255, 23, 68, 0.1); }
[data-md-palette-accent="red"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff1744; }
[data-md-palette-accent="pink"] .md-typeset a:hover,
[data-md-palette-accent="pink"] .md-typeset a:active {
color: #f50057; }
[data-md-palette-accent="pink"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="pink"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #f50057; }
[data-md-palette-accent="pink"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="pink"] .md-typeset .footnote li:target .footnote-backref {
color: #f50057; }
[data-md-palette-accent="pink"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="pink"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="pink"] .md-typeset [id] .headerlink:focus {
color: #f50057; }
[data-md-palette-accent="pink"] .md-nav__link:hover,
[data-md-palette-accent="pink"] .md-nav__link:active,
[data-md-palette-accent="pink"] .md-nav__link--active {
color: #f50057; }
[data-md-palette-accent="pink"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #f50057; }
[data-md-palette-accent="pink"] .md-search-result__link:hover {
background-color: rgba(245, 0, 87, 0.1); }
[data-md-palette-accent="pink"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #f50057; }
[data-md-palette-accent="purple"] .md-typeset a:hover,
[data-md-palette-accent="purple"] .md-typeset a:active {
color: #e040fb; }
[data-md-palette-accent="purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #e040fb; }
[data-md-palette-accent="purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="purple"] .md-typeset .footnote li:target .footnote-backref {
color: #e040fb; }
[data-md-palette-accent="purple"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="purple"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="purple"] .md-typeset [id] .headerlink:focus {
color: #e040fb; }
[data-md-palette-accent="purple"] .md-nav__link:hover,
[data-md-palette-accent="purple"] .md-nav__link:active,
[data-md-palette-accent="purple"] .md-nav__link--active {
color: #e040fb; }
[data-md-palette-accent="purple"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #e040fb; }
[data-md-palette-accent="purple"] .md-search-result__link:hover {
background-color: rgba(224, 64, 251, 0.1); }
[data-md-palette-accent="purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #e040fb; }
[data-md-palette-accent="deep-purple"] .md-typeset a:hover,
[data-md-palette-accent="deep-purple"] .md-typeset a:active {
color: #7c4dff; }
[data-md-palette-accent="deep-purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="deep-purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #7c4dff; }
[data-md-palette-accent="deep-purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="deep-purple"] .md-typeset .footnote li:target .footnote-backref {
color: #7c4dff; }
[data-md-palette-accent="deep-purple"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="deep-purple"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="deep-purple"] .md-typeset [id] .headerlink:focus {
color: #7c4dff; }
[data-md-palette-accent="deep-purple"] .md-nav__link:hover,
[data-md-palette-accent="deep-purple"] .md-nav__link:active,
[data-md-palette-accent="deep-purple"] .md-nav__link--active {
color: #7c4dff; }
[data-md-palette-accent="deep-purple"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #7c4dff; }
[data-md-palette-accent="deep-purple"] .md-search-result__link:hover {
background-color: rgba(124, 77, 255, 0.1); }
[data-md-palette-accent="deep-purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #7c4dff; }
[data-md-palette-accent="indigo"] .md-typeset a:hover,
[data-md-palette-accent="indigo"] .md-typeset a:active {
color: #536dfe; }
[data-md-palette-accent="indigo"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="indigo"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #536dfe; }
[data-md-palette-accent="indigo"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="indigo"] .md-typeset .footnote li:target .footnote-backref {
color: #536dfe; }
[data-md-palette-accent="indigo"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="indigo"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="indigo"] .md-typeset [id] .headerlink:focus {
color: #536dfe; }
[data-md-palette-accent="indigo"] .md-nav__link:hover,
[data-md-palette-accent="indigo"] .md-nav__link:active,
[data-md-palette-accent="indigo"] .md-nav__link--active {
color: #536dfe; }
[data-md-palette-accent="indigo"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #536dfe; }
[data-md-palette-accent="indigo"] .md-search-result__link:hover {
background-color: rgba(83, 109, 254, 0.1); }
[data-md-palette-accent="indigo"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #536dfe; }
[data-md-palette-accent="blue"] .md-typeset a:hover,
[data-md-palette-accent="blue"] .md-typeset a:active {
color: #448aff; }
[data-md-palette-accent="blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #448aff; }
[data-md-palette-accent="blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="blue"] .md-typeset .footnote li:target .footnote-backref {
color: #448aff; }
[data-md-palette-accent="blue"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="blue"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="blue"] .md-typeset [id] .headerlink:focus {
color: #448aff; }
[data-md-palette-accent="blue"] .md-nav__link:hover,
[data-md-palette-accent="blue"] .md-nav__link:active,
[data-md-palette-accent="blue"] .md-nav__link--active {
color: #448aff; }
[data-md-palette-accent="blue"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #448aff; }
[data-md-palette-accent="blue"] .md-search-result__link:hover {
background-color: rgba(68, 138, 255, 0.1); }
[data-md-palette-accent="blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #448aff; }
[data-md-palette-accent="light-blue"] .md-typeset a:hover,
[data-md-palette-accent="light-blue"] .md-typeset a:active {
color: #0091ea; }
[data-md-palette-accent="light-blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="light-blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #0091ea; }
[data-md-palette-accent="light-blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="light-blue"] .md-typeset .footnote li:target .footnote-backref {
color: #0091ea; }
[data-md-palette-accent="light-blue"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="light-blue"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="light-blue"] .md-typeset [id] .headerlink:focus {
color: #0091ea; }
[data-md-palette-accent="light-blue"] .md-nav__link:hover,
[data-md-palette-accent="light-blue"] .md-nav__link:active,
[data-md-palette-accent="light-blue"] .md-nav__link--active {
color: #0091ea; }
[data-md-palette-accent="light-blue"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #0091ea; }
[data-md-palette-accent="light-blue"] .md-search-result__link:hover {
background-color: rgba(0, 145, 234, 0.1); }
[data-md-palette-accent="light-blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #0091ea; }
[data-md-palette-accent="cyan"] .md-typeset a:hover,
[data-md-palette-accent="cyan"] .md-typeset a:active {
color: #00b8d4; }
[data-md-palette-accent="cyan"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="cyan"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #00b8d4; }
[data-md-palette-accent="cyan"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="cyan"] .md-typeset .footnote li:target .footnote-backref {
color: #00b8d4; }
[data-md-palette-accent="cyan"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="cyan"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="cyan"] .md-typeset [id] .headerlink:focus {
color: #00b8d4; }
[data-md-palette-accent="cyan"] .md-nav__link:hover,
[data-md-palette-accent="cyan"] .md-nav__link:active,
[data-md-palette-accent="cyan"] .md-nav__link--active {
color: #00b8d4; }
[data-md-palette-accent="cyan"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00b8d4; }
[data-md-palette-accent="cyan"] .md-search-result__link:hover {
background-color: rgba(0, 184, 212, 0.1); }
[data-md-palette-accent="cyan"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00b8d4; }
[data-md-palette-accent="teal"] .md-typeset a:hover,
[data-md-palette-accent="teal"] .md-typeset a:active {
color: #00bfa5; }
[data-md-palette-accent="teal"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="teal"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #00bfa5; }
[data-md-palette-accent="teal"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="teal"] .md-typeset .footnote li:target .footnote-backref {
color: #00bfa5; }
[data-md-palette-accent="teal"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="teal"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="teal"] .md-typeset [id] .headerlink:focus {
color: #00bfa5; }
[data-md-palette-accent="teal"] .md-nav__link:hover,
[data-md-palette-accent="teal"] .md-nav__link:active,
[data-md-palette-accent="teal"] .md-nav__link--active {
color: #00bfa5; }
[data-md-palette-accent="teal"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00bfa5; }
[data-md-palette-accent="teal"] .md-search-result__link:hover {
background-color: rgba(0, 191, 165, 0.1); }
[data-md-palette-accent="teal"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00bfa5; }
[data-md-palette-accent="green"] .md-typeset a:hover,
[data-md-palette-accent="green"] .md-typeset a:active {
color: #00c853; }
[data-md-palette-accent="green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #00c853; }
[data-md-palette-accent="green"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="green"] .md-typeset .footnote li:target .footnote-backref {
color: #00c853; }
[data-md-palette-accent="green"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="green"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="green"] .md-typeset [id] .headerlink:focus {
color: #00c853; }
[data-md-palette-accent="green"] .md-nav__link:hover,
[data-md-palette-accent="green"] .md-nav__link:active,
[data-md-palette-accent="green"] .md-nav__link--active {
color: #00c853; }
[data-md-palette-accent="green"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00c853; }
[data-md-palette-accent="green"] .md-search-result__link:hover {
background-color: rgba(0, 200, 83, 0.1); }
[data-md-palette-accent="green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #00c853; }
[data-md-palette-accent="light-green"] .md-typeset a:hover,
[data-md-palette-accent="light-green"] .md-typeset a:active {
color: #64dd17; }
[data-md-palette-accent="light-green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="light-green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #64dd17; }
[data-md-palette-accent="light-green"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="light-green"] .md-typeset .footnote li:target .footnote-backref {
color: #64dd17; }
[data-md-palette-accent="light-green"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="light-green"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="light-green"] .md-typeset [id] .headerlink:focus {
color: #64dd17; }
[data-md-palette-accent="light-green"] .md-nav__link:hover,
[data-md-palette-accent="light-green"] .md-nav__link:active,
[data-md-palette-accent="light-green"] .md-nav__link--active {
color: #64dd17; }
[data-md-palette-accent="light-green"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #64dd17; }
[data-md-palette-accent="light-green"] .md-search-result__link:hover {
background-color: rgba(100, 221, 23, 0.1); }
[data-md-palette-accent="light-green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #64dd17; }
[data-md-palette-accent="lime"] .md-typeset a:hover,
[data-md-palette-accent="lime"] .md-typeset a:active {
color: #aeea00; }
[data-md-palette-accent="lime"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="lime"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #aeea00; }
[data-md-palette-accent="lime"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="lime"] .md-typeset .footnote li:target .footnote-backref {
color: #aeea00; }
[data-md-palette-accent="lime"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="lime"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="lime"] .md-typeset [id] .headerlink:focus {
color: #aeea00; }
[data-md-palette-accent="lime"] .md-nav__link:hover,
[data-md-palette-accent="lime"] .md-nav__link:active,
[data-md-palette-accent="lime"] .md-nav__link--active {
color: #aeea00; }
[data-md-palette-accent="lime"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #aeea00; }
[data-md-palette-accent="lime"] .md-search-result__link:hover {
background-color: rgba(174, 234, 0, 0.1); }
[data-md-palette-accent="lime"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #aeea00; }
[data-md-palette-accent="yellow"] .md-typeset a:hover,
[data-md-palette-accent="yellow"] .md-typeset a:active {
color: #ffd600; }
[data-md-palette-accent="yellow"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="yellow"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ffd600; }
[data-md-palette-accent="yellow"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="yellow"] .md-typeset .footnote li:target .footnote-backref {
color: #ffd600; }
[data-md-palette-accent="yellow"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="yellow"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="yellow"] .md-typeset [id] .headerlink:focus {
color: #ffd600; }
[data-md-palette-accent="yellow"] .md-nav__link:hover,
[data-md-palette-accent="yellow"] .md-nav__link:active,
[data-md-palette-accent="yellow"] .md-nav__link--active {
color: #ffd600; }
[data-md-palette-accent="yellow"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffd600; }
[data-md-palette-accent="yellow"] .md-search-result__link:hover {
background-color: rgba(255, 214, 0, 0.1); }
[data-md-palette-accent="yellow"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffd600; }
[data-md-palette-accent="amber"] .md-typeset a:hover,
[data-md-palette-accent="amber"] .md-typeset a:active {
color: #ffab00; }
[data-md-palette-accent="amber"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="amber"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ffab00; }
[data-md-palette-accent="amber"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="amber"] .md-typeset .footnote li:target .footnote-backref {
color: #ffab00; }
[data-md-palette-accent="amber"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="amber"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="amber"] .md-typeset [id] .headerlink:focus {
color: #ffab00; }
[data-md-palette-accent="amber"] .md-nav__link:hover,
[data-md-palette-accent="amber"] .md-nav__link:active,
[data-md-palette-accent="amber"] .md-nav__link--active {
color: #ffab00; }
[data-md-palette-accent="amber"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffab00; }
[data-md-palette-accent="amber"] .md-search-result__link:hover {
background-color: rgba(255, 171, 0, 0.1); }
[data-md-palette-accent="amber"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ffab00; }
[data-md-palette-accent="orange"] .md-typeset a:hover,
[data-md-palette-accent="orange"] .md-typeset a:active {
color: #ff9100; }
[data-md-palette-accent="orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ff9100; }
[data-md-palette-accent="orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="orange"] .md-typeset .footnote li:target .footnote-backref {
color: #ff9100; }
[data-md-palette-accent="orange"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="orange"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="orange"] .md-typeset [id] .headerlink:focus {
color: #ff9100; }
[data-md-palette-accent="orange"] .md-nav__link:hover,
[data-md-palette-accent="orange"] .md-nav__link:active,
[data-md-palette-accent="orange"] .md-nav__link--active {
color: #ff9100; }
[data-md-palette-accent="orange"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff9100; }
[data-md-palette-accent="orange"] .md-search-result__link:hover {
background-color: rgba(255, 145, 0, 0.1); }
[data-md-palette-accent="orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff9100; }
[data-md-palette-accent="deep-orange"] .md-typeset a:hover,
[data-md-palette-accent="deep-orange"] .md-typeset a:active {
color: #ff6e40; }
[data-md-palette-accent="deep-orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
[data-md-palette-accent="deep-orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
background-color: #ff6e40; }
[data-md-palette-accent="deep-orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-palette-accent="deep-orange"] .md-typeset .footnote li:target .footnote-backref {
color: #ff6e40; }
[data-md-palette-accent="deep-orange"] .md-typeset [id]:hover .headerlink:hover,
[data-md-palette-accent="deep-orange"] .md-typeset [id]:target .headerlink,
[data-md-palette-accent="deep-orange"] .md-typeset [id] .headerlink:focus {
color: #ff6e40; }
[data-md-palette-accent="deep-orange"] .md-nav__link:hover,
[data-md-palette-accent="deep-orange"] .md-nav__link:active,
[data-md-palette-accent="deep-orange"] .md-nav__link--active {
color: #ff6e40; }
[data-md-palette-accent="deep-orange"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff6e40; }
[data-md-palette-accent="deep-orange"] .md-search-result__link:hover {
background-color: rgba(255, 110, 64, 0.1); }
[data-md-palette-accent="deep-orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: #ff6e40; }
@media only screen and (max-width: 59.9375em) {
html [data-md-palette-accent="red"] .md-nav__link[for="toc"]::after {
color: #ff1744; }
html [data-md-palette-accent="pink"] .md-nav__link[for="toc"]::after {
color: #f50057; }
html [data-md-palette-accent="purple"] .md-nav__link[for="toc"]::after {
color: #e040fb; }
html [data-md-palette-accent="deep-purple"] .md-nav__link[for="toc"]::after {
color: #7c4dff; }
html [data-md-palette-accent="indigo"] .md-nav__link[for="toc"]::after {
color: #536dfe; }
html [data-md-palette-accent="blue"] .md-nav__link[for="toc"]::after {
color: #448aff; }
html [data-md-palette-accent="light-blue"] .md-nav__link[for="toc"]::after {
color: #0091ea; }
html [data-md-palette-accent="cyan"] .md-nav__link[for="toc"]::after {
color: #00b8d4; }
html [data-md-palette-accent="teal"] .md-nav__link[for="toc"]::after {
color: #00bfa5; }
html [data-md-palette-accent="green"] .md-nav__link[for="toc"]::after {
color: #00c853; }
html [data-md-palette-accent="light-green"] .md-nav__link[for="toc"]::after {
color: #64dd17; }
html [data-md-palette-accent="lime"] .md-nav__link[for="toc"]::after {
color: #aeea00; }
html [data-md-palette-accent="yellow"] .md-nav__link[for="toc"]::after {
color: #ffd600; }
html [data-md-palette-accent="amber"] .md-nav__link[for="toc"]::after {
color: #ffab00; }
html [data-md-palette-accent="orange"] .md-nav__link[for="toc"]::after {
color: #ff9100; }
html [data-md-palette-accent="deep-orange"] .md-nav__link[for="toc"]::after {
color: #ff6e40; } }

4
material/base.html
View File

@ -38,7 +38,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.css">
{% if config.extra.palette %} {% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.palettes.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.palette.css">
{% endif %} {% endif %}
{% for path in extra_css %} {% for path in extra_css %}
<link rel="stylesheet" href="{{ path }}"> <link rel="stylesheet" href="{{ path }}">
@ -50,7 +50,7 @@
{% set primary = palette.primary | replace(" ", "-") | lower %} {% set primary = palette.primary | replace(" ", "-") | lower %}
{% set accent = palette.accent | replace(" ", "-") | lower %} {% set accent = palette.accent | replace(" ", "-") | lower %}
{% if primary or accent %} {% if primary or accent %}
<body data-md-palette-primary="{{ primary }}" data-md-palette-accent="{{ accent }}"> <body data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}">
{% else %} {% else %}
<body> <body>
{% endif %} {% endif %}

13
material/partials/header.html
View File

@ -13,13 +13,20 @@
</div> </div>
<div class="md-flex__cell md-flex__cell--stretch"> <div class="md-flex__cell md-flex__cell--stretch">
<span class="md-flex__ellipsis md-header-nav__title"> <span class="md-flex__ellipsis md-header-nav__title">
{%- block site_name -%} {% block site_name %}
{% if page %}
{% for parent in page.ancestors %}
<span class="md-header-nav__parent">
{{ parent.title }}
</span>
{% endfor %}
{% endif %}
{{ page.title | default(config.site_name, true) }} {{ page.title | default(config.site_name, true) }}
{% endblock %} {% endblock %}
</span> </span>
</div> </div>
<div class="md-flex__cell md-flex__cell--shrink"> <div class="md-flex__cell md-flex__cell--shrink">
{%- block search_box -%} {% block search_box %}
<label class="md-icon md-header-nav__icon md-header-nav__icon--search" for="search"> <label class="md-icon md-header-nav__icon md-header-nav__icon--search" for="search">
search search
</label> </label>
@ -28,7 +35,7 @@
</div> </div>
<div class="md-flex__cell md-flex__cell--shrink"> <div class="md-flex__cell md-flex__cell--shrink">
<div class="md-header-nav__source"> <div class="md-header-nav__source">
{%- block repo -%} {% block repo %}
{% if config.repo_url %} {% if config.repo_url %}
{% include "partials/source.html" %} {% include "partials/source.html" %}
{% endif %} {% endif %}

13
src/assets/javascripts/application.js
View File

@ -59,6 +59,19 @@ export default class Application {
/* Attack FastClick to mitigate 300ms delay on touch devices */ /* Attack FastClick to mitigate 300ms delay on touch devices */
FastClick.attach(document.body) FastClick.attach(document.body)
/* Wrap all data tables */
const tables = document.querySelectorAll("table:not([class])")
for (const table of tables) {
const wrap = document.createElement("div")
wrap.classList.add("md-typeset__table")
if (table.nextSibling) {
table.parentNode.insertBefore(wrap, table.nextSibling)
} else {
table.parentNode.appendChild(wrap)
}
wrap.appendChild(table)
}
}).listen() }).listen()
/* Cross-browser helper to dispatch/fire an event */ /* Cross-browser helper to dispatch/fire an event */

70
src/assets/stylesheets/application.palettes.scss → src/assets/stylesheets/application.palette.scss
View File

@ -41,7 +41,27 @@
// Rules // Rules
// ---------------------------------------------------------------------------- // ----------------------------------------------------------------------------
// Build primary palette // Color tile
button[data-md-color-primary],
button[data-md-color-accent] {
width: 10.0rem;
padding: 0.4rem 0.8rem;
transition:
background-color 0.25s,
opacity 0.25s;
border-radius: 0.2rem;
color: $md-color-white;
font-size: ms(-1);
text-align: left;
cursor: pointer;
// Hovered color tile
&:hover {
opacity: 0.75;
}
}
// Build primary colors
@each $name, $color in ( @each $name, $color in (
"red": $clr-red-400, "red": $clr-red-400,
"pink": $clr-pink-500, "pink": $clr-pink-500,
@ -63,7 +83,14 @@
"grey": $clr-grey-600, "grey": $clr-grey-600,
"blue-grey": $clr-blue-grey-600 "blue-grey": $clr-blue-grey-600
) { ) {
[data-md-palette-primary="#{$name}"] {
// Color tile for presentation // TODO. comments
button[data-md-color-primary="#{$name}"] {
background-color: $color;
}
// Color palette
[data-md-color-primary="#{$name}"] {
// Links in typesetted content // Links in typesetted content
.md-typeset a { .md-typeset a {
@ -75,14 +102,18 @@
background-color: $color; background-color: $color;
} }
// Table of contents // [tablet landscape +]: Add border to table of contents
.md-nav--secondary { @include break-from-device(tablet landscape) {
border-left: 0.4rem solid $color;
// Table of contents
.md-nav--secondary {
border-left: 0.4rem solid $color;
}
} }
} }
} }
// Build accent palette // Build accent colors
@each $name, $color in ( @each $name, $color in (
"red": $clr-red-a400, "red": $clr-red-a400,
"pink": $clr-pink-a400, "pink": $clr-pink-a400,
@ -101,7 +132,14 @@
"orange": $clr-orange-a400, "orange": $clr-orange-a400,
"deep-orange": $clr-deep-orange-a200 "deep-orange": $clr-deep-orange-a200
) { ) {
[data-md-palette-accent="#{$name}"] {
// Color tile for presentation
button[data-md-color-accent="#{$name}"] {
background-color: $color;
}
// Color palette
[data-md-color-accent="#{$name}"] {
// Typesetted content // Typesetted content
.md-typeset { .md-typeset {
@ -149,18 +187,14 @@
} }
} }
// Search result // Search container scrollbar thumb
.md-search-result { .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: $color;
}
// Hovered scrollbar thumb // Hovered search result link
&__scrollwrap::-webkit-scrollbar-thumb:hover { .md-search-result__link:hover {
background-color: $color; background-color: transparentize($color, 0.9);
}
// Hovered link
&__link:hover {
background-color: transparentize($color, 0.9);
}
} }
// Wrapper for scrolling on overflow // Wrapper for scrolling on overflow

59
src/assets/stylesheets/base/_typeset.scss
View File

@ -356,9 +356,11 @@ kbd {
} }
// Data tables // Data tables
table { table:not([class]) {
width: 90%; @include z-depth(2);
margin: 1.5em 0;
margin: 2.0em 0;
border-radius: 0.2rem;
font-size: ms(-1); font-size: ms(-1);
overflow: hidden; overflow: hidden;
@ -366,40 +368,61 @@ kbd {
.no-js & { .no-js & {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
margin: 0.8em 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
// Table heading // Table headings and cells
th,
td {
// Right align contents
&[align="right"] {
text-align: right;
}
// Center contents
&[align="center"] {
text-align: center;
}
}
// Table headings
th { th {
min-width: 10.0rem; min-width: 10.0rem;
padding: 1.2rem 1.6rem; padding: 1.2rem 1.6rem;
border-bottom: 0.1rem solid $md-color-black--light; background-color: $md-color-black--light;
color: $md-color-black; color: $md-color-white;
font-weight: 700;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
} }
// Table cell // Table cells
td { td {
padding: 1.2rem 1.6rem; padding: 1.2rem 1.6rem;
border-top: 0.1rem solid $md-color-black--lightest; border-top: 0.1rem solid $md-color-black--lightest;
vertical-align: top; vertical-align: top;
} }
th[align="right"], // Remove top border on first row
td[align="right"] {
text-align: right;
}
th[align="center"],
td[align="center"] {
text-align: center;
}
tr:first-child td { tr:first-child td {
border-top: 0; border-top: 0;
} }
} }
// Data table wrapper, in case JavaScript is available
.md-typeset__table {
margin: 1.6em -1.6rem;
text-align: center;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
// Data tables
table {
display: inline-block;
margin: 0 1.6rem;
text-align: left;
}
}
} }

1
src/assets/stylesheets/extensions/_codehilite.scss
View File

@ -334,6 +334,7 @@ $codehilite-whitespace: transparent;
// Full-width container // Full-width container
> .codehilitetable { > .codehilitetable {
box-shadow: none;
// [mobile -]: Stretch to whole width // [mobile -]: Stretch to whole width
@include break-to-device(mobile) { @include break-to-device(mobile) {

10
src/base.html
View File

@ -87,10 +87,10 @@
<link rel="stylesheet" type="text/css" <link rel="stylesheet" type="text/css"
href="{{ base_url }}/assets/stylesheets/application.css" /> href="{{ base_url }}/assets/stylesheets/application.css" />
<!-- Extra palettes --> <!-- Extra color palette -->
{% if config.extra.palette %} {% if config.extra.palette %}
<link rel="stylesheet" type="text/css" <link rel="stylesheet" type="text/css"
href="{{ base_url }}/assets/stylesheets/application.palettes.css" /> href="{{ base_url }}/assets/stylesheets/application.palette.css" />
{% endif %} {% endif %}
<!-- Custom stylesheets --> <!-- Custom stylesheets -->
@ -103,13 +103,13 @@
{% block extrahead %}{% endblock %} {% block extrahead %}{% endblock %}
</head> </head>
<!-- Integrate palette colors, if defined --> <!-- Integrate color palette, if defined -->
{% set palette = config.extra.get("palette", {}) %} {% set palette = config.extra.get("palette", {}) %}
{% set primary = palette.primary | replace(" ", "-") | lower %} {% set primary = palette.primary | replace(" ", "-") | lower %}
{% set accent = palette.accent | replace(" ", "-") | lower %} {% set accent = palette.accent | replace(" ", "-") | lower %}
{% if primary or accent %} {% if primary or accent %}
<body data-md-palette-primary="{{ primary }}" <body data-md-color-primary="{{ primary }}"
data-md-palette-accent="{{ accent }}"> data-md-color-accent="{{ accent }}">
{% else %} {% else %}
<body> <body>
{% endif %} {% endif %}