From 77e68331c0382ca589b2fecdff71f3b3a92e5179 Mon Sep 17 00:00:00 2001 From: Robert Austin Date: Thu, 14 Mar 2019 11:34:39 +1000 Subject: update syntax highlight --- assets/scss/components/_content.scss | 25 +- assets/scss/components/_highlight.scss | 331 ----- assets/scss/libraries/pygments/github.scss | 62 + assets/scss/style.scss | 3 +- ...e.scss_5ad6f408b0e3e473c748aac88af0ea18.content | 1259 ++++++++++---------- ...e.scss_fbbbc62c786286473d9c728ad0108593.content | 2 +- ...tyle.scss_fbbbc62c786286473d9c728ad0108593.json | 2 +- 7 files changed, 710 insertions(+), 974 deletions(-) delete mode 100644 assets/scss/components/_highlight.scss create mode 100644 assets/scss/libraries/pygments/github.scss diff --git a/assets/scss/components/_content.scss b/assets/scss/components/_content.scss index 23215f9..969bedd 100644 --- a/assets/scss/components/_content.scss +++ b/assets/scss/components/_content.scss @@ -1,14 +1,24 @@ .content { -webkit-font-smoothing: antialiased; + .highlight { + border-radius: 2px; + margin-bottom: 20px; + } + code { + background: #f5f5f5; + padding: 3px 6px; + border-radius: 3px; + font-family: $font-family-mono; + font-size: 0.9rem; + line-height: 1.4; + } pre { font-family: $font-family-mono; font-size: 0.9rem; line-height: 1.4; margin: 0; - background: #f5f5f5; padding: 10px; border-radius: 1px; - color: lighten($black, 10%); code { font-family: $font-family-mono; font-size: 0.9rem; @@ -16,17 +26,10 @@ border-radius: none; padding: 0; margin: 0; + background: none; } } - code { - background: #f5f5f5; - padding: 3px 6px; - border-radius: 3px; - color: lighten($black, 10%); - font-family: $font-family-mono; - font-size: 0.9rem; - line-height: 1.4; - } + strong { font-weight: bold; } diff --git a/assets/scss/components/_highlight.scss b/assets/scss/components/_highlight.scss deleted file mode 100644 index 54283e5..0000000 --- a/assets/scss/components/_highlight.scss +++ /dev/null @@ -1,331 +0,0 @@ -.highlight { - margin-bottom: 20px; -} -.highlight .hll { - background-color: #ffffcc; -} -.highlight .c { - color: #999988; - font-style: italic; -} - -/* Comment */ -.highlight .err { - color: #a61717; - background-color: #e3d2d2; -} - -/* Error */ -.highlight .k { - color: #000000; - font-weight: bold; -} - -/* Keyword */ -.highlight .o { - color: #000000; - font-weight: bold; -} - -/* Operator */ -.highlight .cm { - color: #999988; - font-style: italic; -} - -/* Comment.Multiline */ -.highlight .cp { - color: #999999; - font-weight: bold; - font-style: italic; -} - -/* Comment.Preproc */ -.highlight .c1 { - color: #999988; - font-style: italic; -} - -/* Comment.Single */ -.highlight .cs { - color: #999999; - font-weight: bold; - font-style: italic; -} - -/* Comment.Special */ -.highlight .gd { - color: #000000; - background-color: #ffdddd; -} - -/* Generic.Deleted */ -.highlight .ge { - color: #000000; - font-style: italic; -} - -/* Generic.Emph */ -.highlight .gr { - color: #aa0000; -} - -/* Generic.Error */ -.highlight .gh { - color: #999999; -} - -/* Generic.Heading */ -.highlight .gi { - color: #000000; - background-color: #ddffdd; -} - -/* Generic.Inserted */ -.highlight .go { - color: #888888; -} - -/* Generic.Output */ -.highlight .gp { - color: #555555; -} - -/* Generic.Prompt */ -.highlight .gs { - font-weight: bold; -} - -/* Generic.Strong */ -.highlight .gu { - color: #aaaaaa; -} - -/* Generic.Subheading */ -.highlight .gt { - color: #aa0000; -} - -/* Generic.Traceback */ -.highlight .kc { - color: #000000; - font-weight: bold; -} - -/* Keyword.Constant */ -.highlight .kd { - color: #000000; - font-weight: bold; -} - -/* Keyword.Declaration */ -.highlight .kn { - color: #000000; - font-weight: bold; -} - -/* Keyword.Namespace */ -.highlight .kp { - color: #000000; - font-weight: bold; -} - -/* Keyword.Pseudo */ -.highlight .kr { - color: #000000; - font-weight: bold; -} - -/* Keyword.Reserved */ -.highlight .kt { - color: #445588; - font-weight: bold; -} - -/* Keyword.Type */ -.highlight .m { - color: #009999; -} - -/* Literal.Number */ -.highlight .s { - color: #d01040; -} - -/* Literal.String */ -.highlight .na { - color: #008080; -} - -/* Name.Attribute */ -.highlight .nb { - color: #0086b3; -} - -/* Name.Builtin */ -.highlight .nc { - color: #445588; - font-weight: bold; -} - -/* Name.Class */ -.highlight .no { - color: #008080; -} - -/* Name.Constant */ -.highlight .nd { - color: #3c5d5d; - font-weight: bold; -} - -/* Name.Decorator */ -.highlight .ni { - color: #800080; -} - -/* Name.Entity */ -.highlight .ne { - color: #990000; - font-weight: bold; -} - -/* Name.Exception */ -.highlight .nf { - color: #990000; - font-weight: bold; -} - -/* Name.Function */ -.highlight .nl { - color: #990000; - font-weight: bold; -} - -/* Name.Label */ -.highlight .nn { - color: #555555; -} - -/* Name.Namespace */ -.highlight .nt { - color: #000080; -} - -/* Name.Tag */ -.highlight .nv { - color: #008080; -} - -/* Name.Variable */ -.highlight .ow { - color: #000000; - font-weight: bold; -} - -/* Operator.Word */ -.highlight .w { - color: #bbbbbb; -} - -/* Text.Whitespace */ -.highlight .mf { - color: #009999; -} - -/* Literal.Number.Float */ -.highlight .mh { - color: #009999; -} - -/* Literal.Number.Hex */ -.highlight .mi { - color: #009999; -} - -/* Literal.Number.Integer */ -.highlight .mo { - color: #009999; -} - -/* Literal.Number.Oct */ -.highlight .sb { - color: #d01040; -} - -/* Literal.String.Backtick */ -.highlight .sc { - color: #d01040; -} - -/* Literal.String.Char */ -.highlight .sd { - color: #d01040; -} - -/* Literal.String.Doc */ -.highlight .s2 { - color: #d01040; -} - -/* Literal.String.Double */ -.highlight .se { - color: #d01040; -} - -/* Literal.String.Escape */ -.highlight .sh { - color: #d01040; -} - -/* Literal.String.Heredoc */ -.highlight .si { - color: #d01040; -} - -/* Literal.String.Interpol */ -.highlight .sx { - color: #d01040; -} - -/* Literal.String.Other */ -.highlight .sr { - color: #009926; -} - -/* Literal.String.Regex */ -.highlight .s1 { - color: #d01040; -} - -/* Literal.String.Single */ -.highlight .ss { - color: #990073; -} - -/* Literal.String.Symbol */ -.highlight .bp { - color: #999999; -} - -/* Name.Builtin.Pseudo */ -.highlight .vc { - color: #008080; -} - -/* Name.Variable.Class */ -.highlight .vg { - color: #008080; -} - -/* Name.Variable.Global */ -.highlight .vi { - color: #008080; -} - -/* Name.Variable.Instance */ -.highlight .il { - color: #009999; -} - -/* Literal.Number.Integer.Long */ diff --git a/assets/scss/libraries/pygments/github.scss b/assets/scss/libraries/pygments/github.scss new file mode 100644 index 0000000..16e727f --- /dev/null +++ b/assets/scss/libraries/pygments/github.scss @@ -0,0 +1,62 @@ +.highlight { background: #f5f5f5; } +.highlight .hll { background-color: #ffffcc } +.highlight .c { color: #999988; font-style: italic } /* Comment */ +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.highlight .k { color: #000000; font-weight: bold } /* Keyword */ +.highlight .o { color: #000000; font-weight: bold } /* Operator */ +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */ +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gh { color: #999999 } /* Generic.Heading */ +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #aaaaaa } /* Generic.Subheading */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */ +.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ +.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */ +.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ +.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #d01040 } /* Literal.String */ +.highlight .na { color: #008080 } /* Name.Attribute */ +.highlight .nb { color: #0086B3 } /* Name.Builtin */ +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ +.highlight .no { color: #008080 } /* Name.Constant */ +.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */ +.highlight .ni { color: #800080 } /* Name.Entity */ +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ +.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */ +.highlight .nn { color: #555555 } /* Name.Namespace */ +.highlight .nt { color: #000080 } /* Name.Tag */ +.highlight .nv { color: #008080 } /* Name.Variable */ +.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sb { color: #d01040 } /* Literal.String.Backtick */ +.highlight .sc { color: #d01040 } /* Literal.String.Char */ +.highlight .sd { color: #d01040 } /* Literal.String.Doc */ +.highlight .s2 { color: #d01040 } /* Literal.String.Double */ +.highlight .se { color: #d01040 } /* Literal.String.Escape */ +.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */ +.highlight .si { color: #d01040 } /* Literal.String.Interpol */ +.highlight .sx { color: #d01040 } /* Literal.String.Other */ +.highlight .sr { color: #009926 } /* Literal.String.Regex */ +.highlight .s1 { color: #d01040 } /* Literal.String.Single */ +.highlight .ss { color: #990073 } /* Literal.String.Symbol */ +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #008080 } /* Name.Variable.Class */ +.highlight .vg { color: #008080 } /* Name.Variable.Global */ +.highlight .vi { color: #008080 } /* Name.Variable.Instance */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ \ No newline at end of file diff --git a/assets/scss/style.scss b/assets/scss/style.scss index f98bdfc..30c4262 100755 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -41,6 +41,8 @@ // Libraries @import 'libraries/hamburgers/hamburgers'; +@import 'libraries/pygments/github'; + // Components @import 'components/reset'; @@ -59,7 +61,6 @@ @import 'components/content'; @import 'components/strip'; @import 'components/whitebox'; -@import 'components/highlight'; @import 'components/overview'; // Pages diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content index 94026f5..00ca65c 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content +++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content @@ -5300,543 +5300,8 @@ a.text-dark:hover, a.text-dark:focus { .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(-90deg); } -ul, -ol { - margin: 0; - padding: 0; - list-style: none; } - -p { - font-family: "Roboto", Arial, sans-serif, -apple-system; - font-size: 1rem; - line-height: 1.4; - color: #383f45; - font-weight: 400; } - -.page { - display: flex; - min-height: 100vh; - flex-direction: column; } - .page .wrapper { - flex: 1; } - -.header { - color: #1de9b6; - background-color: #ffffff; - display: flex; - justify-content: space-between; - align-items: center; - padding: 10px 0 10px 0; } - .header .container { - display: flex; - justify-content: space-between; - align-items: center; } - .header.header-absolute { - position: absolute; - z-index: 10; - width: 100%; } - -.lock-scroll .header.header-absolute { - position: static; } - -.footer { - background: #eaeaea; - padding-top: 20px; - padding-bottom: 20px; } - .footer .footer-inner { - display: flex; - justify-content: space-between; - flex-direction: column; - align-items: flex-start; } - @media (min-width: 576px) { - .footer .footer-inner { - justify-content: space-between; - flex-direction: row; - align-items: center; } } - .footer .footer-title { - color: #ffffff; - font-size: 1.3rem; - font-family: "Lora", Arial, sans-serif, -apple-system; - margin-bottom: 10px; - flex: 0; } - @media (min-width: 576px) { - .footer .footer-title { - margin: 0; - flex: 0 0 120px; } } - .footer ul.footer-menu { - list-style: none; - margin: 0; - padding: 0; - flex: 1; } - .footer ul.footer-menu li { - display: block; - margin-right: 10px; - color: #333; - font-size: 0.9rem; - line-height: 1.8; } - .footer ul.footer-menu li:last-of-type { - margin-right: 0; } - .footer ul.footer-menu li a { - color: #333; - text-decoration: none; } - .footer ul.footer-menu li a:hover { - text-decoration: underline; } - .footer ul.footer-menu li.copyright { - font-weight: bold; - color: #333; - display: none; } - @media (min-width: 768px) { - .footer ul.footer-menu li.copyright { - display: inline-block; } } - @media (min-width: 576px) { - .footer ul.footer-menu { - height: inherit; - display: flex; - list-style: none; - margin: 0; - padding: 0; - align-items: center; - justify-content: flex-end; } - .footer ul.footer-menu li { - list-style: none; } - .footer ul.footer-menu li a { - display: inline-block; - height: 40px; - padding: 10px 8px 10px 8px; - font-weight: 300; } } - -.sub-footer { - background: #f4f5fb; - padding-top: 20px; - padding-bottom: 20px; } - @media (min-width: 768px) { - .sub-footer { - padding-top: 10px; - padding-bottom: 10px; } } - .sub-footer .sub-footer-inner { - display: flex; - flex-direction: column; - justify-content: flex-end; } - @media (min-width: 768px) { - .sub-footer .sub-footer-inner { - flex-direction: row; } } - .sub-footer .sub-footer-inner ul { - list-style: none; - margin: 0; - padding: 0; } - .sub-footer .sub-footer-inner ul li { - list-style: none; - display: block; - color: #333; - font-size: 0.9rem; - line-height: 1.8; - font-weight: bold; } - .sub-footer .sub-footer-inner ul li strong { - font-weight: bold; - color: #ffffff; } - .sub-footer .sub-footer-inner ul li a { - color: #333; - text-decoration: none; } - .sub-footer .sub-footer-inner ul li a:hover { - text-decoration: underline; } - .sub-footer .sub-footer-inner ul li span { - display: inline-block; - height: 40px; - padding: 10px 0 10px 8px; - font-weight: bold; - color: #ffffff; } - .sub-footer .sub-footer-inner ul li.zerostatic a { - color: #333; } - @media (min-width: 576px) { - .sub-footer .sub-footer-inner ul li { - display: inline-block; - margin-left: 10px; } - .sub-footer .sub-footer-inner ul li:first-of-type { - margin-left: 0; } } - -.logo { - display: none; } - @media (min-width: 576px) { - .logo { - display: block; - width: 70px; } } - .logo img { - width: 100%; - height: auto; } - .logo a { - display: block; - width: 100%; - height: 100%; } - -.logo-mobile { - display: block; - width: 54px; } - @media (min-width: 576px) { - .logo-mobile { - display: none; } } - .logo-mobile img { - width: 100%; - height: auto; } - .logo-mobile a { - display: block; - width: 100%; - height: 100%; } - -.main-menu { - display: none; } - @media (min-width: 768px) { - .main-menu { - display: block; } } - .main-menu > ul { - display: flex; - align-items: center; - justify-content: flex-start; - font-family: "Roboto", Arial, sans-serif, -apple-system; } - .main-menu > ul > li { - list-style: none; - font-size: 14px; } - .main-menu > ul > li > a { - padding: 10px 14px 10px 14px; - display: inline-block; - font-weight: normal; - text-decoration: none; - color: #1de9b6; } - .main-menu > ul > li > a:hover { - text-decoration: underline; - color: #1de9b6; } - .main-menu > ul > li.active > a { - font-weight: bold; } - -.main-menu-mobile { - position: fixed; - background: #1de9b6; - top: 0; - left: 0; - width: 100%; - height: 100vh; - opacity: 0; - visibility: hidden; - transition: opacity 0.35s, visibility 0.35s, height 0.35s; - overflow: hidden; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; } - .main-menu-mobile.open { - opacity: 0.9; - visibility: visible; - height: 100%; - z-index: 20; } - .main-menu-mobile.open li { - animation: fadeInRight 0.5s ease forwards; - animation-delay: 0.35s; } - .main-menu-mobile.open li:nth-of-type(2) { - animation-delay: 0.4s; } - .main-menu-mobile.open li:nth-of-type(3) { - animation-delay: 0.45s; } - .main-menu-mobile.open li:nth-of-type(4) { - animation-delay: 0.5s; } - .main-menu-mobile.open li:nth-of-type(5) { - animation-delay: 0.55s; } - .main-menu-mobile.open li:nth-of-type(6) { - animation-delay: 0.6s; } - .main-menu-mobile ul { - font-size: 2rem; - font-family: "Roboto", Arial, sans-serif, -apple-system; - text-align: center; - list-style: none; - padding: 0; - margin: 0; - flex: 0; } - .main-menu-mobile ul li { - display: block; - position: relative; - opacity: 0; } - .main-menu-mobile ul li a { - display: block; - position: relative; - color: #ffffff; - text-decoration: none; - overflow: hidden; - font-weight: lighter; } - .main-menu-mobile ul li a:hover::after, .main-menu-mobile ul li a:focus::after, .main-menu-mobile ul li a:active::after { - width: 100%; } - .main-menu-mobile ul li a::after { - content: ''; - position: absolute; - bottom: 0; - left: 50%; - width: 0%; - transform: translateX(-50%); - height: 3px; - background: #ffffff; - transition: 0.35s; } - -@keyframes fadeInRight { - 0% { - opacity: 0; - left: 20%; } - 100% { - opacity: 1; - left: 0; } } - -.lock-scroll { - overflow: hidden; } - -.docs-menu h4 { - font-size: 1rem; - font-weight: bold; } - -.docs-menu ul { - list-style: none; - padding: 0; - margin: 0; } - .docs-menu ul li { - font-size: 0.9rem; - line-height: 1.4; - font-weight: 400; - margin: 0; - padding: 4px 0 4px 0; } - .docs-menu ul li.active a { - color: #4beec5; - font-weight: 400; } - .docs-menu ul li a { - color: #212529; } - .docs-menu ul li a:hover { - color: #1de9b6; } - -.hamburger { - padding: 10px 0 10px 10px; - outline: none; - z-index: 30; - cursor: pointer; } - @media (min-width: 768px) { - .hamburger { - display: none; } } - .hamburger:focus { - outline: none; } - .hamburger .hamburger-inner, - .hamburger .hamburger-inner::before, - .hamburger .hamburger-inner::after { - background: #1de9b6; } - .hamburger .hamburger-inner::after { - width: 18px; - right: 0; } - .hamburger.is-active .hamburger-inner::after { - width: inherit; - right: unset; } - -.button { - white-space: nowrap; - display: inline-block; - padding: 8px 15px 6px 15px; - background: #1de9b6; - font-weight: normal; - text-transform: uppercase; - color: white; - text-decoration: none; - -webkit-transition: all 0.15s ease; - transition: all 0.15s ease; - border-radius: 3px; } - .button:hover { - color: #fff; - background-color: #4beec5; - text-decoration: none; } - -.button-white { - background: none; - color: #fff; - border: 2px solid #fff; } - -.title { - font-size: 2.7rem; - line-height: 1.1; - font-family: "Roboto", Arial, sans-serif, -apple-system; - letter-spacing: -0.2px; - font-weight: 100; - margin-bottom: 20px; } - @media (min-width: 768px) { - .title { - font-size: 3rem; - margin-bottom: 30px; } } - -.title-summary { - font-size: 1.6rem; - line-height: 1.4; - font-family: "Roboto", Arial, sans-serif, -apple-system; - letter-spacing: -0.2px; - font-weight: 200; - margin-bottom: 10px; } - @media (min-width: 768px) { - .title-summary { - font-size: 1.6rem; } } - -.content { - -webkit-font-smoothing: antialiased; } - .content pre { - font-family: "Roboto Mono", monospace; - font-size: 0.9rem; - line-height: 1.4; - margin: 0; - background: #f5f5f5; - padding: 10px; - border-radius: 1px; - color: #383f45; } - .content pre code { - font-family: "Roboto Mono", monospace; - font-size: 0.9rem; - line-height: 1.4; - border-radius: none; - padding: 0; - margin: 0; } - .content code { - background: #f5f5f5; - padding: 3px 6px; - border-radius: 3px; - color: #383f45; - font-family: "Roboto Mono", monospace; - font-size: 0.9rem; - line-height: 1.4; } - .content strong { - font-weight: bold; } - .content em { - font-style: italic; - font-weight: normal; } - .content ol { - margin-top: 10px; - margin-bottom: 20px; - list-style-type: decimal; } - .content ol li { - margin-bottom: 5px; - margin-left: 20px; } - .content ul { - margin-top: 10px; - margin-bottom: 20px; - list-style-type: disc; } - .content ul li { - margin-bottom: 5px; - margin-left: 20px; } - .content a { - text-decoration: underline; } - .content p { - font-family: "Roboto", Arial, sans-serif, -apple-system; - font-size: 1rem; - line-height: 1.4; - color: #383f45; - font-weight: 400; } - .content h1 { - font-family: "Roboto", Arial, sans-serif, -apple-system; - font-size: 2.6rem; - line-height: 1.4; - font-weight: 300; - margin-bottom: 20px; } - .content h2 { - font-size: 2.2rem; - line-height: 1.4; - font-weight: 300; - letter-spacing: -0.01em; - font-family: "Roboto", Arial, sans-serif, -apple-system; - margin-bottom: 20px; } - .content h3 { - font-size: 1.6rem; - line-height: 1.4; - font-weight: 400; - font-family: "Roboto", Arial, sans-serif, -apple-system; - margin-bottom: 20px; } - .content h4 { - font-size: 1.5rem; - line-height: 1.4; - font-weight: 500; - font-family: "Roboto", Arial, sans-serif, -apple-system; - margin-bottom: 20px; } - .content h5 { - font-size: 1.4rem; - line-height: 1.4; - font-weight: 600; - font-family: "Roboto", Arial, sans-serif, -apple-system; - margin-bottom: 20px; } - .content h6 { - font-size: 1.2rem; - line-height: 1.4; - font-weight: 700; - font-family: "Roboto", Arial, sans-serif, -apple-system; - margin-bottom: 20px; } - .content blockquote { - background: #f9f9f9; - border-left: 10px solid #ccc; - margin: 1.5em 10px; - padding: 0.5em 10px; - quotes: "“" "”" "‘" "’"; } - .content blockquote:before { - color: #ccc; - content: open-quote; - font-size: 4em; - line-height: 0.1em; - margin-right: 0.25em; - vertical-align: -0.4em; } - .content blockquote p { - display: inline; } - .content img { - max-width: 100%; - height: auto; } - -.strip { - background-repeat: no-repeat; } - -.strip-white { - background-color: white; } - -.strip-grey { - background-color: #f4f5fb; } - -.strip-diagonal { - transform: skewY(5deg); - padding-bottom: 50px; - margin-bottom: 65px; } - .strip-diagonal > div { - transform: skewY(-5deg); } - -.strip-primary-gradient { - background-image: linear-gradient(to right, #1de9b6, #ffca28); } - -.strip-primary-gradient-top-bottom { - background-image: linear-gradient(to bottom, #1de9b6, #ffca28); } - -.strip-primary { - background-color: #1de9b6; } - -.strip-secondary { - background-color: #ffca28; } - -.strip-diagonal-right { - margin-top: -100px; - transform: skewY(-5deg); - padding-bottom: 100px; } - .strip-diagonal-right > div { - transform: skewY(5deg); } - -.strip-diagonal-left { - margin-top: -100px; - transform: skewY(5deg); - padding-bottom: 100px; } - .strip-diagonal-left > div { - transform: skewY(-5deg); } - -.strip-bg-contain { - background-size: contain; } - -.strip-bg-cover { - background-size: cover; } - -.whitebox { - border: 1px solid #dcdcdc; - border-radius: 3px; - box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2); - background: #ffffff; - padding: 10px; } - .highlight { - margin-bottom: 20px; } + background: #f5f5f5; } .highlight .hll { background-color: #ffffcc; } @@ -5969,7 +5434,7 @@ p { /* Name.Attribute */ .highlight .nb { - color: #0086b3; } + color: #0086B3; } /* Name.Builtin */ .highlight .nc { @@ -5985,127 +5450,663 @@ p { color: #3c5d5d; font-weight: bold; } -/* Name.Decorator */ -.highlight .ni { - color: #800080; } +/* Name.Decorator */ +.highlight .ni { + color: #800080; } + +/* Name.Entity */ +.highlight .ne { + color: #990000; + font-weight: bold; } + +/* Name.Exception */ +.highlight .nf { + color: #990000; + font-weight: bold; } + +/* Name.Function */ +.highlight .nl { + color: #990000; + font-weight: bold; } + +/* Name.Label */ +.highlight .nn { + color: #555555; } + +/* Name.Namespace */ +.highlight .nt { + color: #000080; } + +/* Name.Tag */ +.highlight .nv { + color: #008080; } + +/* Name.Variable */ +.highlight .ow { + color: #000000; + font-weight: bold; } + +/* Operator.Word */ +.highlight .w { + color: #bbbbbb; } + +/* Text.Whitespace */ +.highlight .mf { + color: #009999; } + +/* Literal.Number.Float */ +.highlight .mh { + color: #009999; } + +/* Literal.Number.Hex */ +.highlight .mi { + color: #009999; } + +/* Literal.Number.Integer */ +.highlight .mo { + color: #009999; } + +/* Literal.Number.Oct */ +.highlight .sb { + color: #d01040; } + +/* Literal.String.Backtick */ +.highlight .sc { + color: #d01040; } + +/* Literal.String.Char */ +.highlight .sd { + color: #d01040; } + +/* Literal.String.Doc */ +.highlight .s2 { + color: #d01040; } + +/* Literal.String.Double */ +.highlight .se { + color: #d01040; } + +/* Literal.String.Escape */ +.highlight .sh { + color: #d01040; } + +/* Literal.String.Heredoc */ +.highlight .si { + color: #d01040; } + +/* Literal.String.Interpol */ +.highlight .sx { + color: #d01040; } + +/* Literal.String.Other */ +.highlight .sr { + color: #009926; } + +/* Literal.String.Regex */ +.highlight .s1 { + color: #d01040; } + +/* Literal.String.Single */ +.highlight .ss { + color: #990073; } + +/* Literal.String.Symbol */ +.highlight .bp { + color: #999999; } + +/* Name.Builtin.Pseudo */ +.highlight .vc { + color: #008080; } + +/* Name.Variable.Class */ +.highlight .vg { + color: #008080; } + +/* Name.Variable.Global */ +.highlight .vi { + color: #008080; } + +/* Name.Variable.Instance */ +.highlight .il { + color: #009999; } + +/* Literal.Number.Integer.Long */ +ul, +ol { + margin: 0; + padding: 0; + list-style: none; } + +p { + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 1rem; + line-height: 1.4; + color: #383f45; + font-weight: 400; } + +.page { + display: flex; + min-height: 100vh; + flex-direction: column; } + .page .wrapper { + flex: 1; } + +.header { + color: #1de9b6; + background-color: #ffffff; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0 10px 0; } + .header .container { + display: flex; + justify-content: space-between; + align-items: center; } + .header.header-absolute { + position: absolute; + z-index: 10; + width: 100%; } + +.lock-scroll .header.header-absolute { + position: static; } + +.footer { + background: #eaeaea; + padding-top: 20px; + padding-bottom: 20px; } + .footer .footer-inner { + display: flex; + justify-content: space-between; + flex-direction: column; + align-items: flex-start; } + @media (min-width: 576px) { + .footer .footer-inner { + justify-content: space-between; + flex-direction: row; + align-items: center; } } + .footer .footer-title { + color: #ffffff; + font-size: 1.3rem; + font-family: "Lora", Arial, sans-serif, -apple-system; + margin-bottom: 10px; + flex: 0; } + @media (min-width: 576px) { + .footer .footer-title { + margin: 0; + flex: 0 0 120px; } } + .footer ul.footer-menu { + list-style: none; + margin: 0; + padding: 0; + flex: 1; } + .footer ul.footer-menu li { + display: block; + margin-right: 10px; + color: #333; + font-size: 0.9rem; + line-height: 1.8; } + .footer ul.footer-menu li:last-of-type { + margin-right: 0; } + .footer ul.footer-menu li a { + color: #333; + text-decoration: none; } + .footer ul.footer-menu li a:hover { + text-decoration: underline; } + .footer ul.footer-menu li.copyright { + font-weight: bold; + color: #333; + display: none; } + @media (min-width: 768px) { + .footer ul.footer-menu li.copyright { + display: inline-block; } } + @media (min-width: 576px) { + .footer ul.footer-menu { + height: inherit; + display: flex; + list-style: none; + margin: 0; + padding: 0; + align-items: center; + justify-content: flex-end; } + .footer ul.footer-menu li { + list-style: none; } + .footer ul.footer-menu li a { + display: inline-block; + height: 40px; + padding: 10px 8px 10px 8px; + font-weight: 300; } } + +.sub-footer { + background: #f4f5fb; + padding-top: 20px; + padding-bottom: 20px; } + @media (min-width: 768px) { + .sub-footer { + padding-top: 10px; + padding-bottom: 10px; } } + .sub-footer .sub-footer-inner { + display: flex; + flex-direction: column; + justify-content: flex-end; } + @media (min-width: 768px) { + .sub-footer .sub-footer-inner { + flex-direction: row; } } + .sub-footer .sub-footer-inner ul { + list-style: none; + margin: 0; + padding: 0; } + .sub-footer .sub-footer-inner ul li { + list-style: none; + display: block; + color: #333; + font-size: 0.9rem; + line-height: 1.8; + font-weight: bold; } + .sub-footer .sub-footer-inner ul li strong { + font-weight: bold; + color: #ffffff; } + .sub-footer .sub-footer-inner ul li a { + color: #333; + text-decoration: none; } + .sub-footer .sub-footer-inner ul li a:hover { + text-decoration: underline; } + .sub-footer .sub-footer-inner ul li span { + display: inline-block; + height: 40px; + padding: 10px 0 10px 8px; + font-weight: bold; + color: #ffffff; } + .sub-footer .sub-footer-inner ul li.zerostatic a { + color: #333; } + @media (min-width: 576px) { + .sub-footer .sub-footer-inner ul li { + display: inline-block; + margin-left: 10px; } + .sub-footer .sub-footer-inner ul li:first-of-type { + margin-left: 0; } } -/* Name.Entity */ -.highlight .ne { - color: #990000; - font-weight: bold; } +.logo { + display: none; } + @media (min-width: 576px) { + .logo { + display: block; + width: 70px; } } + .logo img { + width: 100%; + height: auto; } + .logo a { + display: block; + width: 100%; + height: 100%; } -/* Name.Exception */ -.highlight .nf { - color: #990000; - font-weight: bold; } +.logo-mobile { + display: block; + width: 54px; } + @media (min-width: 576px) { + .logo-mobile { + display: none; } } + .logo-mobile img { + width: 100%; + height: auto; } + .logo-mobile a { + display: block; + width: 100%; + height: 100%; } -/* Name.Function */ -.highlight .nl { - color: #990000; - font-weight: bold; } +.main-menu { + display: none; } + @media (min-width: 768px) { + .main-menu { + display: block; } } + .main-menu > ul { + display: flex; + align-items: center; + justify-content: flex-start; + font-family: "Roboto", Arial, sans-serif, -apple-system; } + .main-menu > ul > li { + list-style: none; + font-size: 14px; } + .main-menu > ul > li > a { + padding: 10px 14px 10px 14px; + display: inline-block; + font-weight: normal; + text-decoration: none; + color: #1de9b6; } + .main-menu > ul > li > a:hover { + text-decoration: underline; + color: #1de9b6; } + .main-menu > ul > li.active > a { + font-weight: bold; } -/* Name.Label */ -.highlight .nn { - color: #555555; } +.main-menu-mobile { + position: fixed; + background: #1de9b6; + top: 0; + left: 0; + width: 100%; + height: 100vh; + opacity: 0; + visibility: hidden; + transition: opacity 0.35s, visibility 0.35s, height 0.35s; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; } + .main-menu-mobile.open { + opacity: 0.9; + visibility: visible; + height: 100%; + z-index: 20; } + .main-menu-mobile.open li { + animation: fadeInRight 0.5s ease forwards; + animation-delay: 0.35s; } + .main-menu-mobile.open li:nth-of-type(2) { + animation-delay: 0.4s; } + .main-menu-mobile.open li:nth-of-type(3) { + animation-delay: 0.45s; } + .main-menu-mobile.open li:nth-of-type(4) { + animation-delay: 0.5s; } + .main-menu-mobile.open li:nth-of-type(5) { + animation-delay: 0.55s; } + .main-menu-mobile.open li:nth-of-type(6) { + animation-delay: 0.6s; } + .main-menu-mobile ul { + font-size: 2rem; + font-family: "Roboto", Arial, sans-serif, -apple-system; + text-align: center; + list-style: none; + padding: 0; + margin: 0; + flex: 0; } + .main-menu-mobile ul li { + display: block; + position: relative; + opacity: 0; } + .main-menu-mobile ul li a { + display: block; + position: relative; + color: #ffffff; + text-decoration: none; + overflow: hidden; + font-weight: lighter; } + .main-menu-mobile ul li a:hover::after, .main-menu-mobile ul li a:focus::after, .main-menu-mobile ul li a:active::after { + width: 100%; } + .main-menu-mobile ul li a::after { + content: ''; + position: absolute; + bottom: 0; + left: 50%; + width: 0%; + transform: translateX(-50%); + height: 3px; + background: #ffffff; + transition: 0.35s; } -/* Name.Namespace */ -.highlight .nt { - color: #000080; } +@keyframes fadeInRight { + 0% { + opacity: 0; + left: 20%; } + 100% { + opacity: 1; + left: 0; } } -/* Name.Tag */ -.highlight .nv { - color: #008080; } +.lock-scroll { + overflow: hidden; } -/* Name.Variable */ -.highlight .ow { - color: #000000; +.docs-menu h4 { + font-size: 1rem; font-weight: bold; } -/* Operator.Word */ -.highlight .w { - color: #bbbbbb; } - -/* Text.Whitespace */ -.highlight .mf { - color: #009999; } +.docs-menu ul { + list-style: none; + padding: 0; + margin: 0; } + .docs-menu ul li { + font-size: 0.9rem; + line-height: 1.4; + font-weight: 400; + margin: 0; + padding: 4px 0 4px 0; } + .docs-menu ul li.active a { + color: #4beec5; + font-weight: 400; } + .docs-menu ul li a { + color: #212529; } + .docs-menu ul li a:hover { + color: #1de9b6; } -/* Literal.Number.Float */ -.highlight .mh { - color: #009999; } +.hamburger { + padding: 10px 0 10px 10px; + outline: none; + z-index: 30; + cursor: pointer; } + @media (min-width: 768px) { + .hamburger { + display: none; } } + .hamburger:focus { + outline: none; } + .hamburger .hamburger-inner, + .hamburger .hamburger-inner::before, + .hamburger .hamburger-inner::after { + background: #1de9b6; } + .hamburger .hamburger-inner::after { + width: 18px; + right: 0; } + .hamburger.is-active .hamburger-inner::after { + width: inherit; + right: unset; } -/* Literal.Number.Hex */ -.highlight .mi { - color: #009999; } +.button { + white-space: nowrap; + display: inline-block; + padding: 8px 15px 6px 15px; + background: #1de9b6; + font-weight: normal; + text-transform: uppercase; + color: white; + text-decoration: none; + -webkit-transition: all 0.15s ease; + transition: all 0.15s ease; + border-radius: 3px; } + .button:hover { + color: #fff; + background-color: #4beec5; + text-decoration: none; } -/* Literal.Number.Integer */ -.highlight .mo { - color: #009999; } +.button-white { + background: none; + color: #fff; + border: 2px solid #fff; } -/* Literal.Number.Oct */ -.highlight .sb { - color: #d01040; } +.title { + font-size: 2.7rem; + line-height: 1.1; + font-family: "Roboto", Arial, sans-serif, -apple-system; + letter-spacing: -0.2px; + font-weight: 100; + margin-bottom: 20px; } + @media (min-width: 768px) { + .title { + font-size: 3rem; + margin-bottom: 30px; } } -/* Literal.String.Backtick */ -.highlight .sc { - color: #d01040; } +.title-summary { + font-size: 1.6rem; + line-height: 1.4; + font-family: "Roboto", Arial, sans-serif, -apple-system; + letter-spacing: -0.2px; + font-weight: 200; + margin-bottom: 10px; } + @media (min-width: 768px) { + .title-summary { + font-size: 1.6rem; } } -/* Literal.String.Char */ -.highlight .sd { - color: #d01040; } +.content { + -webkit-font-smoothing: antialiased; } + .content .highlight { + border-radius: 2px; + margin-bottom: 20px; } + .content code { + background: #f5f5f5; + padding: 3px 6px; + border-radius: 3px; + font-family: "Roboto Mono", monospace; + font-size: 0.9rem; + line-height: 1.4; } + .content pre { + font-family: "Roboto Mono", monospace; + font-size: 0.9rem; + line-height: 1.4; + margin: 0; + padding: 10px; + border-radius: 1px; } + .content pre code { + font-family: "Roboto Mono", monospace; + font-size: 0.9rem; + line-height: 1.4; + border-radius: none; + padding: 0; + margin: 0; + background: none; } + .content strong { + font-weight: bold; } + .content em { + font-style: italic; + font-weight: normal; } + .content ol { + margin-top: 10px; + margin-bottom: 20px; + list-style-type: decimal; } + .content ol li { + margin-bottom: 5px; + margin-left: 20px; } + .content ul { + margin-top: 10px; + margin-bottom: 20px; + list-style-type: disc; } + .content ul li { + margin-bottom: 5px; + margin-left: 20px; } + .content a { + text-decoration: underline; } + .content p { + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 1rem; + line-height: 1.4; + color: #383f45; + font-weight: 400; } + .content h1 { + font-family: "Roboto", Arial, sans-serif, -apple-system; + font-size: 2.6rem; + line-height: 1.4; + font-weight: 300; + margin-bottom: 20px; } + .content h2 { + font-size: 2.2rem; + line-height: 1.4; + font-weight: 300; + letter-spacing: -0.01em; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h3 { + font-size: 1.6rem; + line-height: 1.4; + font-weight: 400; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h4 { + font-size: 1.5rem; + line-height: 1.4; + font-weight: 500; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h5 { + font-size: 1.4rem; + line-height: 1.4; + font-weight: 600; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content h6 { + font-size: 1.2rem; + line-height: 1.4; + font-weight: 700; + font-family: "Roboto", Arial, sans-serif, -apple-system; + margin-bottom: 20px; } + .content blockquote { + background: #f9f9f9; + border-left: 10px solid #ccc; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "“" "”" "‘" "’"; } + .content blockquote:before { + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; } + .content blockquote p { + display: inline; } + .content img { + max-width: 100%; + height: auto; } -/* Literal.String.Doc */ -.highlight .s2 { - color: #d01040; } +.strip { + background-repeat: no-repeat; } -/* Literal.String.Double */ -.highlight .se { - color: #d01040; } +.strip-white { + background-color: white; } -/* Literal.String.Escape */ -.highlight .sh { - color: #d01040; } +.strip-grey { + background-color: #f4f5fb; } -/* Literal.String.Heredoc */ -.highlight .si { - color: #d01040; } +.strip-diagonal { + transform: skewY(5deg); + padding-bottom: 50px; + margin-bottom: 65px; } + .strip-diagonal > div { + transform: skewY(-5deg); } -/* Literal.String.Interpol */ -.highlight .sx { - color: #d01040; } +.strip-primary-gradient { + background-image: linear-gradient(to right, #1de9b6, #ffca28); } -/* Literal.String.Other */ -.highlight .sr { - color: #009926; } +.strip-primary-gradient-top-bottom { + background-image: linear-gradient(to bottom, #1de9b6, #ffca28); } -/* Literal.String.Regex */ -.highlight .s1 { - color: #d01040; } +.strip-primary { + background-color: #1de9b6; } -/* Literal.String.Single */ -.highlight .ss { - color: #990073; } +.strip-secondary { + background-color: #ffca28; } -/* Literal.String.Symbol */ -.highlight .bp { - color: #999999; } +.strip-diagonal-right { + margin-top: -100px; + transform: skewY(-5deg); + padding-bottom: 100px; } + .strip-diagonal-right > div { + transform: skewY(5deg); } -/* Name.Builtin.Pseudo */ -.highlight .vc { - color: #008080; } +.strip-diagonal-left { + margin-top: -100px; + transform: skewY(5deg); + padding-bottom: 100px; } + .strip-diagonal-left > div { + transform: skewY(-5deg); } -/* Name.Variable.Class */ -.highlight .vg { - color: #008080; } +.strip-bg-contain { + background-size: contain; } -/* Name.Variable.Global */ -.highlight .vi { - color: #008080; } +.strip-bg-cover { + background-size: cover; } -/* Name.Variable.Instance */ -.highlight .il { - color: #009999; } +.whitebox { + border: 1px solid #dcdcdc; + border-radius: 3px; + box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2); + background: #ffffff; + padding: 10px; } -/* Literal.Number.Integer.Long */ .overview { background: lightgoldenrodyellow; border-radius: 3px; diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content index 6566e35..2cc3b1f 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content +++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content @@ -2,4 +2,4 @@ * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers -* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:32px;height:19px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:32px;height:3px;background-color:#1de9b6;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:16px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-4.57142857px,-5px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-16px,0) rotate(-90deg)}ul,ol{margin:0;padding:0;list-style:none}p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.page{display:flex;min-height:100vh;flex-direction:column}.page .wrapper{flex:1}.header{color:#1de9b6;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header.header-absolute{position:absolute;z-index:10;width:100%}.lock-scroll .header.header-absolute{position:static}.footer{background:#eaeaea;padding-top:20px;padding-bottom:20px}.footer .footer-inner{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media(min-width:576px){.footer .footer-inner{justify-content:space-between;flex-direction:row;align-items:center}}.footer .footer-title{color:#fff;font-size:1.3rem;font-family:lora,Arial,sans-serif,-apple-system;margin-bottom:10px;flex:0}@media(min-width:576px){.footer .footer-title{margin:0;flex:0 0 120px}}.footer ul.footer-menu{list-style:none;margin:0;padding:0;flex:1}.footer ul.footer-menu li{display:block;margin-right:10px;color:#333;font-size:.9rem;line-height:1.8}.footer ul.footer-menu li:last-of-type{margin-right:0}.footer ul.footer-menu li a{color:#333;text-decoration:none}.footer ul.footer-menu li a:hover{text-decoration:underline}.footer ul.footer-menu li.copyright{font-weight:700;color:#333;display:none}@media(min-width:768px){.footer ul.footer-menu li.copyright{display:inline-block}}@media(min-width:576px){.footer ul.footer-menu{height:inherit;display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}.footer ul.footer-menu li{list-style:none}.footer ul.footer-menu li a{display:inline-block;height:40px;padding:10px 8px;font-weight:300}}.sub-footer{background:#f4f5fb;padding-top:20px;padding-bottom:20px}@media(min-width:768px){.sub-footer{padding-top:10px;padding-bottom:10px}}.sub-footer .sub-footer-inner{display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.sub-footer .sub-footer-inner{flex-direction:row}}.sub-footer .sub-footer-inner ul{list-style:none;margin:0;padding:0}.sub-footer .sub-footer-inner ul li{list-style:none;display:block;color:#333;font-size:.9rem;line-height:1.8;font-weight:700}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li a{color:#333;text-decoration:none}.sub-footer .sub-footer-inner ul li a:hover{text-decoration:underline}.sub-footer .sub-footer-inner ul li span{display:inline-block;height:40px;padding:10px 0 10px 8px;font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li.zerostatic a{color:#333}@media(min-width:576px){.sub-footer .sub-footer-inner ul li{display:inline-block;margin-left:10px}.sub-footer .sub-footer-inner ul li:first-of-type{margin-left:0}}.logo{display:none}@media(min-width:576px){.logo{display:block;width:70px}}.logo img{width:100%;height:auto}.logo a{display:block;width:100%;height:100%}.logo-mobile{display:block;width:54px}@media(min-width:576px){.logo-mobile{display:none}}.logo-mobile img{width:100%;height:auto}.logo-mobile a{display:block;width:100%;height:100%}.main-menu{display:none}@media(min-width:768px){.main-menu{display:block}}.main-menu>ul{display:flex;align-items:center;justify-content:flex-start;font-family:roboto,Arial,sans-serif,-apple-system}.main-menu>ul>li{list-style:none;font-size:14px}.main-menu>ul>li>a{padding:10px 14px;display:inline-block;font-weight:400;text-decoration:none;color:#1de9b6}.main-menu>ul>li>a:hover{text-decoration:underline;color:#1de9b6}.main-menu>ul>li.active>a{font-weight:700}.main-menu-mobile{position:fixed;background:#1de9b6;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-menu-mobile.open{opacity:.9;visibility:visible;height:100%;z-index:20}.main-menu-mobile.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.main-menu-mobile.open li:nth-of-type(2){animation-delay:.4s}.main-menu-mobile.open li:nth-of-type(3){animation-delay:.45s}.main-menu-mobile.open li:nth-of-type(4){animation-delay:.5s}.main-menu-mobile.open li:nth-of-type(5){animation-delay:.55s}.main-menu-mobile.open li:nth-of-type(6){animation-delay:.6s}.main-menu-mobile ul{font-size:2rem;font-family:roboto,Arial,sans-serif,-apple-system;text-align:center;list-style:none;padding:0;margin:0;flex:0}.main-menu-mobile ul li{display:block;position:relative;opacity:0}.main-menu-mobile ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;font-weight:lighter}.main-menu-mobile ul li a:hover::after,.main-menu-mobile ul li a:focus::after,.main-menu-mobile ul li a:active::after{width:100%}.main-menu-mobile ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;background:#fff;transition:.35s}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.lock-scroll{overflow:hidden}.docs-menu h4{font-size:1rem;font-weight:700}.docs-menu ul{list-style:none;padding:0;margin:0}.docs-menu ul li{font-size:.9rem;line-height:1.4;font-weight:400;margin:0;padding:4px 0}.docs-menu ul li.active a{color:#4beec5;font-weight:400}.docs-menu ul li a{color:#212529}.docs-menu ul li a:hover{color:#1de9b6}.hamburger{padding:10px 0 10px 10px;outline:none;z-index:30;cursor:pointer}@media(min-width:768px){.hamburger{display:none}}.hamburger:focus{outline:none}.hamburger .hamburger-inner,.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{background:#1de9b6}.hamburger .hamburger-inner::after{width:18px;right:0}.hamburger.is-active .hamburger-inner::after{width:inherit;right:unset}.button{white-space:nowrap;display:inline-block;padding:8px 15px 6px;background:#1de9b6;font-weight:400;text-transform:uppercase;color:#fff;text-decoration:none;-webkit-transition:all .15s ease;transition:all .15s ease;border-radius:3px}.button:hover{color:#fff;background-color:#4beec5;text-decoration:none}.button-white{background:0 0;color:#fff;border:2px solid #fff}.title{font-size:2.7rem;line-height:1.1;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:100;margin-bottom:20px}@media(min-width:768px){.title{font-size:3rem;margin-bottom:30px}}.title-summary{font-size:1.6rem;line-height:1.4;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:200;margin-bottom:10px}@media(min-width:768px){.title-summary{font-size:1.6rem}}.content{-webkit-font-smoothing:antialiased}.content pre{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;margin:0;background:#f5f5f5;padding:10px;border-radius:1px;color:#383f45}.content pre code{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;border-radius:none;padding:0;margin:0}.content code{background:#f5f5f5;padding:3px 6px;border-radius:3px;color:#383f45;font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4}.content strong{font-weight:700}.content em{font-style:italic;font-weight:400}.content ol{margin-top:10px;margin-bottom:20px;list-style-type:decimal}.content ol li{margin-bottom:5px;margin-left:20px}.content ul{margin-top:10px;margin-bottom:20px;list-style-type:disc}.content ul li{margin-bottom:5px;margin-left:20px}.content a{text-decoration:underline}.content p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.content h1{font-family:roboto,Arial,sans-serif,-apple-system;font-size:2.6rem;line-height:1.4;font-weight:300;margin-bottom:20px}.content h2{font-size:2.2rem;line-height:1.4;font-weight:300;letter-spacing:-.01em;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h3{font-size:1.6rem;line-height:1.4;font-weight:400;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h4{font-size:1.5rem;line-height:1.4;font-weight:500;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h5{font-size:1.4rem;line-height:1.4;font-weight:600;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h6{font-size:1.2rem;line-height:1.4;font-weight:700;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}.content blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.content blockquote p{display:inline}.content img{max-width:100%;height:auto}.strip{background-repeat:no-repeat}.strip-white{background-color:#fff}.strip-grey{background-color:#f4f5fb}.strip-diagonal{transform:skewY(5deg);padding-bottom:50px;margin-bottom:65px}.strip-diagonal>div{transform:skewY(-5deg)}.strip-primary-gradient{background-image:linear-gradient(to right,#1de9b6,#ffca28)}.strip-primary-gradient-top-bottom{background-image:linear-gradient(to bottom,#1de9b6,#ffca28)}.strip-primary{background-color:#1de9b6}.strip-secondary{background-color:#ffca28}.strip-diagonal-right{margin-top:-100px;transform:skewY(-5deg);padding-bottom:100px}.strip-diagonal-right>div{transform:skewY(5deg)}.strip-diagonal-left{margin-top:-100px;transform:skewY(5deg);padding-bottom:100px}.strip-diagonal-left>div{transform:skewY(-5deg)}.strip-bg-contain{background-size:contain}.strip-bg-cover{background-size:cover}.whitebox{border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px rgba(0,0,0,.2);background:#fff;padding:10px}.highlight{margin-bottom:20px}.highlight .hll{background-color:#ffc}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000;font-weight:700}.highlight .o{color:#000;font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700;font-style:italic}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000;font-weight:700}.highlight .kd{color:#000;font-weight:700}.highlight .kn{color:#000;font-weight:700}.highlight .kp{color:#000;font-weight:700}.highlight .kr{color:#000;font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:700}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:700}.highlight .nf{color:#900;font-weight:700}.highlight .nl{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}.overview{background:#fafad2;border-radius:3px;padding:4px 10px;float:right}.page-home{text-align:center}.page-home .title{font-weight:lighter;font-family:roboto,Arial,sans-serif,-apple-system}.page-home p{margin:0 auto;font-size:1.2rem;font-weight:lighter;margin-bottom:40px}@media(min-width:768px){.page-home p{width:80%}}@media(min-width:992px){.page-home p{width:60%}}.page-home .terminal{border-radius:3px;margin:0 auto;margin-top:-200px}.page-home .terminal img{width:100%;height:auto}body{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529}.container{padding-left:20px;padding-right:20px} \ No newline at end of file +* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:32px;height:19px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:32px;height:3px;background-color:#1de9b6;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:16px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-4.57142857px,-5px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-16px,0) rotate(-90deg)}.highlight{background:#f5f5f5}.highlight .hll{background-color:#ffc}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000;font-weight:700}.highlight .o{color:#000;font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700;font-style:italic}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000;font-weight:700}.highlight .kd{color:#000;font-weight:700}.highlight .kn{color:#000;font-weight:700}.highlight .kp{color:#000;font-weight:700}.highlight .kr{color:#000;font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:700}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:700}.highlight .nf{color:#900;font-weight:700}.highlight .nl{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}ul,ol{margin:0;padding:0;list-style:none}p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.page{display:flex;min-height:100vh;flex-direction:column}.page .wrapper{flex:1}.header{color:#1de9b6;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header.header-absolute{position:absolute;z-index:10;width:100%}.lock-scroll .header.header-absolute{position:static}.footer{background:#eaeaea;padding-top:20px;padding-bottom:20px}.footer .footer-inner{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media(min-width:576px){.footer .footer-inner{justify-content:space-between;flex-direction:row;align-items:center}}.footer .footer-title{color:#fff;font-size:1.3rem;font-family:lora,Arial,sans-serif,-apple-system;margin-bottom:10px;flex:0}@media(min-width:576px){.footer .footer-title{margin:0;flex:0 0 120px}}.footer ul.footer-menu{list-style:none;margin:0;padding:0;flex:1}.footer ul.footer-menu li{display:block;margin-right:10px;color:#333;font-size:.9rem;line-height:1.8}.footer ul.footer-menu li:last-of-type{margin-right:0}.footer ul.footer-menu li a{color:#333;text-decoration:none}.footer ul.footer-menu li a:hover{text-decoration:underline}.footer ul.footer-menu li.copyright{font-weight:700;color:#333;display:none}@media(min-width:768px){.footer ul.footer-menu li.copyright{display:inline-block}}@media(min-width:576px){.footer ul.footer-menu{height:inherit;display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}.footer ul.footer-menu li{list-style:none}.footer ul.footer-menu li a{display:inline-block;height:40px;padding:10px 8px;font-weight:300}}.sub-footer{background:#f4f5fb;padding-top:20px;padding-bottom:20px}@media(min-width:768px){.sub-footer{padding-top:10px;padding-bottom:10px}}.sub-footer .sub-footer-inner{display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.sub-footer .sub-footer-inner{flex-direction:row}}.sub-footer .sub-footer-inner ul{list-style:none;margin:0;padding:0}.sub-footer .sub-footer-inner ul li{list-style:none;display:block;color:#333;font-size:.9rem;line-height:1.8;font-weight:700}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li a{color:#333;text-decoration:none}.sub-footer .sub-footer-inner ul li a:hover{text-decoration:underline}.sub-footer .sub-footer-inner ul li span{display:inline-block;height:40px;padding:10px 0 10px 8px;font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li.zerostatic a{color:#333}@media(min-width:576px){.sub-footer .sub-footer-inner ul li{display:inline-block;margin-left:10px}.sub-footer .sub-footer-inner ul li:first-of-type{margin-left:0}}.logo{display:none}@media(min-width:576px){.logo{display:block;width:70px}}.logo img{width:100%;height:auto}.logo a{display:block;width:100%;height:100%}.logo-mobile{display:block;width:54px}@media(min-width:576px){.logo-mobile{display:none}}.logo-mobile img{width:100%;height:auto}.logo-mobile a{display:block;width:100%;height:100%}.main-menu{display:none}@media(min-width:768px){.main-menu{display:block}}.main-menu>ul{display:flex;align-items:center;justify-content:flex-start;font-family:roboto,Arial,sans-serif,-apple-system}.main-menu>ul>li{list-style:none;font-size:14px}.main-menu>ul>li>a{padding:10px 14px;display:inline-block;font-weight:400;text-decoration:none;color:#1de9b6}.main-menu>ul>li>a:hover{text-decoration:underline;color:#1de9b6}.main-menu>ul>li.active>a{font-weight:700}.main-menu-mobile{position:fixed;background:#1de9b6;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-menu-mobile.open{opacity:.9;visibility:visible;height:100%;z-index:20}.main-menu-mobile.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.main-menu-mobile.open li:nth-of-type(2){animation-delay:.4s}.main-menu-mobile.open li:nth-of-type(3){animation-delay:.45s}.main-menu-mobile.open li:nth-of-type(4){animation-delay:.5s}.main-menu-mobile.open li:nth-of-type(5){animation-delay:.55s}.main-menu-mobile.open li:nth-of-type(6){animation-delay:.6s}.main-menu-mobile ul{font-size:2rem;font-family:roboto,Arial,sans-serif,-apple-system;text-align:center;list-style:none;padding:0;margin:0;flex:0}.main-menu-mobile ul li{display:block;position:relative;opacity:0}.main-menu-mobile ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;font-weight:lighter}.main-menu-mobile ul li a:hover::after,.main-menu-mobile ul li a:focus::after,.main-menu-mobile ul li a:active::after{width:100%}.main-menu-mobile ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;background:#fff;transition:.35s}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.lock-scroll{overflow:hidden}.docs-menu h4{font-size:1rem;font-weight:700}.docs-menu ul{list-style:none;padding:0;margin:0}.docs-menu ul li{font-size:.9rem;line-height:1.4;font-weight:400;margin:0;padding:4px 0}.docs-menu ul li.active a{color:#4beec5;font-weight:400}.docs-menu ul li a{color:#212529}.docs-menu ul li a:hover{color:#1de9b6}.hamburger{padding:10px 0 10px 10px;outline:none;z-index:30;cursor:pointer}@media(min-width:768px){.hamburger{display:none}}.hamburger:focus{outline:none}.hamburger .hamburger-inner,.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{background:#1de9b6}.hamburger .hamburger-inner::after{width:18px;right:0}.hamburger.is-active .hamburger-inner::after{width:inherit;right:unset}.button{white-space:nowrap;display:inline-block;padding:8px 15px 6px;background:#1de9b6;font-weight:400;text-transform:uppercase;color:#fff;text-decoration:none;-webkit-transition:all .15s ease;transition:all .15s ease;border-radius:3px}.button:hover{color:#fff;background-color:#4beec5;text-decoration:none}.button-white{background:0 0;color:#fff;border:2px solid #fff}.title{font-size:2.7rem;line-height:1.1;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:100;margin-bottom:20px}@media(min-width:768px){.title{font-size:3rem;margin-bottom:30px}}.title-summary{font-size:1.6rem;line-height:1.4;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:200;margin-bottom:10px}@media(min-width:768px){.title-summary{font-size:1.6rem}}.content{-webkit-font-smoothing:antialiased}.content .highlight{border-radius:2px;margin-bottom:20px}.content code{background:#f5f5f5;padding:3px 6px;border-radius:3px;font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4}.content pre{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;margin:0;padding:10px;border-radius:1px}.content pre code{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;border-radius:none;padding:0;margin:0;background:0 0}.content strong{font-weight:700}.content em{font-style:italic;font-weight:400}.content ol{margin-top:10px;margin-bottom:20px;list-style-type:decimal}.content ol li{margin-bottom:5px;margin-left:20px}.content ul{margin-top:10px;margin-bottom:20px;list-style-type:disc}.content ul li{margin-bottom:5px;margin-left:20px}.content a{text-decoration:underline}.content p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.4;color:#383f45;font-weight:400}.content h1{font-family:roboto,Arial,sans-serif,-apple-system;font-size:2.6rem;line-height:1.4;font-weight:300;margin-bottom:20px}.content h2{font-size:2.2rem;line-height:1.4;font-weight:300;letter-spacing:-.01em;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h3{font-size:1.6rem;line-height:1.4;font-weight:400;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h4{font-size:1.5rem;line-height:1.4;font-weight:500;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h5{font-size:1.4rem;line-height:1.4;font-weight:600;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content h6{font-size:1.2rem;line-height:1.4;font-weight:700;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}.content blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}.content blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.content blockquote p{display:inline}.content img{max-width:100%;height:auto}.strip{background-repeat:no-repeat}.strip-white{background-color:#fff}.strip-grey{background-color:#f4f5fb}.strip-diagonal{transform:skewY(5deg);padding-bottom:50px;margin-bottom:65px}.strip-diagonal>div{transform:skewY(-5deg)}.strip-primary-gradient{background-image:linear-gradient(to right,#1de9b6,#ffca28)}.strip-primary-gradient-top-bottom{background-image:linear-gradient(to bottom,#1de9b6,#ffca28)}.strip-primary{background-color:#1de9b6}.strip-secondary{background-color:#ffca28}.strip-diagonal-right{margin-top:-100px;transform:skewY(-5deg);padding-bottom:100px}.strip-diagonal-right>div{transform:skewY(5deg)}.strip-diagonal-left{margin-top:-100px;transform:skewY(5deg);padding-bottom:100px}.strip-diagonal-left>div{transform:skewY(-5deg)}.strip-bg-contain{background-size:contain}.strip-bg-cover{background-size:cover}.whitebox{border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px rgba(0,0,0,.2);background:#fff;padding:10px}.overview{background:#fafad2;border-radius:3px;padding:4px 10px;float:right}.page-home{text-align:center}.page-home .title{font-weight:lighter;font-family:roboto,Arial,sans-serif,-apple-system}.page-home p{margin:0 auto;font-size:1.2rem;font-weight:lighter;margin-bottom:40px}@media(min-width:768px){.page-home p{width:80%}}@media(min-width:992px){.page-home p{width:60%}}.page-home .terminal{border-radius:3px;margin:0 auto;margin-top:-200px}.page-home .terminal img{width:100%;height:auto}body{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529}.container{padding-left:20px;padding-right:20px} \ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json index 3b1d96a..6728bf3 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json +++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json @@ -1 +1 @@ -{"Target":"css/style.min.cd3f00e0e1037ac40eea440657f486c7db5c749c7a0c6b90a4213a8cee1360b8.css","MediaType":"text/css","Data":{"Integrity":"sha256-zT8A4OEDesQO6kQGV/SGx9tcdJx6DGuQpCE6jO4TYLg="}} \ No newline at end of file +{"Target":"css/style.min.020d604e977275cf093999068602ba80e6eb2f78df409ccca5a76f02778bea56.css","MediaType":"text/css","Data":{"Integrity":"sha256-Ag1gTpdydc8JOZkGhgK6gObrL3jfQJzMpadvAneL6lY="}} \ No newline at end of file -- cgit v1.2.3