diff --git a/material/assets/stylesheets/application.css b/material/assets/stylesheets/application.css index 9cc0654a0..9fb75fb16 100644 --- a/material/assets/stylesheets/application.css +++ b/material/assets/stylesheets/application.css @@ -89,7 +89,7 @@ input { border: 0; outline: 0; } -.md-icon, .md-nav__title::before, .md-nav__link::after, .admonition-title::before, .footnote-backref, .checklist li::before, .critic.comment::before { +.md-icon, .md-nav__title::before, .md-nav__link::after, .admonition::before, .md-typeset .footnote-backref, .checklist li::before, .critic.comment::before { font-family: "Material Icons"; font-style: normal; font-variant: normal; @@ -495,7 +495,7 @@ hr { display: none; } html .md-nav__link[for="toc"] + .md-nav__link::after { display: none; } - .md-nav__link[data-md-marked] { + .md-nav__link[data-md-blurred] { color: rgba(0, 0, 0, 0.54); } .md-nav__link:hover, .md-nav__link:active, .md-nav__link--active { color: #536dfe; } @@ -651,326 +651,253 @@ hr { display: none; } .admonition { + position: relative; margin: 2.0rem 0; padding: 0.8rem 1.2rem; - border-left: 0.4rem solid #448aff; - border-radius: 0 0.2rem 0.2rem 0; - background: rgba(68, 138, 255, 0.1); } + border-left: 3.2rem solid rgba(68, 138, 255, 0.4); + border-radius: 0.2rem; + background: rgba(68, 138, 255, 0.15); + font-size: 1.28rem; } + .admonition::before { + position: absolute; + left: -2.6rem; + color: white; + font-size: 2.0rem; + content: "edit"; + vertical-align: -0.25em; } .admonition-title { - color: #2979ff; - font-size: 1.28rem; - font-weight: 700; - line-height: 2; - text-transform: uppercase; } + font-weight: 700; } html .admonition-title { margin-bottom: 0; } html .admonition-title + * { margin-top: 0; } - .admonition-title::before { - margin-right: 0.45em; - font-size: 2.0rem; - content: "edit"; - vertical-align: -0.25em; } .admonition :first-child { margin-top: 0; } .admonition :last-child { margin-bottom: 0; } .admonition.tldr, .admonition.summary { - border-color: #00b0ff; - background: rgba(0, 176, 255, 0.1); } - .admonition.tldr .admonition-title, .admonition.summary .admonition-title { - color: #00b0ff; } - .admonition.tldr .admonition-title::before, .admonition.summary .admonition-title::before { - content: "subject"; } + border-color: rgba(0, 176, 255, 0.4); + background: rgba(0, 176, 255, 0.15); } + .admonition.tldr::before, .admonition.summary::before { + content: "subject"; } .admonition.idea, .admonition.tip { - border-color: #00bfa5; - background: rgba(0, 191, 165, 0.1); } - .admonition.idea .admonition-title, .admonition.tip .admonition-title { - color: #00bfa5; } - .admonition.idea .admonition-title::before, .admonition.tip .admonition-title::before { - content: "whatshot"; } + border-color: rgba(0, 191, 165, 0.4); + background: rgba(0, 191, 165, 0.15); } + .admonition.idea::before, .admonition.tip::before { + content: "whatshot"; } .admonition.check, .admonition.done, .admonition.success { - border-color: #00e676; - background: rgba(0, 230, 118, 0.1); } - .admonition.check .admonition-title, .admonition.done .admonition-title, .admonition.success .admonition-title { - color: #00e676; } - .admonition.check .admonition-title::before, .admonition.done .admonition-title::before, .admonition.success .admonition-title::before { - content: "done"; } + border-color: rgba(0, 230, 118, 0.4); + background: rgba(0, 230, 118, 0.15); } + .admonition.check::before, .admonition.done::before, .admonition.success::before { + content: "done"; } .admonition.attention, .admonition.important, .admonition.warning { - border-color: #ff9100; - background: rgba(255, 145, 0, 0.1); } - .admonition.attention .admonition-title, .admonition.important .admonition-title, .admonition.warning .admonition-title { - color: #ff9100; } - .admonition.attention .admonition-title::before, .admonition.important .admonition-title::before, .admonition.warning .admonition-title::before { - content: "warning"; } + border-color: rgba(255, 145, 0, 0.4); + background: rgba(255, 145, 0, 0.15); } + .admonition.attention::before, .admonition.important::before, .admonition.warning::before { + content: "warning"; } .admonition.fail, .admonition.missing, .admonition.failure { - border-color: #ff5252; - background: rgba(255, 82, 82, 0.1); } - .admonition.fail .admonition-title, .admonition.missing .admonition-title, .admonition.failure .admonition-title { - color: #ff5252; } - .admonition.fail .admonition-title::before, .admonition.missing .admonition-title::before, .admonition.failure .admonition-title::before { - content: "clear"; } + border-color: rgba(255, 82, 82, 0.4); + background: rgba(255, 82, 82, 0.15); } + .admonition.fail::before, .admonition.missing::before, .admonition.failure::before { + content: "clear"; } .admonition.caution, .admonition.danger { - border-color: #ff1744; - background: rgba(255, 23, 68, 0.1); } - .admonition.caution .admonition-title, .admonition.danger .admonition-title { - color: #ff1744; } - .admonition.caution .admonition-title::before, .admonition.danger .admonition-title::before { - content: "flash_on"; } + border-color: rgba(255, 23, 68, 0.4); + background: rgba(255, 23, 68, 0.15); } + .admonition.caution::before, .admonition.danger::before { + content: "flash_on"; } .admonition.bug, .admonition.error { - border-color: #f50057; - background: rgba(245, 0, 87, 0.1); } - .admonition.bug .admonition-title, .admonition.error .admonition-title { - color: #f50057; } - .admonition.bug .admonition-title::before, .admonition.error .admonition-title::before { - content: "bug_report"; } + border-color: rgba(245, 0, 87, 0.4); + background: rgba(245, 0, 87, 0.15); } + .admonition.bug::before, .admonition.error::before { + content: "bug_report"; } -.codehilite .err, -.code .err { - color: #A61717; } - -.codehilite .o, -.code .o { +.codehilite .o { color: inherit; } -.codehilite .ge, -.code .ge { +.codehilite .ow { + color: inherit; } + +.codehilite .ge { color: #000000; } -.codehilite .gr, -.code .gr { +.codehilite .gr { color: #AA0000; } -.codehilite .gh, -.code .gh { +.codehilite .gh { color: #999999; } -.codehilite .go, -.code .go { +.codehilite .go { color: #888888; } -.codehilite .gp, -.code .gp { +.codehilite .gp { color: #555555; } -.codehilite .gs, -.code .gs { +.codehilite .gs { color: inherit; } -.codehilite .gu, -.code .gu { +.codehilite .gu { color: #AAAAAA; } -.codehilite .gt, -.code .gt { +.codehilite .gt { color: #AA0000; } -.codehilite .k, -.code .k { - color: #3B78E7; } - -.codehilite .kc, -.code .kc { - color: #A71D5D; } - -.codehilite .kd, -.code .kd { - color: #3B78E7; } - -.codehilite .kn, -.code .kn { - color: #3B78E7; } - -.codehilite .kp, -.code .kp { - color: #A71D5D; } - -.codehilite .kr, -.code .kr { - color: #3E61A2; } - -.codehilite .kt, -.code .kt { - color: #3E61A2; } - -.codehilite .c, -.code .c { - color: #999999; } - -.codehilite .cm, -.code .cm { - color: #999999; } - -.codehilite .cp, -.code .cp { - color: #666666; } - -.codehilite .c1, -.code .c1 { - color: #999999; } - -.codehilite .cs, -.code .cs { - color: #999999; } - -.codehilite .na, -.code .na { - color: #C2185B; } - -.codehilite .nb, -.code .nb { - color: #C2185B; } - -.codehilite .bp, -.code .bp { - color: #3E61A2; } - -.codehilite .nc, -.code .nc { - color: #C2185B; } - -.codehilite .no, -.code .no { - color: #3E61A2; } - -.codehilite .nd, -.code .nd { - color: #666666; } - -.codehilite .ni, -.code .ni { - color: #666666; } - -.codehilite .ne, -.code .ne { - color: #C2185B; } - -.codehilite .nf, -.code .nf { - color: #C2185B; } - -.codehilite .nl, -.code .nl { - color: #3B5179; } - -.codehilite .nn, -.code .nn { - color: #EC407A; } - -.codehilite .nt, -.code .nt { - color: #3B78E7; } - -.codehilite .nv, -.code .nv { - color: #3E61A2; } - -.codehilite .vc, -.code .vc { - color: #3E61A2; } - -.codehilite .vg, -.code .vg { - color: #3E61A2; } - -.codehilite .vi, -.code .vi { - color: #3E61A2; } - -.codehilite .nx, -.code .nx { - color: #EC407A; } - -.codehilite .ow, -.code .ow { - color: inherit; } - -.codehilite .m, -.code .m { - color: #E74C3C; } - -.codehilite .mf, -.code .mf { - color: #E74C3C; } - -.codehilite .mh, -.code .mh { - color: #E74C3C; } - -.codehilite .mi, -.code .mi { - color: #E74C3C; } - -.codehilite .il, -.code .il { - color: #E74C3C; } - -.codehilite .mo, -.code .mo { - color: #E74C3C; } - -.codehilite .s, -.code .s { - color: #0D904F; } - -.codehilite .sb, -.code .sb { - color: #0D904F; } - -.codehilite .sc, -.code .sc { - color: #0D904F; } - -.codehilite .sd, -.code .sd { - color: #999999; } - -.codehilite .s2, -.code .s2 { - color: #0D904F; } - -.codehilite .se, -.code .se { - color: #183691; } - -.codehilite .sh, -.code .sh { - color: #183691; } - -.codehilite .si, -.code .si { - color: #183691; } - -.codehilite .sx, -.code .sx { - color: #183691; } - -.codehilite .sr, -.code .sr { - color: #009926; } - -.codehilite .s1, -.code .s1 { - color: #0D904F; } - -.codehilite .ss, -.code .ss { - color: #0D904F; } - -.codehilite .gd, -.code .gd { +.codehilite .gd { background-color: #FFDDDD; } -.codehilite .gi, -.code .gi { +.codehilite .gi { background-color: #DDFFDD; } -.codehilite .w, -.code .w { +.codehilite .k { + color: #3B78E7; } + +.codehilite .kc { + color: #A71D5D; } + +.codehilite .kd { + color: #3B78E7; } + +.codehilite .kn { + color: #3B78E7; } + +.codehilite .kp { + color: #A71D5D; } + +.codehilite .kr { + color: #3E61A2; } + +.codehilite .kt { + color: #3E61A2; } + +.codehilite .c { + color: #999999; } + +.codehilite .cm { + color: #999999; } + +.codehilite .cp { + color: #666666; } + +.codehilite .c1 { + color: #999999; } + +.codehilite .ch { + color: #999999; } + +.codehilite .cs { + color: #999999; } + +.codehilite .na { + color: #C2185B; } + +.codehilite .nb { + color: #C2185B; } + +.codehilite .bp { + color: #3E61A2; } + +.codehilite .nc { + color: #C2185B; } + +.codehilite .no { + color: #3E61A2; } + +.codehilite .nd { + color: #666666; } + +.codehilite .ni { + color: #666666; } + +.codehilite .ne { + color: #C2185B; } + +.codehilite .nf { + color: #C2185B; } + +.codehilite .nl { + color: #3B5179; } + +.codehilite .nn { + color: #EC407A; } + +.codehilite .nt { + color: #3B78E7; } + +.codehilite .nv { + color: #3E61A2; } + +.codehilite .vc { + color: #3E61A2; } + +.codehilite .vg { + color: #3E61A2; } + +.codehilite .vi { + color: #3E61A2; } + +.codehilite .nx { + color: #EC407A; } + +.codehilite .m { + color: #E74C3C; } + +.codehilite .mf { + color: #E74C3C; } + +.codehilite .mh { + color: #E74C3C; } + +.codehilite .mi { + color: #E74C3C; } + +.codehilite .il { + color: #E74C3C; } + +.codehilite .mo { + color: #E74C3C; } + +.codehilite .s { + color: #0D904F; } + +.codehilite .sb { + color: #0D904F; } + +.codehilite .sc { + color: #0D904F; } + +.codehilite .sd { + color: #999999; } + +.codehilite .s2 { + color: #0D904F; } + +.codehilite .se { + color: #183691; } + +.codehilite .sh { + color: #183691; } + +.codehilite .si { + color: #183691; } + +.codehilite .sx { + color: #183691; } + +.codehilite .sr { + color: #009926; } + +.codehilite .s1 { + color: #0D904F; } + +.codehilite .ss { + color: #0D904F; } + +.codehilite .err { + color: #A61717; } + +.codehilite .w { color: transparent; } -.codehilite .hll, -.code .hll { +.codehilite .hll { display: block; margin: 0 -1.2rem; padding: 0 1.2rem; @@ -1042,26 +969,26 @@ hr { flex: 1; overflow: hidden; } -.footnote { +.md-typeset .footnote { color: rgba(0, 0, 0, 0.54); font-size: 80%; } - .footnote ol { + .md-typeset .footnote ol { margin-left: 0; } - .footnote li:hover .footnote-backref, - .footnote li:target .footnote-backref { + .md-typeset .footnote li:hover .footnote-backref, + .md-typeset .footnote li:target .footnote-backref { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } - .footnote li:hover .footnote-backref:hover, - .footnote li:target .footnote-backref { + .md-typeset .footnote li:hover .footnote-backref:hover, + .md-typeset .footnote li:target .footnote-backref { color: #536dfe; } - .footnote-ref::before { + .md-typeset .footnote-ref::before { position: absolute; margin-top: -8rem; padding-top: 8rem; content: ""; pointer-events: none; } - .footnote-backref { + .md-typeset .footnote-backref { position: absolute; -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem); @@ -1073,9 +1000,9 @@ hr { font-size: 2.0rem; opacity: 0; vertical-align: middle; } - .footnote-backref::first-letter { + .md-typeset .footnote-backref::first-letter { font-size: 0; } - .footnote-backref::after { + .md-typeset .footnote-backref::after { content: "keyboard_return"; } .md-typeset .headerlink { @@ -1299,8 +1226,7 @@ mark { margin: 1.0em -1.6rem; padding: 1.0rem 1.6rem; border-radius: 0; } - .codehilite .hll, - .code .hll{ + .codehilite .hll{ margin: 0 -1.6rem; padding: 0 1.6rem; } .md-typeset .codehilite{ diff --git a/material/assets/stylesheets/application.css.map b/material/assets/stylesheets/application.css.map deleted file mode 100644 index f8298f58b..000000000 --- a/material/assets/stylesheets/application.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["application.css","base/_reset.scss","base/_icons.scss","_config.scss","base/_typeset.scss","../../../node_modules/modularscale-sass/stylesheets/modular-scale/_calc.scss","../../../node_modules/material-design-color/material-color.scss","layout/_base.scss","layout/_content.scss","layout/_header.scss","../../../node_modules/material-shadows/material-shadows.scss","layout/_footer.scss","layout/_nav.scss","layout/_search.scss","layout/_sidebar.scss","layout/_source.scss","extensions/_admonition.scss","extensions/_codehilite.scss","extensions/_footnotes.scss","extensions/_permalinks.scss","_shame.scss","helpers/_break.scss"],"names":[],"mappings":"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","file":"application.css","sourcesContent":["@charset \"UTF-8\";\nhtml {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box; }\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n -moz-box-sizing: inherit;\n -webkit-box-sizing: inherit; }\n\nhtml {\n text-size-adjust: none; }\n\nbody {\n margin: 0; }\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nnav,\nsection {\n display: block; }\n\nhr {\n overflow: visible;\n box-sizing: content-box; }\n\na {\n color: inherit;\n text-decoration: none; }\n a:active, a:hover {\n outline-width: 0; }\n\na {\n -webkit-text-decoration-skip: objects; }\n\na,\nbutton,\nlabel,\ninput {\n -webkit-tap-highlight-color: transparent; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n position: relative;\n font-size: 80%;\n line-height: 0;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\nimg {\n border-style: none; }\n\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\ntd,\nth {\n font-weight: normal;\n text-align: left;\n vertical-align: top; }\n\nbutton {\n padding: 0;\n border: 0;\n outline: 0;\n background: transparent;\n font-size: inherit; }\n\ninput {\n border: 0;\n outline: 0; }\n\n.md-icon, .md-nav__title::before, .md-nav__link::after, .admonition-title::before, .footnote-backref, .md-search-term::before, .checklist li::before, .critic.comment::before {\n font-family: \"Material Icons\";\n font-style: normal;\n font-variant: normal;\n font-weight: normal;\n line-height: 1;\n text-transform: none;\n white-space: nowrap;\n speak: none;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n .md-header-nav__icon, .md-footer-nav__icon, .md-nav__title::before {\n display: inline-block;\n margin: 0.4rem;\n padding: 0.8rem;\n font-size: 2.4rem;\n cursor: pointer; }\n\n.md-icon--back::before {\n content: \"arrow_back\"; }\n\n.md-icon--forward::before {\n content: \"arrow_forward\"; }\n\nbody,\ninput {\n color: rgba(0, 0, 0, 0.87);\n font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n font-weight: 400;\n font-feature-settings: \"kern\", \"onum\", \"liga\";\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n .no-fontface body, .no-fontface\n input {\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif; }\n\npre,\ncode,\nkbd {\n color: rgba(0, 0, 0, 0.87);\n font-family: \"Roboto Mono\", \"Courier New\", Courier, monospace;\n font-weight: 400;\n font-feature-settings: \"kern\", \"onum\", \"liga\"; }\n .no-fontface pre, .no-fontface\n code, .no-fontface\n kbd {\n font-family: \"Courier New\", Courier, monospace; }\n\n.md-typeset {\n font-size: 1.6rem;\n line-height: 1.6; }\n .md-typeset p,\n .md-typeset ul,\n .md-typeset ol,\n .md-typeset blockquote {\n margin: 1.0em 0; }\n .md-typeset h1 {\n margin: 0 0 4.0rem;\n color: rgba(0, 0, 0, 0.54);\n font-size: 3.125rem;\n font-weight: 300;\n letter-spacing: -0.01em;\n line-height: 1.3; }\n .md-typeset h2 {\n margin: 4.0rem 0 1.6rem;\n font-size: 2.5rem;\n font-weight: 300;\n letter-spacing: -0.01em;\n line-height: 1.4; }\n .md-typeset h3 {\n margin: 3.2rem 0 1.6rem;\n font-size: 2rem;\n font-weight: 400;\n letter-spacing: -0.01em;\n line-height: 1.5; }\n .md-typeset h2 + h3 {\n margin-top: 1.6rem; }\n .md-typeset h4 {\n margin: 1.6rem 0;\n font-size: 1.6rem;\n font-weight: 700;\n letter-spacing: -0.01em; }\n .md-typeset h5,\n .md-typeset h6 {\n margin: 1.6rem 0;\n color: rgba(0, 0, 0, 0.54);\n font-size: 1.28rem;\n font-weight: 700;\n letter-spacing: -0.01em; }\n .md-typeset h5 {\n text-transform: uppercase; }\n .md-typeset hr {\n margin: 2.4rem 0;\n border-bottom: 0.1rem dotted rgba(0, 0, 0, 0.26); }\n .md-typeset a {\n color: #3f51b5; }\n .md-typeset a, .md-typeset a::before {\n transition: color 0.125s; }\n .md-typeset a:hover, .md-typeset a:active {\n color: #536dfe; }\n .md-typeset code {\n margin: 0 0.4rem;\n padding: 0.1rem 0;\n border-radius: 0.2rem;\n background: rgba(0, 0, 0, 0.035);\n color: #37474F;\n font-size: 85%;\n box-shadow: 0.4rem 0 0 rgba(0, 0, 0, 0.035), -0.4rem 0 0 rgba(0, 0, 0, 0.035);\n word-break: break-word;\n box-decoration-break: clone; }\n .md-typeset h1 code,\n .md-typeset h2 code,\n .md-typeset h3 code,\n .md-typeset h4 code,\n .md-typeset h5 code,\n .md-typeset h6 code {\n margin: 0;\n background: transparent;\n box-shadow: none; }\n .md-typeset pre {\n margin: 1.0em 0;\n padding: 1.0rem 1.2rem;\n border-radius: 0.2rem;\n background: rgba(0, 0, 0, 0.035);\n color: #37474F;\n font-size: 85%;\n line-height: 1.4;\n overflow: auto;\n -webkit-overflow-scrolling: touch; }\n .md-typeset pre > code {\n font-size: inherit; }\n @media only screen and (max-width: 44.9375em) {\n .md-typeset > div > pre,\n .md-typeset > pre > code {\n margin: 1.0em -1.6rem;\n padding: 1.0rem 1.6rem;\n border-radius: 0; } }\n .md-typeset > div > pre::-webkit-scrollbar,\n .md-typeset > pre > code::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem; }\n .md-typeset > div > pre::-webkit-scrollbar-thumb,\n .md-typeset > pre > code::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.26); }\n .md-typeset kbd {\n display: inline-block;\n padding: 0.4rem 0.5rem 0.5rem;\n border: 0.1rem solid #c9c9c9;\n border-radius: 0.2rem;\n border-bottom-color: #bcbcbc;\n background-color: #FCFCFC;\n color: #555555;\n font-size: 85%;\n line-height: 1.0rem;\n box-shadow: 0 -0.1rem 0 #b0b0b0 inset;\n vertical-align: 0.1rem;\n word-break: break-word; }\n .md-typeset small {\n opacity: 0.75; }\n .md-typeset sup,\n .md-typeset sub {\n margin-left: 0.1rem; }\n .md-typeset blockquote {\n padding-left: 1.2rem;\n border-left: 0.4rem solid rgba(0, 0, 0, 0.26);\n color: rgba(0, 0, 0, 0.54); }\n .md-typeset ul {\n list-style-type: disc; }\n .md-typeset ol ol {\n list-style-type: lower-alpha; }\n .md-typeset ol ol ol {\n list-style-type: lower-roman; }\n .md-typeset ul,\n .md-typeset ol {\n margin-left: 1.0rem;\n padding: 0; }\n .md-typeset ul li,\n .md-typeset ol li {\n margin-bottom: 0.5em;\n margin-left: 2.0rem; }\n .md-typeset ul li p,\n .md-typeset ul li blockquote,\n .md-typeset ol li p,\n .md-typeset ol li blockquote {\n margin: 0.5em 0; }\n .md-typeset ul li:last-child,\n .md-typeset ol li:last-child {\n margin-bottom: 0; }\n .md-typeset ul li ul,\n .md-typeset ul li ol,\n .md-typeset ol li ul,\n .md-typeset ol li ol {\n margin-bottom: 1.0rem;\n margin-left: 1.0rem;\n padding-top: 1.0rem; }\n\nhtml {\n height: 100%;\n font-size: 62.5%; }\n @media only screen and (min-width: 100em) {\n html {\n font-size: 68.75%; } }\n @media only screen and (min-width: 125em) {\n html {\n font-size: 75%; } }\n\nbody {\n position: relative;\n min-height: 100%; }\n body[data-md-locked] {\n height: 100%;\n overflow: hidden; }\n\nhr {\n display: block;\n height: 0.1rem;\n padding: 0;\n border: 0; }\n\n.md-grid {\n max-width: 120.0rem;\n margin-right: auto;\n margin-left: auto; }\n\n.md-container,\n.md-main {\n overflow: auto; }\n\n.md-main {\n margin-top: 5.6rem; }\n .md-main__inner {\n margin-top: 3rem;\n margin-bottom: 9.2rem;\n overflow: auto; }\n\n.md-toggle {\n display: none; }\n\n.md-overlay {\n position: fixed;\n top: 0;\n width: 0;\n height: 0;\n transition: width 0s 0.25s, height 0s 0.25s, opacity 0.25s;\n background: rgba(0, 0, 0, 0.54);\n opacity: 0;\n z-index: 2; }\n @media only screen and (max-width: 74.9375em) {\n .md-toggle--drawer:checked ~ .md-overlay {\n width: 100%;\n height: 100%;\n transition: width 0s, height 0s, opacity 0.25s;\n opacity: 1; } }\n\n.md-flex {\n display: table; }\n .md-flex__cell {\n display: table-cell;\n position: relative;\n vertical-align: top; }\n .md-flex__cell--shrink {\n width: 0%; }\n .md-flex__cell--stretch {\n display: table;\n width: 100%;\n table-layout: fixed; }\n .md-flex__ellipsis {\n display: table-cell;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; }\n\n@media only screen and (min-width: 60em) {\n .md-content {\n margin-right: 24.2rem; } }\n\n@media only screen and (min-width: 75em) {\n .md-content {\n margin-left: 24.2rem; } }\n\n.md-content__inner {\n margin: 2.4rem 1.6rem; }\n @media only screen and (min-width: 75em) {\n .md-content__inner {\n margin: 2.4rem; } }\n\n.md-content__copyright {\n display: block; }\n\n.md-header {\n 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);\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n height: 5.6rem;\n background: #3f51b5;\n color: white;\n z-index: 1; }\n\n.md-header-nav {\n padding: 0.4rem; }\n .md-header-nav__icon {\n position: relative;\n transition: opacity 0.25s;\n z-index: 1; }\n .md-header-nav__icon:hover {\n opacity: 0.7; }\n .no-js .md-header-nav__icon--search {\n display: none; }\n @media only screen and (min-width: 60em) {\n .md-header-nav__icon--search {\n display: none; } }\n @media only screen and (max-width: 74.9375em) {\n .md-header-nav__icon--home {\n display: none; } }\n @media only screen and (min-width: 75em) {\n .md-header-nav__icon--menu {\n display: none; } }\n .md-header-nav__title {\n padding: 0 2.0rem;\n font-size: 1.8rem;\n line-height: 4.8rem; }\n .md-header-nav__source {\n display: none; }\n @media only screen and (min-width: 60em) {\n .md-header-nav__source {\n display: block;\n width: 23.0rem;\n max-width: 23.0rem;\n padding-right: 1.2rem; } }\n\n.md-footer {\n position: absolute;\n bottom: 0;\n width: 100%; }\n\n.md-footer-pagination {\n background: rgba(0, 0, 0, 0.87);\n color: white; }\n\n.md-footer-nav {\n padding: 0.4rem;\n overflow: auto; }\n .md-footer-nav__link {\n padding-top: 2.8rem;\n padding-bottom: 0.8rem;\n transition: opacity 0.25s; }\n @media only screen and (min-width: 30em) {\n .md-footer-nav__link {\n width: 50%; } }\n .md-footer-nav__link:hover {\n opacity: 0.7; }\n .md-footer-nav__link--prev {\n width: 25%;\n float: left; }\n @media only screen and (max-width: 29.9375em) {\n .md-footer-nav__link--prev .md-footer-nav__title {\n display: none; } }\n .md-footer-nav__link--next {\n width: 75%;\n float: right;\n text-align: right; }\n .md-footer-nav__icon {\n transition: background 0.25s; }\n .md-footer-nav__title {\n position: relative;\n padding: 0 0.4rem;\n font-size: 1.8rem;\n line-height: 4.8rem; }\n .md-footer-nav__direction {\n position: absolute;\n right: 0;\n left: 0;\n margin-top: -2.0rem;\n padding: 0 0.4rem;\n color: rgba(255, 255, 255, 0.7);\n font-size: 1.5rem; }\n\n.md-nav {\n font-size: 1.28rem;\n line-height: 1.3; }\n .md-nav--secondary {\n border-left: 0.4rem solid #3f51b5; }\n .md-nav__title {\n display: block;\n padding: 1.2rem 1.2rem 0;\n font-weight: 700;\n text-overflow: ellipsis;\n overflow: hidden; }\n .md-nav__title::before {\n display: none;\n content: \"arrow_back\"; }\n .md-nav__list {\n margin: 0;\n padding: 0;\n list-style: none; }\n .md-nav__item {\n padding: 0.625em 1.2rem 0; }\n .md-nav__item:last-child {\n padding-bottom: 1.2rem; }\n .md-nav__item .md-nav__item {\n padding-right: 0; }\n .md-nav__item .md-nav__item:last-child {\n padding-bottom: 0; }\n .md-nav__link {\n display: block;\n transition: color 0.125s;\n text-overflow: ellipsis;\n cursor: pointer;\n overflow: hidden; }\n .md-nav__item--nested > .md-nav__link::after {\n content: \"expand_more\"; }\n html .md-nav__link[for=\"toc\"] {\n display: none; }\n html .md-nav__link[for=\"toc\"] ~ .md-nav {\n display: none; }\n html .md-nav__link[for=\"toc\"] + .md-nav__link::after {\n display: none; }\n .md-nav__link[data-md-marked] {\n color: rgba(0, 0, 0, 0.54); }\n .md-nav__link:hover, .md-nav__link:active, .md-nav__link--active {\n color: #536dfe; }\n .md-nav__source {\n display: none; }\n @media only screen and (max-width: 74.9375em) {\n .md-nav--primary,\n .md-nav--primary .md-nav {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n flex-direction: column;\n height: 100%;\n z-index: 1; }\n .md-nav--primary {\n background: white; }\n .md-nav--primary .md-nav__toggle ~ .md-nav {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);\n left: 0.4rem;\n background: white; }\n html .md-nav--primary .md-nav__title {\n position: relative;\n padding: 0.4rem 1.6rem 0.4rem 5.6rem;\n background: rgba(0, 0, 0, 0.07);\n color: rgba(0, 0, 0, 0.54);\n font-size: 1.8rem;\n font-weight: 400;\n line-height: 4.8rem;\n white-space: nowrap;\n cursor: pointer; }\n html .md-nav--primary .md-nav__title::before {\n display: block;\n position: absolute;\n left: 0.4rem;\n width: 4.0rem;\n height: 4.0rem;\n color: rgba(0, 0, 0, 0.54); }\n html .md-nav--primary .md-nav__title ~ .md-nav__list > .md-nav__item:first-child {\n border-top: 0; }\n .md-nav--primary .md-nav__list {\n flex: 1;\n overflow-y: scroll; }\n .md-nav--primary .md-nav__item {\n padding: 0;\n border-top: 0.1rem solid rgba(0, 0, 0, 0.07); }\n .md-nav--primary .md-nav__item--nested > .md-nav__link {\n padding-right: 4.8rem; }\n .md-nav--primary .md-nav__link {\n position: relative;\n padding: 1.6rem; }\n .md-nav--primary .md-nav__link::after {\n position: absolute;\n top: 50%;\n right: 1.2rem;\n transform: translateY(-50%) rotate(-90deg);\n transition: inherit;\n color: rgba(0, 0, 0, 0.54);\n font-size: 2.4rem; }\n .md-nav--primary .md-nav__link:hover::after {\n color: #536dfe; }\n .md-nav--primary .md-nav--secondary .md-nav {\n position: static; }\n .md-nav--primary .md-nav--secondary .md-nav .md-nav__link {\n padding-left: 2.8rem; }\n .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link {\n padding-left: 4.0rem; }\n .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link {\n padding-left: 5.2rem; }\n .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link {\n padding-left: 6.4rem; }\n .md-nav__toggle ~ .md-nav {\n display: none; }\n .csstransforms3d .md-nav__toggle ~ .md-nav {\n display: block;\n transform: translateX(100%);\n transition: transform 0.25s cubic-bezier(0.8, 0, 0.6, 1), opacity 0.125s 0.05s;\n opacity: 0; }\n .md-nav__toggle:checked ~ .md-nav {\n display: block; }\n .csstransforms3d .md-nav__toggle:checked ~ .md-nav {\n transform: translateX(0);\n transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.125s 0.125s;\n opacity: 1; }\n .md-nav .md-nav__title,\n .md-nav .md-nav__item {\n font-size: 1.6rem;\n line-height: 1.4; } }\n @media only screen and (max-width: 59.9375em) {\n .md-nav--secondary {\n border-left: 0; }\n html .md-nav__link[for=\"toc\"] {\n display: block; }\n html .md-nav__link[for=\"toc\"]::after {\n transform: translateY(-50%);\n color: #536dfe;\n content: \"toc\"; }\n html .md-nav__link[for=\"toc\"] + .md-nav__link {\n display: none; }\n html .md-nav__link[for=\"toc\"] ~ .md-nav {\n display: flex; }\n .md-nav__source {\n display: block;\n padding: 0.4rem;\n background: rgba(0, 0, 0, 0.87);\n color: white; } }\n @media only screen and (min-width: 75em) {\n .md-nav.md-nav--transitioning {\n transition: max-height 0.25s cubic-bezier(0.86, 0, 0.07, 1); }\n .md-nav__toggle ~ .md-nav {\n max-height: 0;\n overflow: hidden; }\n .md-nav__toggle:checked ~ .md-nav, .md-nav.md-nav--toggled {\n max-height: 100%; }\n .md-nav__title + .md-nav__list .md-nav__title {\n display: none; }\n .md-nav__item--nested > .md-nav__link::after {\n display: inline-block;\n transform-origin: 0.45em 0.45em;\n transform-style: preserve-3d;\n vertical-align: -0.125em; }\n .js .md-nav__item--nested > .md-nav__link::after {\n transition: transform 0.4s; }\n .md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link::after {\n transform: rotateX(180deg); } }\n\n.no-js .md-search {\n display: none; }\n\n@media only screen and (min-width: 60em) {\n .md-search {\n padding: 0.4rem;\n padding-right: 3.2rem; } }\n\n.md-search__overlay {\n display: none;\n pointer-events: none; }\n @media only screen and (max-width: 59.9375em) {\n .md-search__overlay {\n display: block;\n position: absolute;\n top: 0.4rem;\n left: 0.4rem;\n width: 4.0rem;\n height: 4.0rem;\n transform-origin: center;\n transition: transform 0.3s 0.1s, opacity 0.2s 0.2s;\n border-radius: 2.0rem;\n background: white;\n opacity: 0;\n overflow: hidden;\n z-index: 1; }\n .md-toggle--search:checked ~ .md-header .md-search__overlay {\n transition: transform 0.4s, opacity 0.1s;\n opacity: 1; } }\n @media only screen and (max-width: 29.9375em) {\n .md-toggle--search:checked ~ .md-header .md-search__overlay {\n transform: scale(45); } }\n @media only screen and (min-width: 30em) and (max-width: 44.9375em) {\n .md-toggle--search:checked ~ .md-header .md-search__overlay {\n transform: scale(60); } }\n @media only screen and (min-width: 45em) and (max-width: 59.9375em) {\n .md-toggle--search:checked ~ .md-header .md-search__overlay {\n transform: scale(75); } }\n\n.md-search__inner {\n width: 100%; }\n @media only screen and (max-width: 59.9375em) {\n .md-search__inner {\n position: fixed;\n top: 0;\n left: 100%;\n height: 100%;\n transform: translateX(5%);\n transition: left 0s 0.3s, transform 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s 0.15s;\n opacity: 0;\n z-index: 2; }\n .md-toggle--search:checked ~ .md-header .md-search__inner {\n left: 0;\n transform: translateX(0);\n transition: left 0s 0s, transform 0.15s 0.15s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.15s 0.15s;\n opacity: 1; } }\n @media only screen and (min-width: 60em) {\n .md-search__inner {\n position: relative; } }\n\n@media only screen and (min-width: 60em) {\n .md-search__form {\n width: 23.0rem;\n transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);\n border-radius: 0.2rem; }\n [data-md-locked] .md-search__form {\n width: 66.8rem; } }\n\n.md-search__icon {\n position: absolute;\n top: 0.8rem;\n left: 1.2rem;\n transition: color 0.25s;\n font-size: 2.4rem;\n cursor: pointer; }\n .md-search__icon::before {\n content: \"search\"; }\n @media only screen and (max-width: 59.9375em) {\n .md-search__icon {\n top: 1.6rem;\n left: 1.6rem; }\n .md-search__icon::before {\n content: \"arrow_back\"; } }\n\n.md-search__input {\n padding: 0 1.6rem 0 7.2rem;\n text-overflow: ellipsis; }\n .md-search__input + .md-search__icon, .md-search__input::placeholder {\n color: rgba(0, 0, 0, 0.54); }\n @media only screen and (max-width: 59.9375em) {\n .md-search__input {\n width: 100%;\n height: 5.6rem;\n font-size: 1.8rem; } }\n @media only screen and (min-width: 60em) {\n .md-search__input {\n width: 100%;\n height: 4.0rem;\n padding-left: 4.8rem;\n transition: background-color 0.25s, color 0.25s;\n border-radius: 0.2rem;\n background: rgba(0, 0, 0, 0.26);\n color: white;\n font-size: 1.6rem; }\n .md-search__input + .md-search__icon, .md-search__input::placeholder {\n transition: color 0.25s;\n color: white; }\n .md-search__input:hover {\n background: rgba(255, 255, 255, 0.12); }\n [data-md-locked] .md-search__input {\n border-radius: 0.2rem 0.2rem 0 0;\n background: white;\n color: rgba(0, 0, 0, 0.87);\n text-overflow: none; }\n [data-md-locked] .md-search__input + .md-search__icon, [data-md-locked] .md-search__input::placeholder {\n color: rgba(0, 0, 0, 0.54); } }\n\n.md-sidebar {\n position: relative;\n width: 24.2rem;\n float: left;\n overflow: visible; }\n .md-sidebar[data-md-locked] {\n position: fixed;\n top: 5.6rem; }\n .md-sidebar--primary {\n backface-visibility: hidden; }\n @media only screen and (max-width: 74.9375em) {\n .md-sidebar--primary {\n position: fixed;\n top: 0;\n left: -24.2rem;\n width: 24.2rem;\n height: 100%;\n transform: translateX(0);\n transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s;\n background: white;\n z-index: 2; }\n .no-csstransforms3d .md-sidebar--primary {\n display: none; }\n .md-toggle--drawer:checked ~ .md-container .md-sidebar--primary {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);\n transform: translateX(24.2rem); }\n .no-csstransforms3d .md-toggle--drawer:checked ~ .md-container .md-sidebar--primary {\n display: block; }\n .md-sidebar--primary .md-sidebar__scrollwrap {\n overflow: hidden; } }\n .md-sidebar--secondary {\n display: none; }\n @media only screen and (min-width: 60em) {\n .md-sidebar--secondary {\n display: block;\n float: right; }\n .md-sidebar--secondary[data-md-locked] {\n margin-left: 100%;\n transform: translate(-100%, 0); } }\n @media only screen and (min-width: 60em) and (min-width: 75em) {\n .md-sidebar--secondary[data-md-locked] {\n margin-left: 120.0rem; } }\n .md-sidebar__scrollwrap {\n margin: 2.4rem 0.4rem;\n overflow-y: scroll; }\n @media only screen and (max-width: 74.9375em) {\n .md-sidebar--primary .md-sidebar__scrollwrap {\n margin: 0; } }\n .js .md-sidebar__scrollwrap {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0; }\n .md-sidebar__scrollwrap::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem; }\n .md-sidebar__scrollwrap::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.26); }\n .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {\n background-color: #536dfe; }\n @media only screen and (min-width: 75em) {\n .md-sidebar__inner {\n border-right: 0.1rem solid rgba(0, 0, 0, 0.07); } }\n\n.md-source {\n display: block;\n transition: opacity 0.25s;\n font-size: 1.3rem;\n line-height: 1.2;\n white-space: nowrap; }\n .md-source:hover {\n opacity: 0.7; }\n .md-source::before {\n display: inline-block;\n height: 4.8rem;\n content: \"\";\n vertical-align: middle; }\n .md-source--bitbucket::before, .md-source--github::before, .md-source--gitlab::before {\n width: 4.8rem;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 2.4rem 2.4rem; }\n .md-source--bitbucket .md-source__repository, .md-source--github .md-source__repository, .md-source--gitlab .md-source__repository {\n margin-left: -4.4rem;\n padding-left: 4.0rem; }\n .md-source--bitbucket::before {\n background-image: url(\"../images/icons/bitbucket-white.svg\"); }\n .md-source--github::before {\n background-image: url(\"../images/icons/github-white.svg\"); }\n .md-source--gitlab::before {\n background-image: url(\"../images/icons/gitlab-white.svg\"); }\n .md-source__repository {\n display: inline-block;\n max-width: 100%;\n margin-left: 0.8rem;\n font-weight: 700;\n text-overflow: ellipsis;\n overflow: hidden;\n vertical-align: middle; }\n .md-source__facts {\n margin: 0;\n padding: 0;\n font-size: 1.1rem;\n font-weight: 700;\n opacity: 0.75;\n list-style-type: none; }\n .md-source__fact {\n float: left;\n transform: translateY(0%);\n transition: transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.25s;\n opacity: 1; }\n .md-source__fact--hidden {\n transform: translateY(100%);\n opacity: 0; }\n .md-source__fact::before {\n margin: 0 0.2rem;\n content: \"\\00B7\"; }\n .md-source__fact:first-child::before {\n display: none; }\n\n.admonition {\n margin: 2.0rem 0;\n padding: 0.8rem 1.2rem;\n border-left: 0.4rem solid #448aff;\n border-radius: 0 0.2rem 0.2rem 0;\n background: rgba(68, 138, 255, 0.05); }\n .admonition-title {\n color: #2979ff;\n font-size: 1.28rem;\n font-weight: 700;\n line-height: 2;\n text-transform: uppercase; }\n html .admonition-title {\n margin-bottom: 0; }\n html .admonition-title + * {\n margin-top: 0; }\n .admonition-title::before {\n margin-right: 0.45em;\n font-size: 2.0rem;\n content: \"edit\";\n vertical-align: -0.25em; }\n .admonition :first-child {\n margin-top: 0; }\n .admonition :last-child {\n margin-bottom: 0; }\n .admonition.tldr, .admonition.summary {\n border-color: #00b0ff;\n background: rgba(0, 176, 255, 0.05); }\n .admonition.tldr .admonition-title, .admonition.summary .admonition-title {\n color: #00b0ff; }\n .admonition.tldr .admonition-title::before, .admonition.summary .admonition-title::before {\n content: \"subject\"; }\n .admonition.idea, .admonition.tip {\n border-color: #00bfa5;\n background: rgba(0, 191, 165, 0.05); }\n .admonition.idea .admonition-title, .admonition.tip .admonition-title {\n color: #00bfa5; }\n .admonition.idea .admonition-title::before, .admonition.tip .admonition-title::before {\n content: \"whatshot\"; }\n .admonition.check, .admonition.done, .admonition.success {\n border-color: #00e676;\n background: rgba(0, 230, 118, 0.05); }\n .admonition.check .admonition-title, .admonition.done .admonition-title, .admonition.success .admonition-title {\n color: #00e676; }\n .admonition.check .admonition-title::before, .admonition.done .admonition-title::before, .admonition.success .admonition-title::before {\n content: \"done\"; }\n .admonition.attention, .admonition.important, .admonition.warning {\n border-color: #ff9100;\n background: rgba(255, 145, 0, 0.05); }\n .admonition.attention .admonition-title, .admonition.important .admonition-title, .admonition.warning .admonition-title {\n color: #ff9100; }\n .admonition.attention .admonition-title::before, .admonition.important .admonition-title::before, .admonition.warning .admonition-title::before {\n content: \"warning\"; }\n .admonition.fail, .admonition.missing, .admonition.failure {\n border-color: #ff5252;\n background: rgba(255, 82, 82, 0.05); }\n .admonition.fail .admonition-title, .admonition.missing .admonition-title, .admonition.failure .admonition-title {\n color: #ff5252; }\n .admonition.fail .admonition-title::before, .admonition.missing .admonition-title::before, .admonition.failure .admonition-title::before {\n content: \"clear\"; }\n .admonition.caution, .admonition.danger {\n border-color: #ff1744;\n background: rgba(255, 23, 68, 0.05); }\n .admonition.caution .admonition-title, .admonition.danger .admonition-title {\n color: #ff1744; }\n .admonition.caution .admonition-title::before, .admonition.danger .admonition-title::before {\n content: \"flash_on\"; }\n .admonition.bug, .admonition.error {\n border-color: #f50057;\n background: rgba(245, 0, 87, 0.05); }\n .admonition.bug .admonition-title, .admonition.error .admonition-title {\n color: #f50057; }\n .admonition.bug .admonition-title::before, .admonition.error .admonition-title::before {\n content: \"bug_report\"; }\n\n.codehilite .err,\n.code .err {\n color: #A61717; }\n\n.codehilite .o,\n.code .o {\n color: inherit; }\n\n.codehilite .ge,\n.code .ge {\n color: #000000; }\n\n.codehilite .gr,\n.code .gr {\n color: #AA0000; }\n\n.codehilite .gh,\n.code .gh {\n color: #999999; }\n\n.codehilite .go,\n.code .go {\n color: #888888; }\n\n.codehilite .gp,\n.code .gp {\n color: #555555; }\n\n.codehilite .gs,\n.code .gs {\n color: inherit; }\n\n.codehilite .gu,\n.code .gu {\n color: #AAAAAA; }\n\n.codehilite .gt,\n.code .gt {\n color: #AA0000; }\n\n.codehilite .k,\n.code .k {\n color: #3B78E7; }\n\n.codehilite .kc,\n.code .kc {\n color: #A71D5D; }\n\n.codehilite .kd,\n.code .kd {\n color: #3B78E7; }\n\n.codehilite .kn,\n.code .kn {\n color: #3B78E7; }\n\n.codehilite .kp,\n.code .kp {\n color: #A71D5D; }\n\n.codehilite .kr,\n.code .kr {\n color: #3E61A2; }\n\n.codehilite .kt,\n.code .kt {\n color: #3E61A2; }\n\n.codehilite .c,\n.code .c {\n color: #999999; }\n\n.codehilite .cm,\n.code .cm {\n color: #999999; }\n\n.codehilite .cp,\n.code .cp {\n color: #666666; }\n\n.codehilite .c1,\n.code .c1 {\n color: #999999; }\n\n.codehilite .cs,\n.code .cs {\n color: #999999; }\n\n.codehilite .na,\n.code .na {\n color: #C2185B; }\n\n.codehilite .nb,\n.code .nb {\n color: #C2185B; }\n\n.codehilite .bp,\n.code .bp {\n color: #3E61A2; }\n\n.codehilite .nc,\n.code .nc {\n color: #C2185B; }\n\n.codehilite .no,\n.code .no {\n color: #3E61A2; }\n\n.codehilite .nd,\n.code .nd {\n color: #666666; }\n\n.codehilite .ni,\n.code .ni {\n color: #666666; }\n\n.codehilite .ne,\n.code .ne {\n color: #C2185B; }\n\n.codehilite .nf,\n.code .nf {\n color: #C2185B; }\n\n.codehilite .nl,\n.code .nl {\n color: #3B5179; }\n\n.codehilite .nn,\n.code .nn {\n color: #EC407A; }\n\n.codehilite .nt,\n.code .nt {\n color: #3B78E7; }\n\n.codehilite .nv,\n.code .nv {\n color: #3E61A2; }\n\n.codehilite .vc,\n.code .vc {\n color: #3E61A2; }\n\n.codehilite .vg,\n.code .vg {\n color: #3E61A2; }\n\n.codehilite .vi,\n.code .vi {\n color: #3E61A2; }\n\n.codehilite .nx,\n.code .nx {\n color: #EC407A; }\n\n.codehilite .ow,\n.code .ow {\n color: inherit; }\n\n.codehilite .m,\n.code .m {\n color: #E74C3C; }\n\n.codehilite .mf,\n.code .mf {\n color: #E74C3C; }\n\n.codehilite .mh,\n.code .mh {\n color: #E74C3C; }\n\n.codehilite .mi,\n.code .mi {\n color: #E74C3C; }\n\n.codehilite .il,\n.code .il {\n color: #E74C3C; }\n\n.codehilite .mo,\n.code .mo {\n color: #E74C3C; }\n\n.codehilite .s,\n.code .s {\n color: #0D904F; }\n\n.codehilite .sb,\n.code .sb {\n color: #0D904F; }\n\n.codehilite .sc,\n.code .sc {\n color: #0D904F; }\n\n.codehilite .sd,\n.code .sd {\n color: #999999; }\n\n.codehilite .s2,\n.code .s2 {\n color: #0D904F; }\n\n.codehilite .se,\n.code .se {\n color: #183691; }\n\n.codehilite .sh,\n.code .sh {\n color: #183691; }\n\n.codehilite .si,\n.code .si {\n color: #183691; }\n\n.codehilite .sx,\n.code .sx {\n color: #183691; }\n\n.codehilite .sr,\n.code .sr {\n color: #009926; }\n\n.codehilite .s1,\n.code .s1 {\n color: #0D904F; }\n\n.codehilite .ss,\n.code .ss {\n color: #0D904F; }\n\n.codehilite .gd,\n.code .gd {\n background-color: #FFDDDD; }\n\n.codehilite .gi,\n.code .gi {\n background-color: #DDFFDD; }\n\n.codehilite .w,\n.code .w {\n color: transparent; }\n\n.footnote {\n color: rgba(0, 0, 0, 0.54);\n font-size: 80%; }\n .footnote ol {\n margin-left: 0; }\n .footnote li:hover .footnote-backref,\n .footnote li:target .footnote-backref {\n transform: translateX(0);\n opacity: 1; }\n .footnote li:hover .footnote-backref:hover,\n .footnote li:target .footnote-backref {\n color: #536dfe; }\n .footnote-ref::before {\n position: absolute;\n margin-top: -8rem;\n padding-top: 8rem;\n content: \"\";\n pointer-events: none; }\n .footnote-backref {\n position: absolute;\n transform: translateX(0.5rem);\n transition: transform 0.25s 0.125s, color 0.25s, opacity 0.125s 0.125s;\n color: rgba(0, 0, 0, 0.26);\n font-size: 2.0rem;\n opacity: 0;\n vertical-align: middle; }\n .footnote-backref::first-letter {\n font-size: 0; }\n .footnote-backref::after {\n content: \"keyboard_return\"; }\n\n.md-typeset .headerlink {\n display: inline-block;\n margin-left: 1.0rem;\n transform: translate(0, 0.5rem);\n transition: transform 0.25s 0.25s, color 0.25s, opacity 0.125s 0.25s;\n color: rgba(0, 0, 0, 0.26);\n opacity: 0; }\n\n.md-typeset [id]:hover .headerlink,\n.md-typeset [id]:target .headerlink,\n.md-typeset [id] .headerlink:focus {\n transform: translate(0, 0);\n opacity: 1; }\n\n.md-typeset [id]:hover .headerlink:hover,\n.md-typeset [id]:target .headerlink,\n.md-typeset [id] .headerlink:focus {\n color: #536dfe; }\n\n.md-typeset h1[id]::before {\n display: block;\n margin-top: -11rem;\n padding-top: 11rem;\n content: \"\"; }\n\n.md-typeset h2[id]::before {\n display: block;\n margin-top: -8.2rem;\n padding-top: 8.2rem;\n content: \"\"; }\n\n.md-typeset h3[id]::before {\n display: block;\n margin-top: -8.4rem;\n padding-top: 8.4rem;\n content: \"\"; }\n\n.md-typeset h4[id]::before {\n display: block;\n margin-top: -8.6rem;\n padding-top: 8.6rem;\n content: \"\"; }\n\n.md-typeset h5[id]::before {\n display: block;\n margin-top: -9rem;\n padding-top: 9rem;\n content: \"\"; }\n\n.md-typeset h6[id]::before {\n display: block;\n margin-top: -9rem;\n padding-top: 9rem;\n content: \"\"; }\n\n.md-search__output {\n overflow-y: auto;\n width: 100%;\n opacity: 0;\n transition: opacity .4s, max-height .4s;\n text-align: left;\n z-index: -1; }\n [data-md-locked] .md-search__output {\n opacity: 1; }\n\n@media only screen and (max-width: 59.9375em) {\n .md-search__output {\n position: absolute;\n top: 5.6rem;\n bottom: 0;\n background: linear-gradient(white 10%, rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.125) 20%, transparent 60%);\n background-repeat: no-repeat;\n background-color: white;\n background-size: 100% 20px, 100% 10px;\n background-attachment: local, scroll; }\n .md-search-result__link {\n padding: 0 1.6rem; }\n .md-search-result__meta {\n padding-left: 1.6rem;\n border-top: 0.1rem solid rgba(0, 0, 0, 0.07); } }\n\n@media only screen and (min-width: 60em) {\n .md-search__output {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);\n background: white;\n border-top: 0.1rem solid rgba(0, 0, 0, 0.07);\n border-radius: 0 0 0.3rem 0.3rem;\n position: absolute;\n max-height: 0vh;\n background: linear-gradient(white 10%, rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 20%, transparent 60%);\n background-repeat: no-repeat;\n background-color: white;\n background-size: 100% 20px, 100% 5px;\n /* Opera doesn't support this in the shorthand */\n background-attachment: local, scroll; }\n [data-md-locked] .md-search__output {\n max-height: 75vh; }\n .md-search__output::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem; }\n .md-search__output::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.26); }\n .md-search__output::-webkit-scrollbar-thumb:hover {\n background-color: #536dfe; } }\n\n.md-search-result__meta {\n color: rgba(0, 0, 0, 0.54);\n padding-left: 4.8rem;\n padding-right: 1.6rem;\n line-height: 4.0rem;\n font-size: 1.28rem; }\n\n.md-search-result__list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n border-top: 0.1rem solid rgba(0, 0, 0, 0.07); }\n\n.md-search-result__link {\n overflow: auto;\n display: block;\n padding-left: 4.8rem;\n padding-right: 1.6rem;\n transition: background 0.25s; }\n .md-search-result__link:hover {\n background: rgba(83, 109, 254, 0.1); }\n\n.md-search-result__title {\n color: rgba(0, 0, 0, 0.87);\n font-size: 1.6rem;\n line-height: 1.4;\n margin-top: 0.5em; }\n\n.md-search-result__description {\n color: rgba(0, 0, 0, 0.54);\n font-size: 1.28rem;\n line-height: 1.4;\n margin: 0.5em 0; }\n\n@media only screen and (max-width: 44.9375em) {\n .md-search__suggest {\n position: relative;\n z-index: 2; } }\n\n.md-search-term {\n position: relative;\n padding: 0 0.8rem 0 4.8rem;\n line-height: 4.0rem;\n font-size: 1.6rem;\n transition: background .25s;\n cursor: pointer; }\n .md-search-term::before {\n position: absolute;\n content: \"access_time\";\n font-size: 2.4rem;\n line-height: 4.0rem;\n left: 1.2rem;\n color: rgba(0, 0, 0, 0.26); }\n .md-search-term:hover {\n background: #eceef8; }\n\n.checklist li {\n position: relative;\n list-style-type: none; }\n .checklist li::before {\n position: absolute;\n appearance: none;\n color: blue;\n content: \"check_box\";\n font-size: 2.4rem; }\n\n.checklist input[type=\"checkbox\"]:checked {\n width: 20px; }\n\nins.critic, del.critic, mark {\n margin: 0 0.4rem;\n padding: 0.1rem 0;\n word-break: break-word;\n box-decoration-break: clone;\n border-radius: 0.2rem; }\n\nins.critic {\n background: #DDFFDD;\n box-shadow: 0.4rem 0 0 #DDFFDD, -0.4rem 0 0 #DDFFDD;\n text-decoration: none; }\n\ndel.critic {\n background: #FFDDDD;\n box-shadow: 0.4rem 0 0 #FFDDDD, -0.4rem 0 0 #FFDDDD; }\n\nmark {\n background: #FFFF00;\n box-shadow: 0.4rem 0 0 #FFFF00, -0.4rem 0 0 #FFFF00;\n overflow: auto; }\n\n.critic.comment {\n margin: 0 0.4rem;\n padding: 0.1rem 0;\n border-radius: 0.2rem;\n background: #F0F0F0;\n color: #37474F;\n box-shadow: 0.4rem 0 0 #F0F0F0, -0.4rem 0 0 #F0F0F0;\n box-decoration-break: clone; }\n .critic.comment::before {\n color: rgba(0, 0, 0, 0.26);\n content: \"chat\";\n font-size: 1.6rem;\n padding-right: 0.2rem;\n vertical-align: -0.2rem; }\n\n.md-button {\n float: right;\n margin-top: 9px;\n font-size: 13px;\n padding-left: 2.6rem;\n font-weight: 700;\n text-transform: uppercase; }\n\n.task-list-item {\n list-style-type: none; }\n\n.task-list-item input {\n margin: 0 4px 0.25em -20px;\n vertical-align: middle; }\n\n.task-list-item {\n position: relative; }\n\n.task-list-item input[type=\"checkbox\"] {\n opacity: 0; }\n\n.task-list-item input[type=\"checkbox\"] + label {\n display: block;\n position: absolute;\n top: 50%;\n left: -24px;\n width: 16px;\n margin-top: -8px;\n height: 16px;\n border-radius: 2px;\n background: #CCC; }\n\n.task-list-item input[type=\"checkbox\"]:checked + label::before {\n display: block;\n margin-top: -4px;\n margin-left: 2px;\n font-size: 1.2em;\n line-height: 1;\n border-radius: 2px;\n content: \"✔\";\n color: #1EBB52; }\n\n.codehilite .hll {\n background: #FFFF00;\n display: block;\n margin: 0 -16px;\n padding: 0 16px; }\n\n.md-typeset sup {\n padding: 0 0.125em;\n border-radius: 0.2em; }\n .md-typeset sup[id]:target {\n background: orange; }\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Enfore correct box model - the prefixed versions are necessary for older\n// browsers, i.e. Chrome < 10, Firefox < 29, Safari < 6 and Android < 4\nhtml {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n}\n\n// All elements shall inherit the document default\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n -moz-box-sizing: inherit;\n -webkit-box-sizing: inherit;\n}\n\n// Prevent adjustments of font size after orientation changes in IE and iOS\nhtml {\n text-size-adjust: none;\n}\n\n// Remove margin in all browsers\nbody {\n margin: 0;\n}\n\n// Add correct display property in IE < 9\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nnav,\nsection {\n display: block;\n}\n\n// Reset horizontal rules in FF\nhr {\n overflow: visible;\n box-sizing: content-box;\n}\n\n// Reset link styles\na {\n color: inherit;\n text-decoration: none;\n\n // Remove outline on focused or active links\n &:active,\n &:hover {\n outline-width: 0;\n }\n}\n\n// Remove gaps in links underline in iOS >= 8 and Safari >= 8\na {\n -webkit-text-decoration-skip: objects;\n}\n\n// Reset tap outlines on iOS and Android\na,\nbutton,\nlabel,\ninput {\n -webkit-tap-highlight-color: transparent;\n}\n\n// Correct font-size in all browsers\nsmall {\n font-size: 80%;\n}\n\n// Prevent subscript and superscript from affecting line-height\nsub,\nsup {\n position: relative;\n font-size: 80%;\n line-height: 0;\n vertical-align: baseline;\n}\n\n// Correct subscript offset\nsub {\n bottom: -0.25em;\n}\n\n// Correct superscript offset\nsup {\n top: -0.5em;\n}\n\nimg {\n border-style: none;\n}\n\n// Reset table styles\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n// Reset table cell styles\ntd,\nth {\n font-weight: normal;\n text-align: left;\n vertical-align: top;\n}\n\n// Reset (native) button styles\nbutton {\n padding: 0;\n border: 0;\n outline: 0;\n background: transparent;\n font-size: inherit;\n}\n\n// Reset (native) input styles\ninput {\n border: 0;\n outline: 0;\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Icon placeholders\n%md-icon {\n font-family: \"Material Icons\";\n font-style: normal;\n font-variant: normal;\n font-weight: normal;\n line-height: 1;\n text-transform: none;\n white-space: nowrap;\n speak: none;\n word-wrap: normal;\n direction: ltr;\n\n // Enable font-smoothing in Webkit and FF\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n // Icon rendered as button\n &__button {\n display: inline-block;\n margin: $md-icon-margin;\n padding: $md-icon-padding;\n font-size: $md-icon-size;\n cursor: pointer;\n }\n}\n\n// Representational classes\n.md-icon {\n @extend %md-icon;\n\n // Build representational classes\n @each $ligature, $name in (\n \"arrow_back\": \"back\",\n \"arrow_forward\": \"forward\"\n ) {\n &--#{$name}::before {\n content: $ligature;\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables: typography\n// ----------------------------------------------------------------------------\n\n// Modular typographic scale\n$ms-base: 1.6rem;\n$ms-ratio: $major-third;\n\n// ----------------------------------------------------------------------------\n// Variables: breakpoints\n// ----------------------------------------------------------------------------\n\n// Device-specific breakpoints\n$break-devices: (\n mobile: (\n portrait: px2em(220px) px2em(479px),\n landscape: px2em(480px) px2em(719px)\n ),\n tablet: (\n portrait: px2em(720px) px2em(959px),\n landscape: px2em(960px) px2em(1199px)\n ),\n screen: (\n small: px2em(1200px) px2em(1599px),\n medium: px2em(1600px) px2em(1999px),\n large: px2em(2000px)\n )\n);\n\n// ----------------------------------------------------------------------------\n// Variables: base colors\n// ----------------------------------------------------------------------------\n\n// Primary and accent colors\n$md-color-primary: $clr-indigo-500;\n$md-color-accent: $clr-indigo-a200;\n\n// Shades of black\n$md-color-black: hsla(0, 0%, 0%, 0.87);\n$md-color-black--light: hsla(0, 0%, 0%, 0.54);\n$md-color-black--lighter: hsla(0, 0%, 0%, 0.26);\n$md-color-black--lightest: hsla(0, 0%, 0%, 0.07);\n\n// Shades of white\n$md-color-white: hsla(0, 0%, 100%, 1.00);\n$md-color-white--light: hsla(0, 0%, 100%, 0.70);\n$md-color-white--lighter: hsla(0, 0%, 100%, 0.30);\n$md-color-white--lightest: hsla(0, 0%, 100%, 0.12);\n\n// ----------------------------------------------------------------------------\n// Variables: sizing and spacing\n// ----------------------------------------------------------------------------\n\n// Icons\n$md-icon-size: $ms-base * 1.5;\n$md-icon-padding: $ms-base * 0.5;\n$md-icon-margin: $ms-base * 0.25;\n\n// Code blocks\n$md-code-background: hsla(0, 0%, 0%, 0.035);\n$md-code-color: #37474F;\n\n// Keystrokes\n$md-keyboard-background: #FCFCFC;\n$md-keyboard-color: #555555;\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules: font definitions\n// ----------------------------------------------------------------------------\n\n// Default fonts\nbody,\ninput {\n color: $md-color-black;\n font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n font-weight: 400;\n font-feature-settings: \"kern\", \"onum\", \"liga\";\n\n // Enable font-smoothing in Webkit and FF\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n // Use system fonts, if browser doesn't support webfonts\n .no-fontface & {\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n }\n}\n\n// Proportionally spaced fonts\npre,\ncode,\nkbd {\n color: $md-color-black;\n font-family: \"Roboto Mono\", \"Courier New\", Courier, monospace;\n font-weight: 400;\n font-feature-settings: \"kern\", \"onum\", \"liga\";\n\n // Use system fonts, if browser doesn't support webfonts\n .no-fontface & {\n font-family: \"Courier New\", Courier, monospace;\n }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: typesetted content\n// ----------------------------------------------------------------------------\n\n// Content that is typeset\n.md-typeset {\n font-size: ms(0);\n line-height: 1.6;\n\n // Default spacing\n p,\n ul,\n ol,\n blockquote {\n margin: 1.0em 0;\n }\n\n // 1st level headline\n h1 {\n margin: 0 0 4.0rem;\n color: $md-color-black--light;\n font-size: ms(3);\n font-weight: 300;\n letter-spacing: -0.01em;\n line-height: 1.3;\n }\n\n // 2nd level headline\n h2 {\n margin: 4.0rem 0 1.6rem;\n font-size: ms(2);\n font-weight: 300;\n letter-spacing: -0.01em;\n line-height: 1.4;\n }\n\n // 3rd level headline\n h3 {\n margin: 3.2rem 0 1.6rem;\n font-size: ms(1);\n font-weight: 400;\n letter-spacing: -0.01em;\n line-height: 1.5;\n }\n\n // 3rd level headline following an 2nd level headline\n h2 + h3 {\n margin-top: 1.6rem;\n }\n\n // 4th level headline\n h4 {\n margin: 1.6rem 0;\n font-size: ms(0);\n font-weight: 700;\n letter-spacing: -0.01em;\n }\n\n // 5th and 6th level headline\n h5,\n h6 {\n margin: 1.6rem 0;\n color: $md-color-black--light;\n font-size: ms(-1);\n font-weight: 700;\n letter-spacing: -0.01em;\n }\n\n // Overrides for 5th level headline\n h5 {\n text-transform: uppercase;\n }\n\n // Horizontal separators\n hr {\n margin: 2.4rem 0;\n border-bottom: 0.1rem dotted $md-color-black--lighter;\n }\n\n // Links\n a {\n color: $md-color-primary;\n\n // Also enable transition on pseudo elements\n &,\n &::before {\n transition: color 0.125s;\n }\n\n // Active links\n &:hover,\n &:active {\n color: $md-color-accent;\n }\n }\n\n // Inline code blocks\n code {\n margin: 0 0.4rem;\n padding: 0.1rem 0;\n border-radius: 0.2rem;\n background: $md-code-background;\n color: $md-code-color;\n font-size: 85%;\n box-shadow:\n 0.4rem 0 0 $md-code-background,\n -0.4rem 0 0 $md-code-background;\n word-break: break-word;\n box-decoration-break: clone;\n }\n\n // Disable containing block inside headlines\n h1 code,\n h2 code,\n h3 code,\n h4 code,\n h5 code,\n h6 code {\n margin: 0;\n background: transparent;\n box-shadow: none;\n }\n\n // Formatted code blocks\n pre {\n margin: 1.0em 0;\n padding: 1.0rem 1.2rem;\n border-radius: 0.2rem;\n background: $md-code-background;\n color: $md-code-color;\n font-size: 85%;\n line-height: 1.4;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n\n // Reset, if pre is inside code\n > code {\n font-size: inherit;\n }\n }\n\n // Full-width container\n > div > pre,\n > pre > code {\n\n // [mobile -]: Stretch to whole width\n @include break-to-device(mobile) {\n margin: 1.0em -1.6rem;\n padding: 1.0rem 1.6rem;\n border-radius: 0;\n }\n\n // Override native scrollbar styles\n &::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem;\n\n // Style scrollbar thumb\n &-thumb {\n background: $md-color-black--lighter;\n }\n }\n }\n\n // Keystrokes\n kbd {\n display: inline-block;\n padding: 0.4rem 0.5rem 0.5rem;\n border: 0.1rem solid darken($md-keyboard-background, 20%);\n border-radius: 0.2rem;\n border-bottom-color: darken($md-keyboard-background, 25%);\n background-color: $md-keyboard-background;\n color: $md-keyboard-color;\n font-size: 85%;\n line-height: 1.0rem;\n box-shadow: 0 -0.1rem 0\n darken($md-keyboard-background, 30%) inset;\n vertical-align: 0.1rem;\n word-break: break-word;\n }\n\n // Smaller text\n small {\n opacity: 0.75;\n }\n\n // Superscript and subscript\n sup,\n sub {\n margin-left: 0.1rem;\n }\n\n // Blockquotes, possibly nested\n blockquote {\n padding-left: 1.2rem;\n border-left: 0.4rem solid $md-color-black--lighter;\n color: $md-color-black--light;\n }\n\n // Unordered lists\n ul {\n list-style-type: disc;\n }\n\n // Ordered lists\n ol ol {\n list-style-type: lower-alpha;\n\n // Triply nested ordered list\n ol {\n list-style-type: lower-roman;\n }\n }\n\n // Unordered and ordered lists\n ul,\n ol {\n margin-left: 1.0rem;\n padding: 0;\n\n // List elements\n li {\n margin-bottom: 0.5em;\n margin-left: 2.0rem;\n\n // Decrease vertical spacing\n p,\n blockquote {\n margin: 0.5em 0;\n }\n\n // Remove margin on last element\n &:last-child {\n margin-bottom: 0;\n }\n\n // Nested lists\n ul,\n ol {\n margin-bottom: 1.0rem;\n margin-left: 1.0rem;\n padding-top: 1.0rem;\n }\n }\n }\n}\n","@function ms-calc($Value, $Base: $ms-base, $Ratio: $ms-ratio) {\n \n // If pow exists use it.\n // It supports non-interger values!\n @if $MS-pow-exists {\n\n // The formula for figuring out modular scales is:\n // (r^v)*b\n @return pow($Ratio, $Value) * $Base;\n }\n\n // If not, use ms-pow().\n // Not as fast or capable of non-integer exponents.\n @else {\n @return ms-pow($Ratio, $Value) * $Base;\n }\n}","// ==========================================================================\n//\n// Name: UI Color Palette\n// Description: The color palette of material design.\n// Version: 2.3.1\n//\n// Author: Denis Malinochkin\n// Git: https://github.com/mrmlnc/material-color\n//\n// twitter: @mrmlnc\n//\n// ==========================================================================\n\n\n//\n// List of base colors\n//\n\n// $clr-red\n// $clr-pink\n// $clr-purple\n// $clr-deep-purple\n// $clr-indigo\n// $clr-blue\n// $clr-light-blue\n// $clr-cyan\n// $clr-teal\n// $clr-green\n// $clr-light-green\n// $clr-lime\n// $clr-yellow\n// $clr-amber\n// $clr-orange\n// $clr-deep-orange\n// $clr-brown\n// $clr-grey\n// $clr-blue-grey\n// $clr-black\n// $clr-white\n\n\n//\n// Red\n//\n\n$clr-red-list: (\n \"base\": #f44336,\n \"50\": #ffebee,\n \"100\": #ffcdd2,\n \"200\": #ef9a9a,\n \"300\": #e57373,\n \"400\": #ef5350,\n \"500\": #f44336,\n \"600\": #e53935,\n \"700\": #d32f2f,\n \"800\": #c62828,\n \"900\": #b71c1c,\n \"a100\": #ff8a80,\n \"a200\": #ff5252,\n \"a400\": #ff1744,\n \"a700\": #d50000\n);\n\n$clr-red: map-get($clr-red-list, \"base\");\n\n$clr-red-50: map-get($clr-red-list, \"50\");\n$clr-red-100: map-get($clr-red-list, \"100\");\n$clr-red-200: map-get($clr-red-list, \"200\");\n$clr-red-300: map-get($clr-red-list, \"300\");\n$clr-red-400: map-get($clr-red-list, \"400\");\n$clr-red-500: map-get($clr-red-list, \"500\");\n$clr-red-600: map-get($clr-red-list, \"600\");\n$clr-red-700: map-get($clr-red-list, \"700\");\n$clr-red-800: map-get($clr-red-list, \"800\");\n$clr-red-900: map-get($clr-red-list, \"900\");\n$clr-red-a100: map-get($clr-red-list, \"a100\");\n$clr-red-a200: map-get($clr-red-list, \"a200\");\n$clr-red-a400: map-get($clr-red-list, \"a400\");\n$clr-red-a700: map-get($clr-red-list, \"a700\");\n\n\n//\n// Pink\n//\n\n$clr-pink-list: (\n \"base\": #e91e63,\n \"50\": #fce4ec,\n \"100\": #f8bbd0,\n \"200\": #f48fb1,\n \"300\": #f06292,\n \"400\": #ec407a,\n \"500\": #e91e63,\n \"600\": #d81b60,\n \"700\": #c2185b,\n \"800\": #ad1457,\n \"900\": #880e4f,\n \"a100\": #ff80ab,\n \"a200\": #ff4081,\n \"a400\": #f50057,\n \"a700\": #c51162\n);\n\n$clr-pink: map-get($clr-pink-list, \"base\");\n\n$clr-pink-50: map-get($clr-pink-list, \"50\");\n$clr-pink-100: map-get($clr-pink-list, \"100\");\n$clr-pink-200: map-get($clr-pink-list, \"200\");\n$clr-pink-300: map-get($clr-pink-list, \"300\");\n$clr-pink-400: map-get($clr-pink-list, \"400\");\n$clr-pink-500: map-get($clr-pink-list, \"500\");\n$clr-pink-600: map-get($clr-pink-list, \"600\");\n$clr-pink-700: map-get($clr-pink-list, \"700\");\n$clr-pink-800: map-get($clr-pink-list, \"800\");\n$clr-pink-900: map-get($clr-pink-list, \"900\");\n$clr-pink-a100: map-get($clr-pink-list, \"a100\");\n$clr-pink-a200: map-get($clr-pink-list, \"a200\");\n$clr-pink-a400: map-get($clr-pink-list, \"a400\");\n$clr-pink-a700: map-get($clr-pink-list, \"a700\");\n\n\n//\n// Purple\n//\n\n$clr-purple-list: (\n \"base\": #9c27b0,\n \"50\": #f3e5f5,\n \"100\": #e1bee7,\n \"200\": #ce93d8,\n \"300\": #ba68c8,\n \"400\": #ab47bc,\n \"500\": #9c27b0,\n \"600\": #8e24aa,\n \"700\": #7b1fa2,\n \"800\": #6a1b9a,\n \"900\": #4a148c,\n \"a100\": #ea80fc,\n \"a200\": #e040fb,\n \"a400\": #d500f9,\n \"a700\": #aa00ff\n);\n\n$clr-purple: map-get($clr-purple-list, \"base\");\n\n$clr-purple-50: map-get($clr-purple-list, \"50\");\n$clr-purple-100: map-get($clr-purple-list, \"100\");\n$clr-purple-200: map-get($clr-purple-list, \"200\");\n$clr-purple-300: map-get($clr-purple-list, \"300\");\n$clr-purple-400: map-get($clr-purple-list, \"400\");\n$clr-purple-500: map-get($clr-purple-list, \"500\");\n$clr-purple-600: map-get($clr-purple-list, \"600\");\n$clr-purple-700: map-get($clr-purple-list, \"700\");\n$clr-purple-800: map-get($clr-purple-list, \"800\");\n$clr-purple-900: map-get($clr-purple-list, \"900\");\n$clr-purple-a100: map-get($clr-purple-list, \"a100\");\n$clr-purple-a200: map-get($clr-purple-list, \"a200\");\n$clr-purple-a400: map-get($clr-purple-list, \"a400\");\n$clr-purple-a700: map-get($clr-purple-list, \"a700\");\n\n\n//\n// Deep purple\n//\n\n$clr-deep-purple-list: (\n \"base\": #673ab7,\n \"50\": #ede7f6,\n \"100\": #d1c4e9,\n \"200\": #b39ddb,\n \"300\": #9575cd,\n \"400\": #7e57c2,\n \"500\": #673ab7,\n \"600\": #5e35b1,\n \"700\": #512da8,\n \"800\": #4527a0,\n \"900\": #311b92,\n \"a100\": #b388ff,\n \"a200\": #7c4dff,\n \"a400\": #651fff,\n \"a700\": #6200ea\n);\n\n$clr-deep-purple: map-get($clr-deep-purple-list, \"base\");\n\n$clr-deep-purple-50: map-get($clr-deep-purple-list, \"50\");\n$clr-deep-purple-100: map-get($clr-deep-purple-list, \"100\");\n$clr-deep-purple-200: map-get($clr-deep-purple-list, \"200\");\n$clr-deep-purple-300: map-get($clr-deep-purple-list, \"300\");\n$clr-deep-purple-400: map-get($clr-deep-purple-list, \"400\");\n$clr-deep-purple-500: map-get($clr-deep-purple-list, \"500\");\n$clr-deep-purple-600: map-get($clr-deep-purple-list, \"600\");\n$clr-deep-purple-700: map-get($clr-deep-purple-list, \"700\");\n$clr-deep-purple-800: map-get($clr-deep-purple-list, \"800\");\n$clr-deep-purple-900: map-get($clr-deep-purple-list, \"900\");\n$clr-deep-purple-a100: map-get($clr-deep-purple-list, \"a100\");\n$clr-deep-purple-a200: map-get($clr-deep-purple-list, \"a200\");\n$clr-deep-purple-a400: map-get($clr-deep-purple-list, \"a400\");\n$clr-deep-purple-a700: map-get($clr-deep-purple-list, \"a700\");\n\n\n//\n// Indigo\n//\n\n$clr-indigo-list: (\n \"base\": #3f51b5,\n \"50\": #e8eaf6,\n \"100\": #c5cae9,\n \"200\": #9fa8da,\n \"300\": #7986cb,\n \"400\": #5c6bc0,\n \"500\": #3f51b5,\n \"600\": #3949ab,\n \"700\": #303f9f,\n \"800\": #283593,\n \"900\": #1a237e,\n \"a100\": #8c9eff,\n \"a200\": #536dfe,\n \"a400\": #3d5afe,\n \"a700\": #304ffe\n);\n\n$clr-indigo: map-get($clr-indigo-list, \"base\");\n\n$clr-indigo-50: map-get($clr-indigo-list, \"50\");\n$clr-indigo-100: map-get($clr-indigo-list, \"100\");\n$clr-indigo-200: map-get($clr-indigo-list, \"200\");\n$clr-indigo-300: map-get($clr-indigo-list, \"300\");\n$clr-indigo-400: map-get($clr-indigo-list, \"400\");\n$clr-indigo-500: map-get($clr-indigo-list, \"500\");\n$clr-indigo-600: map-get($clr-indigo-list, \"600\");\n$clr-indigo-700: map-get($clr-indigo-list, \"700\");\n$clr-indigo-800: map-get($clr-indigo-list, \"800\");\n$clr-indigo-900: map-get($clr-indigo-list, \"900\");\n$clr-indigo-a100: map-get($clr-indigo-list, \"a100\");\n$clr-indigo-a200: map-get($clr-indigo-list, \"a200\");\n$clr-indigo-a400: map-get($clr-indigo-list, \"a400\");\n$clr-indigo-a700: map-get($clr-indigo-list, \"a700\");\n\n\n//\n// Blue\n//\n\n$clr-blue-list: (\n \"base\": #2196f3,\n \"50\": #e3f2fd,\n \"100\": #bbdefb,\n \"200\": #90caf9,\n \"300\": #64b5f6,\n \"400\": #42a5f5,\n \"500\": #2196f3,\n \"600\": #1e88e5,\n \"700\": #1976d2,\n \"800\": #1565c0,\n \"900\": #0d47a1,\n \"a100\": #82b1ff,\n \"a200\": #448aff,\n \"a400\": #2979ff,\n \"a700\": #2962ff\n);\n\n$clr-blue: map-get($clr-blue-list, \"base\");\n\n$clr-blue-50: map-get($clr-blue-list, \"50\");\n$clr-blue-100: map-get($clr-blue-list, \"100\");\n$clr-blue-200: map-get($clr-blue-list, \"200\");\n$clr-blue-300: map-get($clr-blue-list, \"300\");\n$clr-blue-400: map-get($clr-blue-list, \"400\");\n$clr-blue-500: map-get($clr-blue-list, \"500\");\n$clr-blue-600: map-get($clr-blue-list, \"600\");\n$clr-blue-700: map-get($clr-blue-list, \"700\");\n$clr-blue-800: map-get($clr-blue-list, \"800\");\n$clr-blue-900: map-get($clr-blue-list, \"900\");\n$clr-blue-a100: map-get($clr-blue-list, \"a100\");\n$clr-blue-a200: map-get($clr-blue-list, \"a200\");\n$clr-blue-a400: map-get($clr-blue-list, \"a400\");\n$clr-blue-a700: map-get($clr-blue-list, \"a700\");\n\n\n//\n// Light Blue\n//\n\n$clr-light-blue-list: (\n \"base\": #03a9f4,\n \"50\": #e1f5fe,\n \"100\": #b3e5fc,\n \"200\": #81d4fa,\n \"300\": #4fc3f7,\n \"400\": #29b6f6,\n \"500\": #03a9f4,\n \"600\": #039be5,\n \"700\": #0288d1,\n \"800\": #0277bd,\n \"900\": #01579b,\n \"a100\": #80d8ff,\n \"a200\": #40c4ff,\n \"a400\": #00b0ff,\n \"a700\": #0091ea\n);\n\n$clr-light-blue: map-get($clr-light-blue-list, \"base\");\n\n$clr-light-blue-50: map-get($clr-light-blue-list, \"50\");\n$clr-light-blue-100: map-get($clr-light-blue-list, \"100\");\n$clr-light-blue-200: map-get($clr-light-blue-list, \"200\");\n$clr-light-blue-300: map-get($clr-light-blue-list, \"300\");\n$clr-light-blue-400: map-get($clr-light-blue-list, \"400\");\n$clr-light-blue-500: map-get($clr-light-blue-list, \"500\");\n$clr-light-blue-600: map-get($clr-light-blue-list, \"600\");\n$clr-light-blue-700: map-get($clr-light-blue-list, \"700\");\n$clr-light-blue-800: map-get($clr-light-blue-list, \"800\");\n$clr-light-blue-900: map-get($clr-light-blue-list, \"900\");\n$clr-light-blue-a100: map-get($clr-light-blue-list, \"a100\");\n$clr-light-blue-a200: map-get($clr-light-blue-list, \"a200\");\n$clr-light-blue-a400: map-get($clr-light-blue-list, \"a400\");\n$clr-light-blue-a700: map-get($clr-light-blue-list, \"a700\");\n\n\n//\n// Cyan\n//\n\n$clr-cyan-list: (\n \"base\": #00bcd4,\n \"50\": #e0f7fa,\n \"100\": #b2ebf2,\n \"200\": #80deea,\n \"300\": #4dd0e1,\n \"400\": #26c6da,\n \"500\": #00bcd4,\n \"600\": #00acc1,\n \"700\": #0097a7,\n \"800\": #00838f,\n \"900\": #006064,\n \"a100\": #84ffff,\n \"a200\": #18ffff,\n \"a400\": #00e5ff,\n \"a700\": #00b8d4\n);\n\n$clr-cyan: map-get($clr-cyan-list, \"base\");\n\n$clr-cyan-50: map-get($clr-cyan-list, \"50\");\n$clr-cyan-100: map-get($clr-cyan-list, \"100\");\n$clr-cyan-200: map-get($clr-cyan-list, \"200\");\n$clr-cyan-300: map-get($clr-cyan-list, \"300\");\n$clr-cyan-400: map-get($clr-cyan-list, \"400\");\n$clr-cyan-500: map-get($clr-cyan-list, \"500\");\n$clr-cyan-600: map-get($clr-cyan-list, \"600\");\n$clr-cyan-700: map-get($clr-cyan-list, \"700\");\n$clr-cyan-800: map-get($clr-cyan-list, \"800\");\n$clr-cyan-900: map-get($clr-cyan-list, \"900\");\n$clr-cyan-a100: map-get($clr-cyan-list, \"a100\");\n$clr-cyan-a200: map-get($clr-cyan-list, \"a200\");\n$clr-cyan-a400: map-get($clr-cyan-list, \"a400\");\n$clr-cyan-a700: map-get($clr-cyan-list, \"a700\");\n\n\n//\n// Teal\n//\n\n$clr-teal-list: (\n \"base\": #009688,\n \"50\": #e0f2f1,\n \"100\": #b2dfdb,\n \"200\": #80cbc4,\n \"300\": #4db6ac,\n \"400\": #26a69a,\n \"500\": #009688,\n \"600\": #00897b,\n \"700\": #00796b,\n \"800\": #00695c,\n \"900\": #004d40,\n \"a100\": #a7ffeb,\n \"a200\": #64ffda,\n \"a400\": #1de9b6,\n \"a700\": #00bfa5\n);\n\n$clr-teal: map-get($clr-teal-list, \"base\");\n\n$clr-teal-50: map-get($clr-teal-list, \"50\");\n$clr-teal-100: map-get($clr-teal-list, \"100\");\n$clr-teal-200: map-get($clr-teal-list, \"200\");\n$clr-teal-300: map-get($clr-teal-list, \"300\");\n$clr-teal-400: map-get($clr-teal-list, \"400\");\n$clr-teal-500: map-get($clr-teal-list, \"500\");\n$clr-teal-600: map-get($clr-teal-list, \"600\");\n$clr-teal-700: map-get($clr-teal-list, \"700\");\n$clr-teal-800: map-get($clr-teal-list, \"800\");\n$clr-teal-900: map-get($clr-teal-list, \"900\");\n$clr-teal-a100: map-get($clr-teal-list, \"a100\");\n$clr-teal-a200: map-get($clr-teal-list, \"a200\");\n$clr-teal-a400: map-get($clr-teal-list, \"a400\");\n$clr-teal-a700: map-get($clr-teal-list, \"a700\");\n\n\n//\n// Green\n//\n\n$clr-green-list: (\n \"base\": #4caf50,\n \"50\": #e8f5e9,\n \"100\": #c8e6c9,\n \"200\": #a5d6a7,\n \"300\": #81c784,\n \"400\": #66bb6a,\n \"500\": #4caf50,\n \"600\": #43a047,\n \"700\": #388e3c,\n \"800\": #2e7d32,\n \"900\": #1b5e20,\n \"a100\": #b9f6ca,\n \"a200\": #69f0ae,\n \"a400\": #00e676,\n \"a700\": #00c853\n);\n\n$clr-green: map-get($clr-green-list, \"base\");\n\n$clr-green-50: map-get($clr-green-list, \"50\");\n$clr-green-100: map-get($clr-green-list, \"100\");\n$clr-green-200: map-get($clr-green-list, \"200\");\n$clr-green-300: map-get($clr-green-list, \"300\");\n$clr-green-400: map-get($clr-green-list, \"400\");\n$clr-green-500: map-get($clr-green-list, \"500\");\n$clr-green-600: map-get($clr-green-list, \"600\");\n$clr-green-700: map-get($clr-green-list, \"700\");\n$clr-green-800: map-get($clr-green-list, \"800\");\n$clr-green-900: map-get($clr-green-list, \"900\");\n$clr-green-a100: map-get($clr-green-list, \"a100\");\n$clr-green-a200: map-get($clr-green-list, \"a200\");\n$clr-green-a400: map-get($clr-green-list, \"a400\");\n$clr-green-a700: map-get($clr-green-list, \"a700\");\n\n\n//\n// Light green\n//\n\n$clr-light-green-list: (\n \"base\": #8bc34a,\n \"50\": #f1f8e9,\n \"100\": #dcedc8,\n \"200\": #c5e1a5,\n \"300\": #aed581,\n \"400\": #9ccc65,\n \"500\": #8bc34a,\n \"600\": #7cb342,\n \"700\": #689f38,\n \"800\": #558b2f,\n \"900\": #33691e,\n \"a100\": #ccff90,\n \"a200\": #b2ff59,\n \"a400\": #76ff03,\n \"a700\": #64dd17\n);\n\n$clr-light-green: map-get($clr-light-green-list, \"base\");\n\n$clr-light-green-50: map-get($clr-light-green-list, \"50\");\n$clr-light-green-100: map-get($clr-light-green-list, \"100\");\n$clr-light-green-200: map-get($clr-light-green-list, \"200\");\n$clr-light-green-300: map-get($clr-light-green-list, \"300\");\n$clr-light-green-400: map-get($clr-light-green-list, \"400\");\n$clr-light-green-500: map-get($clr-light-green-list, \"500\");\n$clr-light-green-600: map-get($clr-light-green-list, \"600\");\n$clr-light-green-700: map-get($clr-light-green-list, \"700\");\n$clr-light-green-800: map-get($clr-light-green-list, \"800\");\n$clr-light-green-900: map-get($clr-light-green-list, \"900\");\n$clr-light-green-a100: map-get($clr-light-green-list, \"a100\");\n$clr-light-green-a200: map-get($clr-light-green-list, \"a200\");\n$clr-light-green-a400: map-get($clr-light-green-list, \"a400\");\n$clr-light-green-a700: map-get($clr-light-green-list, \"a700\");\n\n\n//\n// Lime\n//\n\n$clr-lime-list: (\n \"base\": #cddc39,\n \"50\": #f9fbe7,\n \"100\": #f0f4c3,\n \"200\": #e6ee9c,\n \"300\": #dce775,\n \"400\": #d4e157,\n \"500\": #cddc39,\n \"600\": #c0ca33,\n \"700\": #afb42b,\n \"800\": #9e9d24,\n \"900\": #827717,\n \"a100\": #f4ff81,\n \"a200\": #eeff41,\n \"a400\": #c6ff00,\n \"a700\": #aeea00\n);\n\n$clr-lime: map-get($clr-lime-list, \"base\");\n\n$clr-lime-50: map-get($clr-lime-list, \"50\");\n$clr-lime-100: map-get($clr-lime-list, \"100\");\n$clr-lime-200: map-get($clr-lime-list, \"200\");\n$clr-lime-300: map-get($clr-lime-list, \"300\");\n$clr-lime-400: map-get($clr-lime-list, \"400\");\n$clr-lime-500: map-get($clr-lime-list, \"500\");\n$clr-lime-600: map-get($clr-lime-list, \"600\");\n$clr-lime-700: map-get($clr-lime-list, \"700\");\n$clr-lime-800: map-get($clr-lime-list, \"800\");\n$clr-lime-900: map-get($clr-lime-list, \"900\");\n$clr-lime-a100: map-get($clr-lime-list, \"a100\");\n$clr-lime-a200: map-get($clr-lime-list, \"a200\");\n$clr-lime-a400: map-get($clr-lime-list, \"a400\");\n$clr-lime-a700: map-get($clr-lime-list, \"a700\");\n\n\n//\n// Yellow\n//\n\n$clr-yellow-list: (\n \"base\": #ffeb3b,\n \"50\": #fffde7,\n \"100\": #fff9c4,\n \"200\": #fff59d,\n \"300\": #fff176,\n \"400\": #ffee58,\n \"500\": #ffeb3b,\n \"600\": #fdd835,\n \"700\": #fbc02d,\n \"800\": #f9a825,\n \"900\": #f57f17,\n \"a100\": #ffff8d,\n \"a200\": #ffff00,\n \"a400\": #ffea00,\n \"a700\": #ffd600\n);\n\n$clr-yellow: map-get($clr-yellow-list, \"base\");\n\n$clr-yellow-50: map-get($clr-yellow-list, \"50\");\n$clr-yellow-100: map-get($clr-yellow-list, \"100\");\n$clr-yellow-200: map-get($clr-yellow-list, \"200\");\n$clr-yellow-300: map-get($clr-yellow-list, \"300\");\n$clr-yellow-400: map-get($clr-yellow-list, \"400\");\n$clr-yellow-500: map-get($clr-yellow-list, \"500\");\n$clr-yellow-600: map-get($clr-yellow-list, \"600\");\n$clr-yellow-700: map-get($clr-yellow-list, \"700\");\n$clr-yellow-800: map-get($clr-yellow-list, \"800\");\n$clr-yellow-900: map-get($clr-yellow-list, \"900\");\n$clr-yellow-a100: map-get($clr-yellow-list, \"a100\");\n$clr-yellow-a200: map-get($clr-yellow-list, \"a200\");\n$clr-yellow-a400: map-get($clr-yellow-list, \"a400\");\n$clr-yellow-a700: map-get($clr-yellow-list, \"a700\");\n\n\n//\n// amber\n//\n\n$clr-amber-list: (\n \"base\": #ffc107,\n \"50\": #fff8e1,\n \"100\": #ffecb3,\n \"200\": #ffe082,\n \"300\": #ffd54f,\n \"400\": #ffca28,\n \"500\": #ffc107,\n \"600\": #ffb300,\n \"700\": #ffa000,\n \"800\": #ff8f00,\n \"900\": #ff6f00,\n \"a100\": #ffe57f,\n \"a200\": #ffd740,\n \"a400\": #ffc400,\n \"a700\": #ffab00\n);\n\n$clr-amber: map-get($clr-amber-list, \"base\");\n\n$clr-amber-50: map-get($clr-amber-list, \"50\");\n$clr-amber-100: map-get($clr-amber-list, \"100\");\n$clr-amber-200: map-get($clr-amber-list, \"200\");\n$clr-amber-300: map-get($clr-amber-list, \"300\");\n$clr-amber-400: map-get($clr-amber-list, \"400\");\n$clr-amber-500: map-get($clr-amber-list, \"500\");\n$clr-amber-600: map-get($clr-amber-list, \"600\");\n$clr-amber-700: map-get($clr-amber-list, \"700\");\n$clr-amber-800: map-get($clr-amber-list, \"800\");\n$clr-amber-900: map-get($clr-amber-list, \"900\");\n$clr-amber-a100: map-get($clr-amber-list, \"a100\");\n$clr-amber-a200: map-get($clr-amber-list, \"a200\");\n$clr-amber-a400: map-get($clr-amber-list, \"a400\");\n$clr-amber-a700: map-get($clr-amber-list, \"a700\");\n\n\n//\n// Orange\n//\n\n$clr-orange-list: (\n \"base\": #ff9800,\n \"50\": #fff3e0,\n \"100\": #ffe0b2,\n \"200\": #ffcc80,\n \"300\": #ffb74d,\n \"400\": #ffa726,\n \"500\": #ff9800,\n \"600\": #fb8c00,\n \"700\": #f57c00,\n \"800\": #ef6c00,\n \"900\": #e65100,\n \"a100\": #ffd180,\n \"a200\": #ffab40,\n \"a400\": #ff9100,\n \"a700\": #ff6d00\n);\n\n$clr-orange: map-get($clr-orange-list, \"base\");\n\n$clr-orange-50: map-get($clr-orange-list, \"50\");\n$clr-orange-100: map-get($clr-orange-list, \"100\");\n$clr-orange-200: map-get($clr-orange-list, \"200\");\n$clr-orange-300: map-get($clr-orange-list, \"300\");\n$clr-orange-400: map-get($clr-orange-list, \"400\");\n$clr-orange-500: map-get($clr-orange-list, \"500\");\n$clr-orange-600: map-get($clr-orange-list, \"600\");\n$clr-orange-700: map-get($clr-orange-list, \"700\");\n$clr-orange-800: map-get($clr-orange-list, \"800\");\n$clr-orange-900: map-get($clr-orange-list, \"900\");\n$clr-orange-a100: map-get($clr-orange-list, \"a100\");\n$clr-orange-a200: map-get($clr-orange-list, \"a200\");\n$clr-orange-a400: map-get($clr-orange-list, \"a400\");\n$clr-orange-a700: map-get($clr-orange-list, \"a700\");\n\n\n//\n// Deep orange\n//\n\n$clr-deep-orange-list: (\n \"base\": #ff5722,\n \"50\": #fbe9e7,\n \"100\": #ffccbc,\n \"200\": #ffab91,\n \"300\": #ff8a65,\n \"400\": #ff7043,\n \"500\": #ff5722,\n \"600\": #f4511e,\n \"700\": #e64a19,\n \"800\": #d84315,\n \"900\": #bf360c,\n \"a100\": #ff9e80,\n \"a200\": #ff6e40,\n \"a400\": #ff3d00,\n \"a700\": #dd2c00\n);\n\n$clr-deep-orange: map-get($clr-deep-orange-list, \"base\");\n\n$clr-deep-orange-50: map-get($clr-deep-orange-list, \"50\");\n$clr-deep-orange-100: map-get($clr-deep-orange-list, \"100\");\n$clr-deep-orange-200: map-get($clr-deep-orange-list, \"200\");\n$clr-deep-orange-300: map-get($clr-deep-orange-list, \"300\");\n$clr-deep-orange-400: map-get($clr-deep-orange-list, \"400\");\n$clr-deep-orange-500: map-get($clr-deep-orange-list, \"500\");\n$clr-deep-orange-600: map-get($clr-deep-orange-list, \"600\");\n$clr-deep-orange-700: map-get($clr-deep-orange-list, \"700\");\n$clr-deep-orange-800: map-get($clr-deep-orange-list, \"800\");\n$clr-deep-orange-900: map-get($clr-deep-orange-list, \"900\");\n$clr-deep-orange-a100: map-get($clr-deep-orange-list, \"a100\");\n$clr-deep-orange-a200: map-get($clr-deep-orange-list, \"a200\");\n$clr-deep-orange-a400: map-get($clr-deep-orange-list, \"a400\");\n$clr-deep-orange-a700: map-get($clr-deep-orange-list, \"a700\");\n\n\n//\n// Brown\n//\n\n$clr-brown-list: (\n \"base\": #795548,\n \"50\": #efebe9,\n \"100\": #d7ccc8,\n \"200\": #bcaaa4,\n \"300\": #a1887f,\n \"400\": #8d6e63,\n \"500\": #795548,\n \"600\": #6d4c41,\n \"700\": #5d4037,\n \"800\": #4e342e,\n \"900\": #3e2723,\n);\n\n$clr-brown: map-get($clr-brown-list, \"base\");\n\n$clr-brown-50: map-get($clr-brown-list, \"50\");\n$clr-brown-100: map-get($clr-brown-list, \"100\");\n$clr-brown-200: map-get($clr-brown-list, \"200\");\n$clr-brown-300: map-get($clr-brown-list, \"300\");\n$clr-brown-400: map-get($clr-brown-list, \"400\");\n$clr-brown-500: map-get($clr-brown-list, \"500\");\n$clr-brown-600: map-get($clr-brown-list, \"600\");\n$clr-brown-700: map-get($clr-brown-list, \"700\");\n$clr-brown-800: map-get($clr-brown-list, \"800\");\n$clr-brown-900: map-get($clr-brown-list, \"900\");\n\n\n//\n// Grey\n//\n\n$clr-grey-list: (\n \"base\": #9e9e9e,\n \"50\": #fafafa,\n \"100\": #f5f5f5,\n \"200\": #eeeeee,\n \"300\": #e0e0e0,\n \"400\": #bdbdbd,\n \"500\": #9e9e9e,\n \"600\": #757575,\n \"700\": #616161,\n \"800\": #424242,\n \"900\": #212121,\n);\n\n$clr-grey: map-get($clr-grey-list, \"base\");\n\n$clr-grey-50: map-get($clr-grey-list, \"50\");\n$clr-grey-100: map-get($clr-grey-list, \"100\");\n$clr-grey-200: map-get($clr-grey-list, \"200\");\n$clr-grey-300: map-get($clr-grey-list, \"300\");\n$clr-grey-400: map-get($clr-grey-list, \"400\");\n$clr-grey-500: map-get($clr-grey-list, \"500\");\n$clr-grey-600: map-get($clr-grey-list, \"600\");\n$clr-grey-700: map-get($clr-grey-list, \"700\");\n$clr-grey-800: map-get($clr-grey-list, \"800\");\n$clr-grey-900: map-get($clr-grey-list, \"900\");\n\n\n//\n// Blue grey\n//\n\n$clr-blue-grey-list: (\n \"base\": #607d8b,\n \"50\": #eceff1,\n \"100\": #cfd8dc,\n \"200\": #b0bec5,\n \"300\": #90a4ae,\n \"400\": #78909c,\n \"500\": #607d8b,\n \"600\": #546e7a,\n \"700\": #455a64,\n \"800\": #37474f,\n \"900\": #263238,\n);\n\n$clr-blue-grey: map-get($clr-blue-grey-list, \"base\");\n\n$clr-blue-grey-50: map-get($clr-blue-grey-list, \"50\");\n$clr-blue-grey-100: map-get($clr-blue-grey-list, \"100\");\n$clr-blue-grey-200: map-get($clr-blue-grey-list, \"200\");\n$clr-blue-grey-300: map-get($clr-blue-grey-list, \"300\");\n$clr-blue-grey-400: map-get($clr-blue-grey-list, \"400\");\n$clr-blue-grey-500: map-get($clr-blue-grey-list, \"500\");\n$clr-blue-grey-600: map-get($clr-blue-grey-list, \"600\");\n$clr-blue-grey-700: map-get($clr-blue-grey-list, \"700\");\n$clr-blue-grey-800: map-get($clr-blue-grey-list, \"800\");\n$clr-blue-grey-900: map-get($clr-blue-grey-list, \"900\");\n\n\n//\n// Black\n//\n\n$clr-black-list: (\n \"base\": #000\n);\n\n$clr-black: map-get($clr-black-list, \"base\");\n\n\n//\n// White\n//\n\n$clr-white-list: (\n \"base\": #fff\n);\n\n$clr-white: map-get($clr-white-list, \"base\");\n\n\n//\n// List for all Colors for looping\n//\n\n$clr-list-all: (\n \"red\": $clr-red-list,\n \"pink\": $clr-pink-list,\n \"purple\": $clr-purple-list,\n \"deep-purple\": $clr-deep-purple-list,\n \"indigo\": $clr-indigo-list,\n \"blue\": $clr-blue-list,\n \"light-blue\": $clr-light-blue-list,\n \"cyan\": $clr-cyan-list,\n \"teal\": $clr-teal-list,\n \"green\": $clr-green-list,\n \"light-green\": $clr-light-green-list,\n \"lime\": $clr-lime-list,\n \"yellow\": $clr-yellow-list,\n \"amber\": $clr-amber-list,\n \"orange\": $clr-orange-list,\n \"deep-orange\": $clr-deep-orange-list,\n \"brown\": $clr-brown-list,\n \"grey\": $clr-grey-list,\n \"blue-grey\": $clr-blue-grey-list,\n \"black\": $clr-black-list,\n \"white\": $clr-white-list\n);\n\n\n//\n// Typography\n//\n\n$clr-ui-display-4: $clr-grey-600;\n$clr-ui-display-3: $clr-grey-600;\n$clr-ui-display-2: $clr-grey-600;\n$clr-ui-display-1: $clr-grey-600;\n$clr-ui-headline: $clr-grey-900;\n$clr-ui-title: $clr-grey-900;\n$clr-ui-subhead-1: $clr-grey-900;\n$clr-ui-body-2: $clr-grey-900;\n$clr-ui-body-1: $clr-grey-900;\n$clr-ui-caption: $clr-grey-600;\n$clr-ui-menu: $clr-grey-900;\n$clr-ui-button: $clr-grey-900;\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules: base grid and containers\n// ----------------------------------------------------------------------------\n\n// Stretch container to viewport and set base font-size to 10px for simple\n// calculations base on relative ems (rems).\nhtml {\n height: 100%;\n font-size: 62.5%;\n\n // [screen medium +] Set base font-size to 11px\n @include break-from-device(screen medium) {\n font-size: 68.75%;\n }\n\n // [screen large +] Set base font-size to 12px\n @include break-from-device(screen large) {\n font-size: 75%;\n }\n}\n\n// Stretch body to container and leave room for footer.\nbody {\n position: relative;\n min-height: 100%;\n\n // Lock body to viewport height (e.g. in search mode)\n &[data-md-locked] {\n height: 100%;\n overflow: hidden;\n }\n}\n\n// Horizontal separators\nhr {\n display: block;\n height: 0.1rem;\n padding: 0;\n border: 0;\n}\n\n// Template-wide grid\n.md-grid {\n max-width: 120.0rem;\n margin-right: auto;\n margin-left: auto;\n}\n\n// Prevent collapse of margin when setting margin on child element\n.md-container,\n.md-main {\n overflow: auto;\n}\n\n// Add top spacing to acount for header\n.md-main {\n margin-top: 5.6rem;\n\n // Bottom spacing to account for header and footer\n &__inner {\n margin-top: 2.4rem + 0.6rem;\n margin-bottom: 9.2rem;\n overflow: auto;\n }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: navigational elements\n// ----------------------------------------------------------------------------\n\n// Toggle checkbox\n.md-toggle {\n display: none;\n}\n\n// Overlay below expanded drawer\n.md-overlay {\n position: fixed;\n top: 0;\n width: 0;\n height: 0;\n transition:\n width 0s 0.25s,\n height 0s 0.25s,\n opacity 0.25s;\n background: $md-color-black--light;\n opacity: 0;\n z-index: 2;\n\n // [tablet -]: Trigger overlay\n @include break-to-device(tablet) {\n\n // Expanded drawer\n .md-toggle--drawer:checked ~ & {\n width: 100%;\n height: 100%;\n transition:\n width 0s,\n height 0s,\n opacity 0.25s;\n opacity: 1;\n }\n }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: flexible elements, implemented with table layout\n// ----------------------------------------------------------------------------\n\n// Flexible layout container\n.md-flex {\n display: table;\n\n // Flexible layout container cell/element\n &__cell {\n display: table-cell;\n position: relative;\n vertical-align: top;\n\n // Shrink to minimum width\n &--shrink {\n width: 0%;\n }\n\n // Stretch to maximum width\n &--stretch {\n display: table;\n width: 100%;\n table-layout: fixed;\n }\n }\n\n // Apply ellipsis in case of overflowing text\n &__ellipsis {\n display: table-cell;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Content container\n.md-content {\n\n // [tablet landscape +]: Add space for table of contents\n @include break-from-device(tablet landscape) {\n margin-right: 24.2rem;\n }\n\n // [screen +]: Add space for table of contents\n @include break-from-device(screen) {\n margin-left: 24.2rem;\n }\n\n // Define spacing\n &__inner {\n margin: 2.4rem 1.6rem;\n\n // Hack: this is necessary for floating the edit button\n // overflow: auto;\n\n // [screen +]: Increase spacing\n @include break-from-device(screen) {\n margin: 2.4rem;\n }\n }\n\n // Copyright and theme information\n &__copyright {\n display: block;\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Application header (stays always on top)\n.md-header {\n @include z-depth(2);\n\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n height: 5.6rem;\n background: $md-color-primary;\n color: $md-color-white;\n z-index: 1;\n}\n\n// Navigation within header\n.md-header-nav {\n padding: 0.4rem;\n\n // Icons\n &__icon {\n @extend %md-icon__button;\n\n position: relative;\n transition: opacity 0.25s;\n z-index: 1;\n\n // Hovered icon\n &:hover {\n opacity: 0.7;\n }\n\n // Hide search icon, if JavaScript is not available.\n .no-js &--search {\n display: none;\n }\n\n // [tablet landscape +]: Hide the search icon\n @include break-from-device(tablet landscape) {\n\n // Search icon\n &--search {\n display: none;\n }\n }\n\n // [tablet -]: Hide the home icon\n @include break-to-device(tablet) {\n\n // Home icon\n &--home {\n display: none;\n }\n }\n\n // [screen +]: Hide the menu icon\n @include break-from-device(screen) {\n\n // Menu icon\n &--menu {\n display: none;\n }\n }\n }\n\n // Header title\n &__title {\n padding: 0 2.0rem;\n font-size: 1.8rem;\n line-height: 4.8rem;\n }\n\n // Repository containing source\n &__source {\n display: none;\n\n // [tablet landscape +]: Show the reposistory from tablet\n @include break-from-device(tablet landscape) {\n display: block;\n width: 23.0rem;\n max-width: 23.0rem;\n padding-right: 1.2rem;\n }\n }\n}\n","//\n// Name: Material Shadows\n// Description: Mixins for Material Design Shadows.\n// Version: 3.0.1\n//\n// Author: Denis Malinochkin\n// Git: https://github.com/mrmlnc/material-shadows\n//\n// twitter: @mrmlnc\n//\n// ------------------------------------\n\n\n// Mixins\n// ------------------------------------\n\n@mixin z-depth-transition() {\n transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);\n}\n\n@mixin z-depth-focus() {\n box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);\n}\n\n@mixin z-depth-2dp() {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14),\n 0 1px 5px 0 rgba(0, 0, 0, .12),\n 0 3px 1px -2px rgba(0, 0, 0, .2);\n}\n\n@mixin z-depth-3dp() {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14),\n 0 1px 8px 0 rgba(0, 0, 0, .12),\n 0 3px 3px -2px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-4dp() {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14),\n 0 1px 10px 0 rgba(0, 0, 0, .12),\n 0 2px 4px -1px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-6dp() {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14),\n 0 1px 18px 0 rgba(0, 0, 0, .12),\n 0 3px 5px -1px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-8dp() {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14),\n 0 3px 14px 2px rgba(0, 0, 0, .12),\n 0 5px 5px -3px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-16dp() {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14),\n 0 6px 30px 5px rgba(0, 0, 0, .12),\n 0 8px 10px -5px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-24dp() {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14),\n 0 24px 38px 3px rgba(0, 0, 0, .12),\n 0 11px 15px -7px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth($dp: 2) {\n @if $dp == 2 {\n @include z-depth-2dp();\n } @else if $dp == 3 {\n @include z-depth-3dp();\n } @else if $dp == 4 {\n @include z-depth-4dp();\n } @else if $dp == 6 {\n @include z-depth-6dp();\n } @else if $dp == 8 {\n @include z-depth-8dp();\n } @else if $dp == 16 {\n @include z-depth-16dp();\n } @else if $dp == 24 {\n @include z-depth-24dp();\n }\n}\n\n\n// Class generator\n// ------------------------------------\n\n@mixin z-depth-classes($transition: false, $focus: false) {\n @if $transition == true {\n &-transition {\n @include z-depth-transition();\n }\n }\n\n @if $focus == true {\n &-focus {\n @include z-depth-focus();\n }\n }\n\n // The available values for the shadow depth\n @each $depth in 2, 3, 4, 6, 8, 16, 24 {\n &-#{$depth}dp {\n @include z-depth($depth);\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Application footer\n.md-footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n\n// Pagination container\n.md-footer-pagination {\n background: $md-color-black;\n color: $md-color-white;\n}\n\n// Footer navigation\n.md-footer-nav {\n padding: 0.4rem;\n overflow: auto;\n\n // Links to previous and next page\n &__link {\n padding-top: 2.8rem;\n padding-bottom: 0.8rem;\n transition: opacity 0.25s;\n\n // [mobile landscape +]: Set proportional width\n @include break-from-device(mobile landscape) {\n width: 50%;\n }\n\n // Hovered link\n &:hover {\n opacity: 0.7;\n }\n\n // Link to previous page\n &--prev {\n width: 25%;\n float: left;\n\n // Title\n .md-footer-nav__title {\n\n // [mobile portrait -]: Hide title for previous page\n @include break-to-device(mobile portrait) {\n display: none;\n }\n }\n }\n\n // Link to next page\n &--next {\n width: 75%;\n float: right;\n text-align: right;\n }\n }\n\n // Icons\n &__icon {\n @extend %md-icon__button;\n\n transition: background 0.25s;\n }\n\n // Link title\n &__title {\n position: relative;\n padding: 0 0.4rem;\n font-size: 1.8rem;\n line-height: 4.8rem;\n }\n\n // Link direction\n &__direction {\n position: absolute;\n right: 0;\n left: 0;\n margin-top: -2.0rem;\n padding: 0 0.4rem;\n color: $md-color-white--light;\n font-size: 1.5rem;\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Navigation container\n.md-nav {\n font-size: ms(-1);\n line-height: 1.3;\n\n // Table of contents\n &--secondary {\n border-left: 0.4rem solid $md-color-primary;\n }\n\n // List title\n &__title {\n display: block;\n padding: 1.2rem 1.2rem 0;\n font-weight: 700;\n text-overflow: ellipsis;\n overflow: hidden;\n\n // Icon, hidden by default\n &::before {\n @extend %md-icon, %md-icon__button;\n\n display: none;\n content: \"arrow_back\";\n }\n }\n\n // List of items\n &__list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n // List item\n &__item {\n padding: 0.625em 1.2rem 0;\n\n // Add bottom spacing to last item\n &:last-child {\n padding-bottom: 1.2rem;\n }\n\n // 2nd+ level items\n & & {\n padding-right: 0;\n\n // Remove bottom spacing for nested items\n &:last-child {\n padding-bottom: 0;\n }\n }\n }\n\n // Link inside item\n &__link {\n display: block;\n transition: color 0.125s;\n text-overflow: ellipsis;\n cursor: pointer;\n overflow: hidden;\n\n // Icon\n &::after {\n @extend %md-icon;\n\n // Item contains a nested list\n .md-nav__item--nested > & {\n content: \"expand_more\";\n }\n }\n\n // Hide link to table of contents by default - this will only match the\n // table of contents inside the drawer below and including tablet portrait\n html &[for=\"toc\"] {\n display: none;\n\n // Hide table of contents by default\n & ~ .md-nav {\n display: none;\n }\n\n // Hide icon for current item\n + .md-nav__link::after {\n display: none;\n }\n }\n\n // Marked item\n &[data-md-marked] {\n color: $md-color-black--light;\n }\n\n // Current or hovered item\n &:hover,\n &:active,\n &--active {\n color: $md-color-accent;\n }\n }\n\n // Repository containing source\n &__source {\n display: none;\n }\n\n // [tablet -]: Layered navigation\n @include break-to-device(tablet) {\n\n // Stretch primary navigation to drawer\n &--primary,\n &--primary .md-nav {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n flex-direction: column;\n height: 100%;\n z-index: 1;\n }\n\n // Adjust styles for primary navigation\n &--primary {\n background: $md-color-white;\n\n // Move subsequent navigations off\n .md-nav__toggle ~ .md-nav {\n @include z-depth(4);\n\n left: 0.4rem;\n background: $md-color-white;\n }\n\n // List title - higher specificity is necessary to ensure that the title\n // inside the drawer is always styled accordingly\n html & .md-nav__title {\n position: relative;\n padding: 0.4rem 1.6rem 0.4rem 5.6rem;\n background: $md-color-black--lightest;\n color: $md-color-black--light;\n font-size: 1.8rem;\n font-weight: 400;\n line-height: 4.8rem;\n white-space: nowrap;\n cursor: pointer;\n\n // Icon\n &::before {\n display: block;\n position: absolute;\n left: 0.4rem;\n width: 4.0rem;\n height: 4.0rem;\n color: $md-color-black--light;\n }\n\n // Remove border for first ist item\n ~ .md-nav__list > .md-nav__item:first-child {\n border-top: 0;\n }\n }\n\n // List of items\n .md-nav__list {\n flex: 1;\n overflow-y: scroll;\n }\n\n // List item\n .md-nav__item {\n padding: 0;\n border-top: 0.1rem solid $md-color-black--lightest;\n\n // Increase spacing to account for icon\n &--nested > .md-nav__link {\n padding-right: 4.8rem;\n }\n }\n\n // Link inside item\n .md-nav__link {\n position: relative;\n padding: 1.6rem;\n\n // Rotate icon\n &::after {\n position: absolute;\n top: 50%;\n right: 1.2rem;\n transform: translateY(-50%) rotate(-90deg);\n transition: inherit;\n color: $md-color-black--light;\n font-size: 2.4rem;\n }\n\n // Color of icon should inherit link color on hover\n &:hover::after {\n color: $md-color-accent;\n }\n }\n\n // Set nested navigation for table of contents to static\n .md-nav--secondary .md-nav {\n position: static;\n\n // 3rd level link\n .md-nav__link {\n padding-left: 2.8rem;\n }\n\n // 4th level link\n .md-nav .md-nav__link {\n padding-left: 4.0rem;\n }\n\n // 5th level link\n .md-nav .md-nav .md-nav__link {\n padding-left: 5.2rem;\n }\n\n // 6th level link\n .md-nav .md-nav .md-nav .md-nav__link {\n padding-left: 6.4rem;\n }\n }\n }\n\n // Hide nested navigation by default\n .md-nav__toggle ~ & {\n display: none;\n\n // Animate appearance, if browser supports 3D transforms\n .csstransforms3d & {\n display: block;\n transform: translateX(100%);\n transition:\n transform 0.25s cubic-bezier(0.8, 0.0, 0.6, 1.0),\n opacity 0.125s 0.05s;\n opacity: 0;\n }\n }\n\n // Expand nested navigation, if toggle is checked\n .md-nav__toggle:checked ~ & {\n display: block;\n\n // Animate appearance, if browser supports 3D transforms\n .csstransforms3d & {\n transform: translateX(0);\n transition:\n transform 0.25s cubic-bezier(0.4, 0.0, 0.2, 1.0),\n opacity 0.125s 0.125s;\n opacity: 1;\n }\n }\n\n // List item\n .md-nav__title,\n .md-nav__item {\n font-size: 1.6rem;\n line-height: 1.4;\n }\n }\n\n // [tablet portrait -]: Show table of contents in drawer\n @include break-to-device(tablet portrait) {\n\n // Remove border on secondary navigation\n &--secondary {\n border-left: 0;\n }\n\n // Show link to table of contents - higher specificity is necessary to\n // display the table of contents inside the drawer\n html &__link[for=\"toc\"] {\n display: block;\n\n // Unrotate icon for table of contents\n &::after {\n transform: translateY(-50%);\n color: $md-color-accent;\n content: \"toc\";\n }\n\n // Hide link to current item\n + .md-nav__link {\n display: none;\n }\n\n // Show table of contents\n & ~ .md-nav {\n display: flex;\n }\n }\n\n // Repository containing source\n &__source {\n display: block;\n padding: 0.4rem;\n background: $md-color-black;\n color: $md-color-white;\n }\n }\n\n // [screen +]: Tree-like navigation\n @include break-from-device(screen) {\n\n // Animation is only possible if JavaScript is available, as the max-height\n // property must be calculated before transitioning\n &.md-nav--transitioning {\n transition: max-height 0.25s cubic-bezier(0.86, 0.0, 0.07, 1.0);\n }\n\n // Hide nested navigation by default\n .md-nav__toggle ~ & {\n max-height: 0;\n overflow: hidden;\n }\n\n // Expand nested navigation, if toggle is checked\n .md-nav__toggle:checked ~ &,\n &.md-nav--toggled {\n max-height: 100%;\n }\n\n // List title\n &__title {\n\n // Hide titles for nested navigation\n & + .md-nav__list & {\n display: none;\n }\n }\n\n // Link inside item\n &__link {\n\n // Item contains a nested list\n .md-nav__item--nested > &::after {\n display: inline-block;\n transform-origin: 0.45em 0.45em;\n transform-style: preserve-3d;\n vertical-align: -0.125em;\n\n // Only animate icon when JavaScript is available, as the height can\n // not be animated anyway, and better no fun than half the fun\n .js & {\n transition: transform 0.4s;\n }\n }\n\n // Rotate icon for expanded lists\n .md-nav__item--nested .md-nav__toggle:checked ~ &::after {\n transform: rotateX(180deg);\n }\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Search container\n.md-search {\n\n // Hide search, if JavaScript is not available.\n .no-js & {\n display: none;\n }\n\n // [tablet landscape +]: Header-embedded search\n @include break-from-device(tablet landscape) {\n padding: 0.4rem;\n padding-right: 3.2rem;\n }\n\n // Search modal overlay\n &__overlay {\n display: none;\n pointer-events: none;\n\n // [tablet portrait -]: Show overlay\n @include break-to-device(tablet portrait) {\n display: block;\n position: absolute;\n top: 0.4rem;\n left: 0.4rem;\n width: 4.0rem;\n height: 4.0rem;\n transform-origin: center;\n transition:\n transform 0.3s 0.1s,\n opacity 0.2s 0.2s;\n border-radius: 2.0rem;\n background: $md-color-white;\n opacity: 0;\n overflow: hidden;\n z-index: 1;\n\n // Expanded overlay\n .md-toggle--search:checked ~ .md-header & {\n transition:\n transform 0.4s,\n opacity 0.1s;\n opacity: 1;\n }\n }\n\n // Set scale factors (currently selected by trial)\n .md-toggle--search:checked ~ .md-header & {\n\n // [mobile portrait -]: Scale up 45 times\n @include break-to-device(mobile portrait) {\n transform: scale(45);\n }\n\n // [mobile landscape]: Scale up 60 times\n @include break-at-device(mobile landscape) {\n transform: scale(60);\n }\n\n // [mobile landscape]: Scale up 75 times\n @include break-at-device(tablet portrait) {\n transform: scale(75);\n }\n }\n }\n\n // Search modal wrapper\n &__inner {\n width: 100%;\n\n // [tablet portrait -]: Put search modal off-canvas by default\n @include break-to-device(tablet portrait) {\n position: fixed;\n top: 0;\n left: 100%;\n height: 100%;\n transform: translateX(5%);\n transition:\n left 0s 0.3s,\n transform 0.15s 0.15s cubic-bezier(0.4, 0.0, 0.2, 1.0),\n opacity 0.15s 0.15s;\n opacity: 0;\n z-index: 2;\n\n // Active search modal\n .md-toggle--search:checked ~ .md-header & {\n left: 0;\n transform: translateX(0);\n transition:\n left 0s 0s,\n transform 0.15s 0.15s cubic-bezier(0.1, 0.7, 0.1, 1.0),\n opacity 0.15s 0.15s;\n opacity: 1;\n }\n }\n\n // [tablet landscape +]: Make relative for inner positioning\n @include break-from-device(tablet landscape) {\n position: relative;\n }\n }\n\n // Search form\n &__form {\n\n // [tablet landscape +]: Header-embedded search\n @include break-from-device(tablet landscape) {\n width: 23.0rem;\n transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1.0);\n border-radius: 0.2rem;\n\n // Active search field\n [data-md-locked] & {\n width: 66.8rem;\n }\n }\n }\n\n // Icon\n &__icon {\n position: absolute;\n top: $md-icon-padding;\n left: $md-icon-padding + $md-icon-margin; // TODO: solve in some other way...\n transition: color 0.25s;\n font-size: $md-icon-size;\n cursor: pointer;\n\n // Set search icon on pseudo class, so it can be overridden for mobile\n // and tablet when the search is rendered in an overlay\n &::before {\n content: \"search\";\n }\n\n // [tablet portrait -]: Use back arrow as search icon\n @include break-to-device(tablet portrait) {\n top: 1.6rem;\n left: 1.6rem;\n\n // Show back arrow instead of search icon\n &::before {\n content: \"arrow_back\";\n }\n }\n }\n\n // Search field\n &__input {\n padding: 0 1.6rem 0 7.2rem;\n text-overflow: ellipsis;\n\n // Placeholder and icon color in active state\n + .md-search__icon,\n &::placeholder {\n color: $md-color-black--light;\n }\n\n // [tablet portrait -]: Full-screen search bar\n @include break-to-device(tablet portrait) {\n width: 100%;\n height: 5.6rem;\n font-size: 1.8rem;\n }\n\n // [tablet landscape +]: Header-embedded search\n @include break-from-device(tablet landscape) {\n width: 100%;\n height: 4.0rem;\n padding-left: 4.8rem;\n transition:\n background-color 0.25s,\n color 0.25s;\n border-radius: 0.2rem;\n background: $md-color-black--lighter;\n color: $md-color-white;\n font-size: ms(0);\n\n // Placeholder color\n + .md-search__icon,\n &::placeholder {\n transition: color 0.25s;\n color: $md-color-white;\n }\n\n // Hovered search field\n &:hover {\n background: $md-color-white--lightest;\n }\n\n // Active search field\n [data-md-locked] & {\n border-radius: 0.2rem 0.2rem 0 0;\n background: $md-color-white;\n color: $md-color-black;\n text-overflow: none;\n\n // Placeholder and icon color in active state\n + .md-search__icon,\n &::placeholder {\n color: $md-color-black--light;\n }\n }\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Sidebar container\n.md-sidebar {\n position: relative;\n width: 24.2rem;\n float: left;\n overflow: visible;\n\n // Lock sidebar to container height (account for fixed header)\n &[data-md-locked] {\n position: fixed;\n top: 5.6rem;\n }\n\n // Omit repaint of whole page by promoting primary sidebar to a separate\n // layer, but not the secondary sidebar to omit jittering\n &--primary {\n backface-visibility: hidden;\n }\n\n // [tablet -]: Convert navigation to drawer\n @include break-to-device(tablet) {\n\n // Render primary sidebar as a slideout container\n &--primary {\n position: fixed;\n top: 0;\n left: -24.2rem;\n width: 24.2rem;\n height: 100%;\n transform: translateX(0);\n transition:\n transform 0.25s cubic-bezier(0.4, 0.0, 0.2, 1.0),\n box-shadow 0.25s;\n background: $md-color-white;\n z-index: 2;\n\n // Just hide drawer, if browser doesn't support 3D transforms\n .no-csstransforms3d & {\n display: none;\n }\n\n // Expanded drawer\n .md-toggle--drawer:checked ~ .md-container & {\n @include z-depth(8);\n\n transform: translateX(24.2rem);\n\n // Just show drawer, if browser doesn't support 3D transforms\n .no-csstransforms3d & {\n display: block;\n }\n }\n\n // Hide overflow for nested navigation\n .md-sidebar__scrollwrap {\n overflow: hidden;\n }\n }\n }\n\n // Secondary sidebar with table of contents\n &--secondary {\n display: none;\n\n // [tablet landscape +]: Show table of contents next to body copy\n @include break-from-device(tablet landscape) {\n display: block;\n float: right;\n\n // Hack: align right in case of locked sidebar\n &[data-md-locked] {\n margin-left: 100%;\n transform: translate(-100%, 0);\n\n // [screen +]: Limit to grid\n @include break-from-device(screen) {\n margin-left: 120.0rem;\n }\n }\n }\n }\n\n // Wrapper for scrolling on overflow\n &__scrollwrap {\n margin: 2.4rem 0.4rem;\n overflow-y: scroll;\n // -webkit-overflow-scrolling: touch; // TODO: problems with iOS\n\n // [tablet -]: Adjust margins\n @include break-to-device(tablet) {\n\n // Adjust margins for primary scrollbar\n .md-sidebar--primary & {\n margin: 0;\n }\n }\n\n // Limit height to window, if JavaScript is available\n .js & {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n // Override native scrollbar styles\n &::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem;\n\n // Style scrollbar thumb\n &-thumb {\n background-color: $md-color-black--lighter;\n\n // Hovered scrollbar thumb\n &:hover {\n background-color: $md-color-accent;\n }\n }\n }\n }\n\n // Sidebar content\n &__inner {\n\n // [screen +]: Add line for reference\n @include break-from-device(screen) {\n border-right: 0.1rem solid $md-color-black--lightest;\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Source container\n.md-source {\n display: block;\n transition: opacity 0.25s;\n font-size: 1.3rem;\n line-height: 1.2;\n white-space: nowrap;\n\n // Hovered source information\n &:hover {\n opacity: 0.7;\n }\n\n // Necessary for vertical alignment\n &::before {\n display: inline-block;\n height: 4.8rem;\n content: \"\";\n vertical-align: middle;\n }\n\n // Repository is hosted on platform\n &--bitbucket,\n &--github,\n &--gitlab {\n\n // Platform icon\n &::before {\n width: 4.8rem;\n background-repeat: no-repeat;\n background-position: center;\n background-size: $md-icon-size $md-icon-size;\n }\n\n // Adjust repository information for platform icon\n .md-source__repository {\n margin-left: -4.4rem;\n padding-left: 4.0rem;\n }\n }\n\n // Code is hosted on BitBucket\n &--bitbucket::before {\n background-image: url(\"../images/icons/bitbucket-white.svg\");\n }\n\n // Code is hosted on GitHub\n &--github::before {\n background-image: url(\"../images/icons/github-white.svg\");\n }\n\n // Code is hosted on GitLab\n &--gitlab::before {\n background-image: url(\"../images/icons/gitlab-white.svg\");\n }\n\n // Repository name\n &__repository {\n display: inline-block;\n max-width: 100%;\n margin-left: 0.8rem;\n font-weight: 700;\n text-overflow: ellipsis;\n overflow: hidden;\n vertical-align: middle;\n }\n\n // Source facts (statistics etc.)\n &__facts {\n margin: 0;\n padding: 0;\n font-size: 1.1rem;\n font-weight: 700;\n opacity: 0.75;\n list-style-type: none;\n }\n\n // Fact\n &__fact {\n float: left;\n transform: translateY(0%);\n transition:\n transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1.0),\n opacity 0.25s;\n opacity: 1;\n\n // Facts are hidden by default\n &--hidden {\n transform: translateY(100%);\n opacity: 0;\n }\n\n // Middle dots before fact\n &::before {\n margin: 0 0.2rem;\n content: \"\\00B7\";\n }\n\n // Remove middle dot on first fact\n &:first-child::before {\n display: none;\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Admonition extension\n.admonition {\n margin: 2.0rem 0;\n padding: 0.8rem 1.2rem;\n border-left: 0.4rem solid $clr-blue-a200;\n border-radius: 0 0.2rem 0.2rem 0;\n background: transparentize($clr-blue-a200, 0.95);\n\n // Title\n &-title {\n color: $clr-blue-a400;\n font-size: ms(-1);\n font-weight: 700;\n line-height: 2;\n text-transform: uppercase;\n\n // Remove bottom spacing for title\n html & {\n margin-bottom: 0;\n }\n\n // Remove top spacing for first element following title\n html & + * {\n margin-top: 0;\n }\n\n // Icon\n &::before {\n @extend %md-icon;\n\n margin-right: 0.45em;\n font-size: 2.0rem;\n content: \"edit\";\n vertical-align: -0.25em;\n }\n }\n\n // Remove spacing on first element\n :first-child {\n margin-top: 0;\n }\n\n // Remove spacing on last element\n :last-child {\n margin-bottom: 0;\n }\n\n // Build representational classes\n @each $names, $appearance in (\n summary tldr: $clr-light-blue-a400 \"subject\",\n tip idea: $clr-teal-a700 \"whatshot\",\n success check done: $clr-green-a400 \"done\",\n warning attention important: $clr-orange-a400 \"warning\",\n failure fail missing: $clr-red-a200 \"clear\",\n danger caution: $clr-red-a400 \"flash_on\",\n error bug: $clr-pink-a400 \"bug_report\"\n ) {\n $tint: nth($appearance, 1);\n $icon: nth($appearance, 2);\n\n // Define base class\n &%#{nth($names, 1)},\n &.#{nth($names, 1)} {\n border-color: $tint;\n background: transparentize($tint, 0.95);\n\n // Set color for title\n .admonition-title {\n color: $tint;\n\n // Icon\n &::before {\n content: $icon;\n }\n }\n }\n\n // Define synonyms for base class\n @if length($names) > 1 {\n @for $n from 2 through length($names) {\n &.#{nth($names, $n)} {\n @extend .admonition%#{nth($names, 1)};\n }\n }\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n// Keywords\n$codehilite-keyword: #3B78E7;\n$codehilite-keyword-declaration: #3B78E7;\n$codehilite-keyword-namespace: #3B78E7;\n$codehilite-keyword-reserved: #3E61A2;\n$codehilite-keyword-type: #3E61A2;\n\n// Comments\n$codehilite-comment: #999999;\n$codehilite-comment-multiline: #999999;\n$codehilite-comment-preproc: #666666;\n$codehilite-comment-single: #999999;\n$codehilite-comment-special: #999999;\n\n// Names\n$codehilite-name-attribute: #C2185B;\n$codehilite-name-builtin: #C2185B;\n$codehilite-name-builtin-pseudo: #3E61A2;\n$codehilite-name-class: #C2185B;\n$codehilite-name-constant: #3E61A2;\n$codehilite-name-decorator: #666666;\n$codehilite-name-entity: #666666;\n$codehilite-name-exception: #C2185B;\n$codehilite-name-function: #C2185B;\n$codehilite-name-label: #3B5179;\n$codehilite-name-namespace: #EC407A;\n$codehilite-name-tag: #3B78E7;\n$codehilite-name-variable: #3E61A2;\n$codehilite-name-variable-class: #3E61A2;\n$codehilite-name-variable-instance: #3E61A2;\n$codehilite-name-variable-global: #3E61A2;\n$codehilite-name-extension: #EC407A;\n\n// Literals\n$codehilite-literal-string: #0D904F; // #1eec86 for dark background\n$codehilite-literal-string-backticks: #0D904F;\n$codehilite-literal-string-char: #0D904F;\n$codehilite-literal-string-doc: #999999;\n$codehilite-literal-string-double: #0D904F;\n$codehilite-literal-string-single: #0D904F;\n$codehilite-literal-string-symbol: #0D904F;\n\n// Numbers\n$codehilite-literal-number: #E74C3C;\n$codehilite-literal-number-float: #E74C3C;\n$codehilite-literal-number-hex: #E74C3C;\n$codehilite-literal-number-integer: #E74C3C;\n$codehilite-literal-number-integer-long: #E74C3C;\n$codehilite-literal-number-oct: #E74C3C;\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Codehilite extension\n.codehilite,\n.code {\n\n // Errors\n .err { color: #A61717; }\n\n // Operators\n .o { color: inherit; }\n\n // Generics\n .ge { color: #000000; } // Generic.Emph\n .gr { color: #AA0000; } // Generic.Error\n .gh { color: #999999; } // Generic.Heading\n .go { color: #888888; } // Generic.Output\n .gp { color: #555555; } // Generic.Prompt\n .gs { color: inherit; } // Generic.Strong\n .gu { color: #AAAAAA; } // Generic.Subheading\n .gt { color: #AA0000; } // Generic.Traceback\n\n // Keywords\n .k { color: $codehilite-keyword; }\n .kc { color: #A71D5D; } // Keyword.Constant\n .kd { color: $codehilite-keyword-declaration; }\n .kn { color: $codehilite-keyword-namespace; }\n .kp { color: #A71D5D; } // Keyword.Pseudo\n .kr { color: $codehilite-keyword-reserved; }\n .kt { color: $codehilite-keyword-type; }\n\n // Comments\n .c { color: $codehilite-comment; }\n .cm { color: $codehilite-comment-multiline; }\n .cp { color: $codehilite-comment-preproc; }\n .c1 { color: $codehilite-comment-single; }\n .cs { color: $codehilite-comment-special; }\n\n // Names\n .na { color: $codehilite-name-attribute; }\n .nb { color: $codehilite-name-builtin; }\n .bp { color: $codehilite-name-builtin-pseudo; }\n .nc { color: $codehilite-name-class; }\n .no { color: $codehilite-name-constant; }\n .nd { color: $codehilite-name-entity; }\n .ni { color: $codehilite-name-entity; }\n .ne { color: $codehilite-name-exception; }\n .nf { color: $codehilite-name-function; }\n .nl { color: $codehilite-name-label; }\n .nn { color: $codehilite-name-namespace; }\n .nt { color: $codehilite-name-tag; }\n .nv { color: $codehilite-name-variable; }\n .vc { color: $codehilite-name-variable-class; }\n .vg { color: $codehilite-name-variable-global; }\n .vi { color: $codehilite-name-variable-instance; }\n .nx { color: $codehilite-name-extension; }\n .ow { color: inherit; }\n\n // Numbers\n .m { color: $codehilite-literal-number; }\n .mf { color: $codehilite-literal-number-float; }\n .mh { color: $codehilite-literal-number-hex; }\n .mi { color: $codehilite-literal-number-integer; }\n .il { color: $codehilite-literal-number-integer-long; }\n .mo { color: $codehilite-literal-number-oct; }\n\n // Strings\n .s { color: $codehilite-literal-string; }\n .sb { color: $codehilite-literal-string-backticks; }\n .sc { color: $codehilite-literal-string-char; }\n .sd { color: $codehilite-literal-string-doc; }\n .s2 { color: $codehilite-literal-string-double; }\n .se { color: #183691; } // Literal.String.Escape\n .sh { color: #183691; } // Literal.String.Heredoc\n .si { color: #183691; } // Literal.String.Interpol\n .sx { color: #183691; } // Literal.String.Other\n .sr { color: #009926; } // Literal.String.Regex\n .s1 { color: $codehilite-literal-string-single; }\n .ss { color: $codehilite-literal-string-symbol; }\n\n // Diffs\n .gd { background-color: #FFDDDD; } // Generic.Deleted\n .gi { background-color: #DDFFDD; } // Generic.Inserted\n\n // Miscellaneous\n .w { color: transparent; } // Text.Whitespace\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Footnotes extension\n.footnote {\n color: $md-color-black--light;\n font-size: 80%;\n\n // Remove additional spacing on footnotes\n ol {\n margin-left: 0;\n }\n\n // Single footnote\n li {\n\n // TODO: this doesn't work entirely\n // &::before {\n // display: block;\n // content: \"\";\n // padding-top: (5.6rem + 2.4rem + 0.4rem);\n // margin-top: -(5.6rem + 2.4rem + 0.4rem);\n // }\n\n // Make back references visible on hover\n &:hover .footnote-backref,\n &:target .footnote-backref {\n transform: translateX(0);\n opacity: 1;\n }\n\n // Active or targeted back reference\n &:hover .footnote-backref:hover,\n &:target .footnote-backref {\n color: $md-color-accent;\n }\n }\n\n // Correct anchor offset\n &-ref::before {\n position: absolute;\n margin-top: -(5.6rem + 2.4rem);\n padding-top: (5.6rem + 2.4rem);\n content: \"\";\n pointer-events: none;\n }\n\n // Make back reference text transparent for icon\n &-backref {\n @extend %md-icon;\n\n position: absolute;\n transform: translateX(0.5rem);\n transition: transform 0.25s 0.125s,\n color 0.25s,\n opacity 0.125s 0.125s;\n color: $md-color-black--lighter;\n font-size: 2.0rem;\n opacity: 0;\n vertical-align: middle;\n\n // Hack: remove Unicode arrow for icon\n &::first-letter {\n font-size: 0;\n }\n\n // Back reference icon\n &::after {\n content: \"keyboard_return\";\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content for greater specificity\n.md-typeset {\n\n // Permalinks extension\n .headerlink {\n display: inline-block;\n margin-left: 1.0rem;\n transform: translate(0, 0.5rem);\n transition: transform 0.25s 0.25s,\n color 0.25s,\n opacity 0.125s 0.25s;\n color: $md-color-black--lighter;\n opacity: 0;\n }\n\n // All headers with permalinks have ids\n [id] {\n\n // Make permalink visible on hover\n &:hover .headerlink,\n &:target .headerlink,\n & .headerlink:focus {\n transform: translate(0, 0);\n opacity: 1;\n }\n\n // Active or targeted permalink\n &:hover .headerlink:hover,\n &:target .headerlink,\n & .headerlink:focus {\n color: $md-color-accent;\n }\n }\n\n // Correct anchor offset of headlines\n @each $level, $delta in (\n h1: 3.0rem,\n h2: 0.2rem,\n h3: 0.4rem,\n h4: 0.6rem,\n h5: 1.0rem,\n h6: 1.0rem\n ) {\n #{$level}[id]::before {\n display: block;\n margin-top: -(5.6rem + 2.4rem + $delta);\n padding-top: (5.6rem + 2.4rem + $delta);\n content: \"\";\n }\n }\n}\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// TODO: cleanup redundant data-md-locked,\n// --> use hidden checkbox for reasons of label/button/trigger easyness...\n// TODO: set label for magnifying glasses onto search toggle\n// --> this way we can always use the search toggle and only need the locked state on the body!\n// --> question: how does this play with directly focusing the search field!?\n\n.md-search__output {\n overflow-y: auto; // necessary for rounded borders\n // &::after {\n // display: block;\n // content: \"\";\n // width: 100%;\n // height: 20px;\n // background: red; // TODO: white shadow overlay to fade out result scrolling\n // }\n\n [data-md-locked] & {\n opacity: 1;\n }\n\n width: 100%;\n\n opacity: 0;\n transition: opacity .4s, max-height .4s;\n\n\n text-align: left; // TODO: wrap with another div for this effect\n\n z-index: -1; // ??? wherefor? probably not necessary anymore.\n}\n\n@include break-to-device(tablet portrait) {\n .md-search__output {\n position: absolute;\n top: 5.6rem;\n bottom: 0;\n\n background:\n \t\tlinear-gradient(white 10%, rgba(255,255,255,0)), // cover\n linear-gradient(to bottom, rgba(0, 0, 0, 0.25),\n rgba(0, 0, 0, 0.125) 20%,\n rgba(0, 0, 0, 0) 60%); // shadow\n \tbackground-repeat: no-repeat;\n \tbackground-color: white;\n \tbackground-size: 100% 20px, 100% 10px;\n\n \t// Opera doesn't support this in the shorthand\n \tbackground-attachment: local, scroll;\n }\n .md-search-result__item {\n // margin: 0.8rem;\n }\n .md-search-result__link {\n padding: 0 1.6rem;\n // background: white;\n // border-radius: 0.2rem;\n // @include z-depth(2);\n }\n .md-search-result__meta {\n padding-left: 1.6rem;\n border-top: 0.1rem solid rgba(0, 0, 0, 0.07);\n }\n}\n\n@include break-from-device(tablet landscape) {\n\n // Scroll shadow - WIP\n .md-search__output {\n @include z-depth(6);\n\n background: $md-color-white;\n // color: red;\n border-top: 0.1rem solid $md-color-black--lightest; // TODO: box-shadow inset!\n border-radius: 0 0 0.3rem 0.3rem; // ???\n position: absolute; // must be absolute, or header nav will stretch\n max-height: 0vh; // TODO: can this be done in percent!?!?!?\n [data-md-locked] & {\n max-height: 75vh;\n }\n\n // Override native scrollbar styles\n &::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem;\n\n // Style scrollbar thumb\n &-thumb {\n background-color: $md-color-black--lighter;\n\n // Hovered scrollbar thumb\n &:hover {\n background-color: $md-color-accent;\n }\n }\n }\n\n \tbackground:\n \t\tlinear-gradient(white 10%, rgba(255,255,255,0)), // cover\n linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0) 60%); // shadow\n \tbackground-repeat: no-repeat;\n \tbackground-color: white;\n \tbackground-size: 100% 20px, 100% 5px;\n\n \t/* Opera doesn't support this in the shorthand */\n \tbackground-attachment: local, scroll;\n }\n}\n\n.md-search-result {\n\n\n &__meta {\n color: $md-color-black--light;\n padding-left: 4.8rem;\n padding-right: 1.6rem;\n line-height: 4.0rem;\n font-size: ms(-1);\n\n }\n\n &__list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n border-top: 0.1rem solid $md-color-black--lightest;\n }\n\n &__item {\n // background: yellow;\n\n // border-top: 0.1rem solid $md-color-black--lightest;\n }\n\n\n &__link {\n overflow: auto;\n display: block;\n padding-left: 4.8rem;\n padding-right: 1.6rem;\n transition: background 0.25s;\n\n &:hover {\n background: transparentize($md-color-accent, 0.9);\n }\n }\n\n &__title {\n color: $md-color-black;\n font-size: ms(0);\n line-height: 1.4;\n margin-top: 0.5em;\n }\n\n &__description {\n color: $md-color-black--light;\n font-size: ms(-1);\n line-height: 1.4;\n margin: 0.5em 0;;\n }\n}\n\n// .md-nav--secondary > .md-nav__title {\n// // -webkit-overflow-scrolling: touch;\n// @include z-depth(1);\n// }\n\n\n// // add light border for more contrast\n// .md-typeset pre {\n// border: 1px solid rgba(0,0,0,0.0125);\n// }\n\n\n// .md-search__suggest {\n//\n//\n// background: $md-color-white;\n// border-radius: 0 0 0.3rem 0.3rem;\n// color: #000000;\n// text-align: left;\n// border-top: 0.1rem solid $md-color-black--lightest;\n// display: none; // TODO: doesnt work due to display: none;\n// opacity: 0;\n//\n// // overflow: auto;\n// transition: opacity .3s;\n// // pointer-events: none;\n//\n//\n// .md-search__input:focus ~ & {\n// // animation: anima .3s;\n// display: block;\n// opacity: 1;\n// }\n// }\n\n// TODO: only on tablet and bind to search active state!\n// .md-search__input:focus {\n// border-radius: 0.3rem 0.3rem 0 0;\n// }\n\n@include break-to-device(mobile landscape) {\n\n .md-search__suggest {\n position: relative;\n z-index: 2;\n }\n}\n\n.md-search-term {\n position: relative;\n padding: 0 0.8rem 0 4.8rem;\n line-height: 4.0rem; // don't use line height????\n font-size: 1.6rem;\n\n &::before {\n @extend %md-icon;\n\n position: absolute;\n\n content: \"access_time\";\n font-size: 2.4rem;\n line-height: 4.0rem; // this sucks...\n left: 1.2rem;\n color: $md-color-black--lighter;\n }\n transition: background .25s;\n cursor: pointer;\n &:hover {\n background: mix($md-color-white, $md-color-primary, 90%);\n }\n}\n\n\n\n\n\n\n\n\n\n.checklist {\n\n li {\n position: relative;\n list-style-type: none;\n\n &::before {\n @extend %md-icon;\n\n position: absolute;\n appearance: none;\n color: blue;\n\n content: \"check_box\";\n font-size: 2.4rem;\n }\n }\n\n input[type=\"checkbox\"]:checked {\n width: 20px;\n // & ~ .checklist li::after {\n // color: red;\n // }\n }\n}\n\n// Inline code blocks\nins.critic, del.critic, mark {\n margin: 0 0.4rem;\n padding: 0.1rem 0;\n word-break: break-word;\n box-decoration-break: clone;\n\n border-radius: 0.2rem;\n\n // &::before {\n // @extend %md-icon;\n //\n // color: $md-color-black--light;\n //\n // font-size: 1.6rem;\n // padding-right: 0.2rem;\n // vertical-align: -0.2rem;\n // }\n}\n\nins.critic {\n background: #DDFFDD;\n box-shadow: 0.4rem 0 0 #DDFFDD,\n -0.4rem 0 0 #DDFFDD;\n text-decoration: none;\n // &::before {\n // content: \"add\";\n // }\n}\n\ndel.critic {\n background: #FFDDDD;\n box-shadow: 0.4rem 0 0 #FFDDDD,\n -0.4rem 0 0 #FFDDDD;\n //\n // &::before {\n // content: \"remove\";\n // }\n}\n\n// Not critic-specific!\nmark {\n background: #FFFF00;\n box-shadow: 0.4rem 0 0 #FFFF00,\n -0.4rem 0 0 #FFFF00; // ligher yellow...\n overflow: auto; // TODO: remove this, just needed to rebuild\n}\n\n.critic.comment {\n margin: 0 0.4rem;\n padding: 0.1rem 0;\n border-radius: 0.2rem;\n background: #F0F0F0;\n color: #37474F;\n // font-size: 85%;\n box-shadow: 0.4rem 0 0 #F0F0F0,\n -0.4rem 0 0 #F0F0F0; // darker than code!!!\n box-decoration-break: clone;\n\n &::before {\n @extend %md-icon;\n\n color: $md-color-black--lighter;\n\n content: \"chat\";\n font-size: 1.6rem;\n padding-right: 0.2rem;\n vertical-align: -0.2rem;\n }\n}\n\n.md-button {\n float: right;\n margin-top: 9px;\n font-size: 13px;\n padding-left: 2.6rem;\n font-weight: 700;\n text-transform: uppercase;\n}\n\n.task-list-item {\n list-style-type: none;\n}\n\n.task-list-item input {\n margin: 0 4px 0.25em -20px;\n vertical-align: middle;\n}\n//\n//\n//\n.task-list-item {\n position: relative;\n}\n\n.task-list-item input[type=\"checkbox\"] {\n opacity: 0;\n}\n\n.task-list-item input[type=\"checkbox\"] + label {\n display: block;\n position: absolute;\n top: 50%;\n left: -24px;\n width: 16px;\n margin-top: -8px;\n height: 16px;\n border-radius: 2px;\n background: #CCC;\n}\n\n.task-list-item input[type=\"checkbox\"]:checked + label::before {\n display: block;\n margin-top: -4px;\n margin-left: 2px;\n font-size: 1.2em;\n line-height: 1;\n border-radius: 2px;\n content: \"✔\";\n color: #1EBB52;\n}\n\n.codehilite .hll {\n background: #FFFF00;\n display: block;\n margin: 0 -16px;\n padding: 0 16px;\n}\n\n// TODO: integrate stylelint and property order!\n\n\n.md-typeset {\n sup {\n // background: $md-color-black--lighter;\n padding: 0 0.125em;\n border-radius: 0.2em;\n // font-weight: bold;\n // color: $md-color-white;\n &[id]:target {\n background: orange;\n }\n\n a {\n // color: white;\n }\n }\n}\n\n// TODO: remove jitter\n// .md-search,\n// .md-search__inner,\n// .md-search__form {\n// text-align: right;\n// }\n","////\n/// Copyright (c) 2016 Martin Donath \n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n///\n/// Device-specific breakpoints\n///\n/// @example\n/// $break-devices: (\n/// mobile: (\n/// portrait: 220px 479px,\n/// landscape: 480px 719px\n/// ),\n/// tablet: (\n/// portrait: 720px 959px,\n/// landscape: 960px 1199px\n/// ),\n/// screen: (\n/// small: 1200px 1599px,\n/// medium: 1600px 1999px,\n/// large: 2000px\n/// )\n/// );\n///\n/// @group helpers\n/// @access private\n/// @type Map\n///\n$break-devices: () !default;\n\n// ----------------------------------------------------------------------------\n// Helpers\n// ----------------------------------------------------------------------------\n\n///\n/// Choose minimum and maximum device widths\n///\n/// @group helpers\n/// @access private\n/// @param {Map} $devices Map of devices\n/// @return {List} Minimum and maximum width\n///\n@function break-select-min-max($devices) {\n $min: 1000000;\n $max: 0;\n @each $key, $value in $devices {\n @while type-of($value) == map {\n $value: break-select-min-max($value);\n }\n @if type-of($value) == list {\n @each $number in $value {\n @if type-of($number) == number {\n $min: min($number, $min);\n @if $max != null {\n $max: max($number, $max);\n }\n } @else {\n @error \"Invalid number: #{$number}\";\n }\n }\n } @elseif type-of($value) == number {\n $min: min($value, $min);\n $max: null;\n } @else {\n @error \"Invalid value: #{$value}\";\n }\n }\n @return $min, $max;\n}\n\n///\n/// Select minimum and maximum widths for a device breakpoint\n///\n/// @group helpers\n/// @access private\n/// @param {String} $device Device\n/// @return {List} Minimum and maximum width\n///\n@function break-select-device($device) {\n $current: $break-devices;\n @for $n from 1 through length($device) {\n @if type-of($current) == map {\n $current: map-get($current, nth($device, $n));\n } @else {\n @error \"Invalid device map: #{$devices}\";\n }\n }\n @if type-of($current) == list or\n type-of($current) == number {\n $current: (default: $current);\n }\n @return break-select-min-max($current);\n}\n\n// ----------------------------------------------------------------------------\n// Mixins\n// ----------------------------------------------------------------------------\n\n///\n/// A minimum-maximum media query breakpoint\n///\n/// @group helpers\n/// @access public\n/// @param {Number|List} $breakpoint Number or number pair\n///\n@mixin break-at($breakpoint) {\n @if type-of($breakpoint) == number {\n @media only screen and (min-width: $breakpoint) {\n @content;\n }\n } @elseif type-of($breakpoint) == list {\n $min: nth($breakpoint, 1);\n $max: nth($breakpoint, 2);\n @if type-of($min) == number and type-of($max) == number {\n @media only screen and (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else {\n @error \"Invalid breakpoint: #{$breakpoint}\";\n }\n } @else {\n @error \"Invalid breakpoint: #{$breakpoint}\";\n }\n}\n\n///\n/// An orientation media query breakpoint\n///\n/// @group helpers\n/// @access public\n/// @param {String} $breakpoint Orientation\n///\n@mixin break-at-orientation($breakpoint) {\n @if type-of($breakpoint) == string {\n @media only screen and (orientation: $breakpoint) {\n @content;\n }\n } @else {\n @error \"Invalid breakpoint: #{$breakpoint}\";\n }\n}\n\n///\n/// A maximum-aspect-ratio media query breakpoint\n///\n/// @group helpers\n/// @access public\n/// @param {Number} $breakpoint Ratio\n///\n@mixin break-at-ratio($breakpoint) {\n @if type-of($breakpoint) == number {\n @media only screen and (max-aspect-ratio: $breakpoint) {\n @content;\n }\n } @else {\n @error \"Invalid breakpoint: #{$breakpoint}\";\n }\n}\n\n///\n/// A minimum-maximum media query device breakpoint\n///\n/// @group helpers\n/// @access public\n/// @param {String|List} $breakpoint Device\n///\n@mixin break-at-device($device) {\n @if type-of($device) == string {\n $device: $device,;\n }\n @if type-of($device) == list {\n $breakpoint: break-select-device($device);\n @if nth($breakpoint, 2) != null {\n $min: nth($breakpoint, 1);\n $max: nth($breakpoint, 2);\n @media only screen and (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else {\n @error \"Invalid device: #{$device}\";\n }\n } @else {\n @error \"Invalid device: #{$device}\";\n }\n}\n\n///\n/// A minimum media query device breakpoint\n///\n/// @group helpers\n/// @access public\n/// @param {String|List} $breakpoint Device\n///\n@mixin break-from-device($device) {\n @if type-of($device) == string {\n $device: $device,;\n }\n @if type-of($device) == list {\n $breakpoint: break-select-device($device);\n $min: nth($breakpoint, 1);\n @media only screen and (min-width: $min) {\n @content;\n }\n } @else {\n @error \"Invalid device: #{$device}\";\n }\n}\n\n///\n/// A maximum media query device breakpoint\n///\n/// @group helpers\n/// @access public\n/// @param {String|List} $breakpoint Device\n///\n@mixin break-to-device($device) {\n @if type-of($device) == string {\n $device: $device,;\n }\n @if type-of($device) == list {\n $breakpoint: break-select-device($device);\n $max: nth($breakpoint, 2);\n @media only screen and (max-width: $max) {\n @content;\n }\n } @else {\n @error \"Invalid device: #{$device}\";\n }\n}\n"]} \ No newline at end of file diff --git a/src/assets/stylesheets/extensions/_admonition.scss b/src/assets/stylesheets/extensions/_admonition.scss index 7a3abb6b2..f4ad5fedf 100644 --- a/src/assets/stylesheets/extensions/_admonition.scss +++ b/src/assets/stylesheets/extensions/_admonition.scss @@ -26,19 +26,29 @@ // Admonition extension .admonition { + position: relative; margin: 2.0rem 0; padding: 0.8rem 1.2rem; - border-left: 0.4rem solid $clr-blue-a200; - border-radius: 0 0.2rem 0.2rem 0; - background: transparentize($clr-blue-a200, 0.9); + border-left: 3.2rem solid transparentize($clr-blue-a200, 0.6); + border-radius: 0.2rem; + background: transparentize($clr-blue-a200, 0.85); + font-size: ms(-1); + + // Icon + &::before { + @extend %md-icon; + + position: absolute; + left: -2.6rem; + color: $md-color-white; + font-size: 2.0rem; + content: "edit"; + vertical-align: -0.25em; + } // Title &-title { - color: $clr-blue-a400; - font-size: ms(-1); font-weight: 700; - line-height: 2; - text-transform: uppercase; // Remove bottom spacing for title html & { @@ -49,16 +59,6 @@ html & + * { margin-top: 0; } - - // Icon - &::before { - @extend %md-icon; - - margin-right: 0.45em; - font-size: 2.0rem; - content: "edit"; - vertical-align: -0.25em; - } } // Remove spacing on first element @@ -87,17 +87,12 @@ // Define base class &%#{nth($names, 1)}, &.#{nth($names, 1)} { - border-color: $tint; - background: transparentize($tint, 0.9); + border-color: transparentize($tint, 0.6); + background: transparentize($tint, 0.85); - // Set color for title - .admonition-title { - color: $tint; - - // Icon - &::before { - content: $icon; - } + // Icon + &::before { + content: $icon; } }