diff --git a/hugo.toml b/hugo.toml index 4f4a94d..a85b27b 100644 --- a/hugo.toml +++ b/hugo.toml @@ -68,13 +68,9 @@ enableMissingTranslationPlaceholders = false weight = 10 identifier = 'a-propos' [[menu.main]] - name = "Etiquettes" + name = "Tags" url = "/tags" weight = 30 - [[menu.main]] - name = "Catégories" - url = "/categories" - weight = 20 # Markup configure section # See https://gohugo.io/getting-started/configuration-markup/ diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index 6951a7b..94a40ad 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -1,11 +1,7 @@ {{ define "main" }}

{{ .Title }}

{{ .Content }} -
- -
+ {{ range .Pages }} +

{{ .LinkTitle }}

+ {{ end }} {{ end }} \ No newline at end of file diff --git a/src/scss/_component.scss b/src/scss/_component.scss index bc97de1..784ba19 100644 --- a/src/scss/_component.scss +++ b/src/scss/_component.scss @@ -9,33 +9,33 @@ @use 'foundation/stack'; main * { - @extend %first-stack; + @extend %first-stack; } main { - * { - + h1, + h2, + h3, + h4, + h5, + h6, - + p, - + hr, - + table, - + ul, - + ol, - + dl, - + blockquote, - + pre, - + figure { - @extend %stack; - } - } + * { + + h1, + h2, + h3, + h4, + h5, + h6, + + p, + + hr, + + table, + + ul, + + ol, + + dl, + + blockquote, + + pre, + + figure { + @extend %stack; + } + } - li > ul, - li > ol { - @extend %unset-stack; - } + li > ul, + li > ol { + @extend %unset-stack; + } } figure > figcaption { - @extend %none-stack; + @extend %none-stack; } .table_of_contents, @@ -48,333 +48,293 @@ figure > figcaption { .button, .gist, .twitter-tweet { - @extend %stack; + @extend %stack; } .pagination { - @include flexbox-grid-mixins.grid($flex-wrap: nowrap, $justify-content: space-between); - font-weight: bold; - - > * { - @extend %none-stack; - } + @include flexbox-grid-mixins.grid($flex-wrap: nowrap, $justify-content: space-between); + font-weight: bold; + > * { + @extend %none-stack; + } } - -.nav-prev { -} - +.nav-prev {} .nav-next { - margin-left: auto; + margin-left: auto; } -@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )}) { - .pagination { - @include flexbox-grid-mixins.grid($flex-flow: column nowrap, $justify-content: null, $align-items: center); - } - .nav-next { - margin-left: 0; - } +@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { + .pagination { + @include flexbox-grid-mixins.grid($flex-flow: column nowrap, $justify-content: null, $align-items: center); + } + .nav-next { + margin-left: 0; + } } .panel { - --panel-font-color: #000; - --panel-background-color: unset; - --panel-border-color: transparent; + --panel-font-color: #000; + --panel-background-color: unset; + --panel-border-color: transparent; - padding: variable.$default-layout-padding; - color: var(--panel-font-color, #000); - background: var(--panel-background-color, unset); - border: 1px solid; - border-color: var(--panel-border-color, transparent); + padding: variable.$default-layout-padding; + color: var(--panel-font-color, #000); + background: var(--panel-background-color, unset); + border: 1px solid; + border-color: var(--panel-border-color, transparent); - a { - text-decoration: underline; - font-weight: bold; - } + a { + text-decoration: underline; + font-weight: bold; + } } .panel-primary { - --panel-border-color: #{variable.$default-border-color}; + --panel-border-color: #{variable.$default-border-color}; } - .panel-notice { - --panel-font-color: #fff; - --panel-background-color: #b0b0b0; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; + --panel-font-color: #fff; + --panel-background-color: #b0b0b0; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; } - .panel-recipe { - --panel-font-color: #000; - --panel-background-color: #{variable.$light-grey-background-color}; - --custom-link-text-color: #{variable.$default-link-text-color}; - --custom-link-text-hover-color: #{variable.$default-link-text-hover-color}; + --panel-font-color: #000; + --panel-background-color: #{variable.$light-grey-background-color}; + --custom-link-text-color: #{variable.$default-link-text-color}; + --custom-link-text-hover-color: #{variable.$default-link-text-hover-color}; } - .panel-success { - --panel-font-color: #fff; - --panel-background-color: #609f43; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; + --panel-font-color: #fff; + --panel-background-color: #609f43; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; } - .panel-caution { - --panel-font-color: #fff; - --panel-background-color: #de776d; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; + --panel-font-color: #fff; + --panel-background-color: #de776d; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; } - .panel-warning { - --panel-font-color: #fff; - --panel-background-color: #e67e22; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; + --panel-font-color: #fff; + --panel-background-color: #e67e22; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; } - .panel-danger { - --panel-font-color: #fff; - --panel-background-color: #{variable.$danger-background-color}; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; + --panel-font-color: #fff; + --panel-background-color: #{variable.$danger-background-color}; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; } -.panel-header { -} - -.panel-body { -} +.panel-header {} +.panel-body {} .button { - display: inline-block; - font-size: 120%; - padding: .5rem 1.2rem; - font-weight: bold; - text-decoration: none; - border-radius: .8rem; + display: inline-block; + font-size: 120%; + padding: .5rem 1.2rem; + font-weight: bold; + text-decoration: none; + border-radius: .8rem; - --button-font-color: #000; - --button-font-hover-color: #000; - --button-background-color: #{variable.$default-background-color}; - --button-background-hover-color: #f7f7f7; - --button-border-color: #{variable.$default-border-color}; + --button-font-color: #000; + --button-font-hover-color: #000; + --button-background-color: #{variable.$default-background-color}; + --button-background-hover-color: #f7f7f7; + --button-border-color: #{variable.$default-border-color}; - color: var(--button-font-color, #000); - background: var(--button-background-color, unset); - border: 2px solid; - border-color: var(--button-border-color, transparent); + color: var(--button-font-color, #000); + background: var(--button-background-color, unset); + border: 2px solid ; + border-color: var(--button-border-color, transparent); - &:hover { - color: var(--button-font-hover-color, #000); - text-decoration: none; - background: var(--button-background-hover-color, unset); - } + &:hover { + color: var(--button-font-hover-color, #000); + text-decoration: none; + background: var(--button-background-hover-color, unset); + } } .button-notice { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #4ba0e1; - --button-background-hover-color: #3b89c5; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #4ba0e1; + --button-background-hover-color: #3b89c5; + --button-border-color: transparent; } - .button-success { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #369b08; - --button-background-hover-color: #256905; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #369b08; + --button-background-hover-color: #256905; + --button-border-color: transparent; } - .button-caution { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #f56558; - --button-background-hover-color: #d45145; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #f56558; + --button-background-hover-color: #d45145; + --button-border-color: transparent; } - .button-warning { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #f5811b; - --button-background-hover-color: #db7012; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #f5811b; + --button-background-hover-color: #db7012; + --button-border-color: transparent; } - .button-danger { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #{variable.$danger-background-color}; - --button-background-hover-color: #a0281d; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #{variable.$danger-background-color}; + --button-background-hover-color: #a0281d; + --button-border-color: transparent; } .notification { - padding: .2rem variable.$default-layout-padding; - text-align: center; - background: variable.$sidebar-active-color; + padding: .2rem variable.$default-layout-padding; + text-align: center; + background: variable.$sidebar-active-color; } figure > figcaption h4 { - font-size: 80%; - font-weight: normal; + font-size: 80%; + font-weight: normal; } .table_of_contents { - font-size: 90%; - padding: variable.$default-layout-padding; - border: 4px solid variable.$default-border-color; + font-size: 90%; + padding: variable.$default-layout-padding; + border: 4px solid variable.$default-border-color; - ul { - list-style: none; - padding-left: 0; - } + ul { + list-style: none; + padding-left: 0; + } + li { + border-top: 1px solid variable.$default-border-color; + } + > nav > ul > li:first-child { + border-top: unset; + } - li { - border-top: 1px solid variable.$default-border-color; - } + ul > li li a { + margin-left: 2rem * 1; + } + ul ul > li li a { + margin-left: 2rem * 2; + } + ul ul ul > li li a { + margin-left: 2rem * 3; + } + ul ul ul ul > li li a { + margin-left: 2rem * 4; + } + ul ul ul ul ul > li li a { + margin-left: 2rem * 5; + } - > nav > ul > li:first-child { - border-top: unset; - } - - ul > li li a { - margin-left: 2rem * 1; - } - - ul ul > li li a { - margin-left: 2rem * 2; - } - - ul ul ul > li li a { - margin-left: 2rem * 3; - } - - ul ul ul ul > li li a { - margin-left: 2rem * 4; - } - - ul ul ul ul ul > li li a { - margin-left: 2rem * 5; - } - -} - -.taxonomy { - -webkit-column-width: 200px; - -moz-column-width: 200px; - column-width: 200px; } .ais-SearchBox { - .ais-SearchBox-input { - width: 70%; - } - - button { - margin-left: .2rem; - padding: .4rem; - } + .ais-SearchBox-input { + width: 70%; + } + button { + margin-left: .2rem; + padding: .4rem; + } } - .ais-Stats { - font-size: 80%; - color: #70757a; + font-size: 80%; + color: #70757a; } - .ais-Hits-item { - @extend %stack; + @extend %stack; - h3 { - font-size: 140%; - font-weight: normal; - } - - p { - @extend %unset-stack; - color: #3C4043; - } - - .lastmod { - font-size: 90%; - color: #70757a; - } + h3 { + font-size: 140%; + font-weight: normal; + } + p { + @extend %unset-stack; + color: #3C4043; + } + .lastmod { + font-size: 90%; + color: #70757a; + } } .ais-Pagination { - margin-top: 1em; + margin-top: 1em; } - .ais-Pagination-list { - list-style: none; - padding-left: 0; - @include flexbox-grid-mixins.grid($flex-wrap: wrap, $justify-content: center); + list-style: none; + padding-left: 0; + @include flexbox-grid-mixins.grid($flex-wrap: wrap, $justify-content: center); } - .ais-Pagination-item { - padding: .6rem; + padding: .6rem; } .code { - @include flexbox-grid-mixins.grid($flex-wrap: wrap); - @extend %stack; + @include flexbox-grid-mixins.grid($flex-wrap: wrap); + @extend %stack; - .filename { - @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); - font-size: 80%; - color: #666; - } + .filename { + @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); + font-size: 80%; + color: #666; + } + .copy-btn { + margin-left: auto; - .copy-btn { - margin-left: auto; + cursor: pointer; + position: relative; - cursor: pointer; - position: relative; + font-size: 80%; + border: solid 1px #ccc; + padding: .2rem .6rem; + border-radius: .3rem; + line-height: 1; + margin-bottom: .2rem; + outline: none; + } + .code-content { + @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); - font-size: 80%; - border: solid 1px #ccc; - padding: .2rem .6rem; - border-radius: .3rem; - line-height: 1; - margin-bottom: .2rem; - outline: none; - } - - .code-content { - @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); - - .highlight { - @extend %none-stack; - } - } + .highlight { + @extend %none-stack; + } + } } .tooltipped::after { - content: 'Copied!'; - background: #555; - display: inline-block; - color: #fff; - border-radius: .4rem; - position: absolute; - left: 50%; - top: -1.8rem; - transform: translate(-50%, 0); - font-size: .75rem; - padding: 4px 10px 6px 10px; - animation: fade-tooltip .5s 1s 1 forwards; + content: 'Copied!'; + background: #555; + display: inline-block; + color: #fff; + border-radius: .4rem; + position: absolute; + left: 50%; + top: -1.8rem; + transform: translate(-50%, 0); + font-size: .75rem; + padding: 4px 10px 6px 10px; + animation: fade-tooltip .5s 1s 1 forwards; } @keyframes fade-tooltip { - to { - opacity: 0; - } + to { opacity: 0; } } .edit-page-picto { - filter: invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%); - position: relative; - top: 2px; - vertical-align: center; + filter: invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%); + position: relative; + top: 2px; + vertical-align: center; } diff --git a/src/scss/_project.scss b/src/scss/_project.scss index 8a1e72e..3703be4 100644 --- a/src/scss/_project.scss +++ b/src/scss/_project.scss @@ -8,221 +8,212 @@ @use 'variable'; header { - color: var(--custom-font-color, #fff); - background: var(--custom-background-color, #000); - padding: .5rem variable.$default-layout-padding; + color: var(--custom-font-color, #fff); + background: var(--custom-background-color, #000); + padding: .5rem variable.$default-layout-padding; - h1 { - font-size: 140%; - display: inline-block; - } + h1 { + font-size: 140%; + display: inline-block; + } - .version { - margin-left: .4rem; - font-size: 80%; - } + .version { + margin-left: .4rem; + font-size: 80%; + } - .github { - color: currentColor; - margin-left: .4rem; - font-size: 180%; - } + .github { + color: currentColor; + margin-left: .4rem; + font-size: 180%; + } } .description { } .global-menu { - color: var(--custom-font-color, #fff); - background: var(--custom-background-color, #000); - padding: .2rem variable.$default-layout-padding; + color: var(--custom-font-color, #fff); + background: var(--custom-background-color, #000); + padding: .2rem variable.$default-layout-padding; - ul { - list-style: none; - padding: 0; - margin: 0; - } + ul { + list-style: none; + padding: 0; + margin: 0; + } + li { + display: inline-block; + margin-right: 1.8rem; + position: relative; + } - li { - display: inline-block; - margin-right: 1.8rem; - position: relative; - } + ul.sub-menu { + display: none; + margin: 0; + position: absolute; + top: 1.8rem; + left: 0; + z-index: 99999; - ul.sub-menu { - display: none; - margin: 0; - position: absolute; - top: 1.8rem; - left: 0; - z-index: 99999; + li { + padding: .2rem variable.$default-layout-padding; + background: var(--custom-background-color, #000); + width: 140px; + font-size: 80%; + a { + color: var(--custom-font-color, #fff); + } + } + } - li { - padding: .2rem variable.$default-layout-padding; - background: var(--custom-background-color, #000); - width: 140px; - font-size: 80%; + li.parent:hover > ul.sub-menu { + @include flexbox-grid-mixins.grid($flex-flow: column nowrap); + } - a { - color: var(--custom-font-color, #fff); - } - } - } + @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { + li { + display: block; + margin-right: 0; + border-bottom: 1px solid currentColor; - li.parent:hover > ul.sub-menu { - @include flexbox-grid-mixins.grid($flex-flow: column nowrap); - } + &:last-child { + border-bottom: none; + } + } - @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )}) { - li { - display: block; - margin-right: 0; - border-bottom: 1px solid currentColor; + ul.sub-menu { + display: block; + position: static; - &:last-child { - border-bottom: none; - } - } + li { + width: auto; + background: transparent; + padding: 0 .4rem; + + li { + padding-top: .2rem; + } + a { + color: currentColor; + } + } + } + } - ul.sub-menu { - display: block; - position: static; - - li { - width: auto; - background: transparent; - padding: 0 .4rem; - - + li { - padding-top: .2rem; - } - - a { - color: currentColor; - } - } - } - } - - a { - display: block; - color: currentColor; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } + a { + display: block; + color: currentColor; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } } main { - padding: 3rem; + padding: 3rem; } -@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )}) { - main { - padding: 1rem; - } +@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) { + main { + padding: 1rem; + } } .sidebar { - font-size: 90%; - line-height: 1.8; - background: variable.$sidebar-background-color; - border-right: 1px solid variable.$sidebar-active-color; + font-size: 90%; + line-height: 1.8; + background: variable.$sidebar-background-color; + border-right: 1px solid variable.$sidebar-active-color; - ul { - list-style: none; - padding: 0; - margin: 0; - } + ul { + list-style: none; + padding: 0; + margin: 0; + } - a { - position: relative; - display: block; - color: #404040; - text-decoration: none; - padding: .2rem 1rem; - border-left: solid 4px variable.$sidebar-background-color; - border-bottom: solid 1px variable.$sidebar-active-color; + a { + position: relative; + display: block; + color: #404040; + text-decoration: none; + padding: .2rem 1rem; + border-left: solid 4px variable.$sidebar-background-color; + border-bottom: solid 1px variable.$sidebar-active-color; - &:hover { - color: #404040; - background: variable.$sidebar-hover-color; - border-left: solid 4px #ccc; - } - } + &:hover { + color: #404040; + background: variable.$sidebar-hover-color; + border-left: solid 4px #ccc; + } + } - nav > ul > li li a { - padding-left: 1rem + 1rem * 1; - } + nav > ul > li li a { + padding-left: 1rem + 1rem * 1; + } + nav > ul ul > li li a { + padding-left: 1rem + 1rem * 2; + } + nav > ul ul ul > li li a { + padding-left: 1rem + 1rem * 3; + } + nav > ul ul ul ul > li li a { + padding-left: 1rem + 1rem * 4; + } + nav > ul ul ul ul ul > li li a { + padding-left: 1rem + 1rem * 5; + } - nav > ul ul > li li a { - padding-left: 1rem + 1rem * 2; - } + @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { + nav > ul > li:first-child a { + border-top: solid 1px variable.$sidebar-active-color; + } + } - nav > ul ul ul > li li a { - padding-left: 1rem + 1rem * 3; - } + .active > a { + background: variable.$sidebar-active-color; + border-left: solid 4px #ccc; + } - nav > ul ul ul ul > li li a { - padding-left: 1rem + 1rem * 4; - } + .slide-menu { + .has-sub-menu:not(.parent) ul { + display: none; + } - nav > ul ul ul ul ul > li li a { - padding-left: 1rem + 1rem * 5; - } - - @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )}) { - nav > ul > li:first-child a { - border-top: solid 1px variable.$sidebar-active-color; - } - } - - .active > a { - background: variable.$sidebar-active-color; - border-left: solid 4px #ccc; - } - - .slide-menu { - .has-sub-menu:not(.parent) ul { - display: none; - } - - .has-sub-menu > a span.mark { - position: absolute; - top: 0; - right: 0; - display: inline-block; - height: 32px; - width: 32px; - line-height: 2; - text-align: center; - color: #979797; - background: #f2f2f2; - border-left: 1px solid #e7e7e7; - } - } + .has-sub-menu > a span.mark { + position: absolute; + top: 0; + right: 0; + display: inline-block; + height: 32px; + width: 32px; + line-height: 2; + text-align: center; + color: #979797; + background: #f2f2f2; + border-left: 1px solid #e7e7e7; + } + } } .sidebar-footer { - padding: variable.$default-layout-padding; + padding: variable.$default-layout-padding; } footer { } .edit-meta { - font-size: 80%; - text-align: right; + font-size: 80%; + text-align: right; } .edit-page { - font-weight: bold; + font-weight: bold; } .powered { - font-size: 80%; - text-align: right; - color: #999; + font-size: 80%; + text-align: right; + color: #999; } diff --git a/src/scss/_structure.scss b/src/scss/_structure.scss index c79e654..73b77ae 100644 --- a/src/scss/_structure.scss +++ b/src/scss/_structure.scss @@ -12,46 +12,46 @@ *-----------------------*/ html, body { - height: 100%; + height: 100%; } .container { - width: 100%; - height: 100%; - @include flexbox-grid-mixins.grid($flex-flow: column nowrap); - margin: auto; + width: 100%; + height: 100%; + @include flexbox-grid-mixins.grid($flex-flow: column nowrap); + margin: auto; } .content-container { - @include flexbox-grid-mixins.grid-col($flex-grow: 1, $flex-shrink: 0, $flex-basis: auto); - @include flexbox-grid-mixins.grid($justify-content: center); + @include flexbox-grid-mixins.grid-col($flex-grow: 1, $flex-shrink: 0, $flex-basis: auto); + @include flexbox-grid-mixins.grid($justify-content: center); } main { - @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); + @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); - &:only-child { - @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); - } + &:only-child { + @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); + } } .sidebar { - @include flexbox-grid-mixins.grid-col($col: 3, $order: -1); - // position: fixed; - // overflow-x: hidden; - overflow-x: hidden; - overflow-y: scroll; + @include flexbox-grid-mixins.grid-col($col: 3, $order: -1); + // position: fixed; + // overflow-x: hidden; + overflow-x: hidden; + overflow-y: scroll; } -@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )}) { - .content-container { - @include flexbox-grid-mixins.grid($flex-flow: column nowrap); - } +@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) { + .content-container { + @include flexbox-grid-mixins.grid($flex-flow: column nowrap); + } - main { - @include flexbox-grid-mixins.grid-col($col: none, $flex-shrink: 0, $min-width: 100%); - } - .sidebar { - @include flexbox-grid-mixins.grid-col($col: none, $order: 1); - } + main { + @include flexbox-grid-mixins.grid-col($col: none, $flex-shrink: 0, $min-width: 100%); + } + .sidebar { + @include flexbox-grid-mixins.grid-col($col: none, $order: 1); + } } diff --git a/src/scss/_variable.scss b/src/scss/_variable.scss index 493ad7f..99e0035 100644 --- a/src/scss/_variable.scss +++ b/src/scss/_variable.scss @@ -27,22 +27,22 @@ $sidebar-active-color: #eee !default; $light-grey-background-color: #e0e0e0; -$danger-background-color: #ce3426; +$danger-background-color:#ce3426; // code $code-font-size: .95rem !default; $code-block-background-color: #f4f6f8 !default; $code-border-color: #f0f0f0 !default; $code-inline-background-color: #f0f0f0 !default; -$code-font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace !default; +$code-font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace !default; // breakpoint $default-breakpoints: ( - xl: 1280px, - lg: 1024px, - md: 896px, - sm: 768px, - xs: 480px + xl: 1280px, + lg: 1024px, + md: 896px, + sm: 768px, + xs: 480px ) !default; // grid diff --git a/src/scss/chroma.scss b/src/scss/chroma.scss index ef1ba98..340149c 100644 --- a/src/scss/chroma.scss +++ b/src/scss/chroma.scss @@ -1,310 +1,59 @@ -/* Background */ -.chroma { - color: #f8f8f2; - background-color: #272822 -} - -/* Error */ -.chroma .err { - color: #960050; - background-color: #1e0010 -} - -/* LineTableTD */ -.chroma .lntd { - vertical-align: top; - padding: 0; - margin: 0; - border: 0; -} - -/* LineTable */ -.chroma .lntable { - border-spacing: 0; - padding: 0; - margin: 0; - border: 0; - width: 100%; - overflow: auto; - display: block; -} - -/* LineHighlight */ -.chroma .hl { - background-color: #ffffcc; - display: block; - width: 100% -} - -/* LineNumbersTable */ -.chroma .lnt { - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - display: block; -} - -/* LineNumbers */ -.chroma .ln { - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; -} - -/* Keyword */ -.chroma .k { - color: #66d9ef -} - -/* KeywordConstant */ -.chroma .kc { - color: #66d9ef -} - -/* KeywordDeclaration */ -.chroma .kd { - color: #66d9ef -} - -/* KeywordNamespace */ -.chroma .kn { - color: #f92672 -} - -/* KeywordPseudo */ -.chroma .kp { - color: #66d9ef -} - -/* KeywordReserved */ -.chroma .kr { - color: #66d9ef -} - -/* KeywordType */ -.chroma .kt { - color: #66d9ef -} - -/* NameAttribute */ -.chroma .na { - color: #a6e22e -} - -/* NameClass */ -.chroma .nc { - color: #a6e22e -} - -/* NameConstant */ -.chroma .no { - color: #66d9ef -} - -/* NameDecorator */ -.chroma .nd { - color: #a6e22e -} - -/* NameException */ -.chroma .ne { - color: #a6e22e -} - -/* NameFunction */ -.chroma .nf { - color: #a6e22e -} - -/* NameOther */ -.chroma .nx { - color: #a6e22e -} - -/* NameTag */ -.chroma .nt { - color: #f92672 -} - -/* Literal */ -.chroma .l { - color: #ae81ff -} - -/* LiteralDate */ -.chroma .ld { - color: #e6db74 -} - -/* LiteralString */ -.chroma .s { - color: #e6db74 -} - -/* LiteralStringAffix */ -.chroma .sa { - color: #e6db74 -} - -/* LiteralStringBacktick */ -.chroma .sb { - color: #e6db74 -} - -/* LiteralStringChar */ -.chroma .sc { - color: #e6db74 -} - -/* LiteralStringDelimiter */ -.chroma .dl { - color: #e6db74 -} - -/* LiteralStringDoc */ -.chroma .sd { - color: #e6db74 -} - -/* LiteralStringDouble */ -.chroma .s2 { - color: #e6db74 -} - -/* LiteralStringEscape */ -.chroma .se { - color: #ae81ff -} - -/* LiteralStringHeredoc */ -.chroma .sh { - color: #e6db74 -} - -/* LiteralStringInterpol */ -.chroma .si { - color: #e6db74 -} - -/* LiteralStringOther */ -.chroma .sx { - color: #e6db74 -} - -/* LiteralStringRegex */ -.chroma .sr { - color: #e6db74 -} - -/* LiteralStringSingle */ -.chroma .s1 { - color: #e6db74 -} - -/* LiteralStringSymbol */ -.chroma .ss { - color: #e6db74 -} - -/* LiteralNumber */ -.chroma .m { - color: #ae81ff -} - -/* LiteralNumberBin */ -.chroma .mb { - color: #ae81ff -} - -/* LiteralNumberFloat */ -.chroma .mf { - color: #ae81ff -} - -/* LiteralNumberHex */ -.chroma .mh { - color: #ae81ff -} - -/* LiteralNumberInteger */ -.chroma .mi { - color: #ae81ff -} - -/* LiteralNumberIntegerLong */ -.chroma .il { - color: #ae81ff -} - -/* LiteralNumberOct */ -.chroma .mo { - color: #ae81ff -} - -/* Operator */ -.chroma .o { - color: #f92672 -} - -/* OperatorWord */ -.chroma .ow { - color: #f92672 -} - -/* Comment */ -.chroma .c { - color: #75715e -} - -/* CommentHashbang */ -.chroma .ch { - color: #75715e -} - -/* CommentMultiline */ -.chroma .cm { - color: #75715e -} - -/* CommentSingle */ -.chroma .c1 { - color: #75715e -} - -/* CommentSpecial */ -.chroma .cs { - color: #75715e -} - -/* CommentPreproc */ -.chroma .cp { - color: #75715e -} - -/* CommentPreprocFile */ -.chroma .cpf { - color: #75715e -} - -/* GenericDeleted */ -.chroma .gd { - color: #f92672 -} - -/* GenericEmph */ -.chroma .ge { - font-style: italic -} - -/* GenericInserted */ -.chroma .gi { - color: #a6e22e -} - -/* GenericStrong */ -.chroma .gs { - font-weight: bold -} - -/* GenericSubheading */ -.chroma .gu { - color: #75715e -} +/* Background */ .chroma { color: #f8f8f2; background-color: #272822 } +/* Error */ .chroma .err { color: #960050; background-color: #1e0010 } +/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } +/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: 100%; overflow: auto; display: block; } +/* LineHighlight */ .chroma .hl { background-color: #ffffcc; display: block; width: 100% } +/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; display: block; } +/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } +/* Keyword */ .chroma .k { color: #66d9ef } +/* KeywordConstant */ .chroma .kc { color: #66d9ef } +/* KeywordDeclaration */ .chroma .kd { color: #66d9ef } +/* KeywordNamespace */ .chroma .kn { color: #f92672 } +/* KeywordPseudo */ .chroma .kp { color: #66d9ef } +/* KeywordReserved */ .chroma .kr { color: #66d9ef } +/* KeywordType */ .chroma .kt { color: #66d9ef } +/* NameAttribute */ .chroma .na { color: #a6e22e } +/* NameClass */ .chroma .nc { color: #a6e22e } +/* NameConstant */ .chroma .no { color: #66d9ef } +/* NameDecorator */ .chroma .nd { color: #a6e22e } +/* NameException */ .chroma .ne { color: #a6e22e } +/* NameFunction */ .chroma .nf { color: #a6e22e } +/* NameOther */ .chroma .nx { color: #a6e22e } +/* NameTag */ .chroma .nt { color: #f92672 } +/* Literal */ .chroma .l { color: #ae81ff } +/* LiteralDate */ .chroma .ld { color: #e6db74 } +/* LiteralString */ .chroma .s { color: #e6db74 } +/* LiteralStringAffix */ .chroma .sa { color: #e6db74 } +/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 } +/* LiteralStringChar */ .chroma .sc { color: #e6db74 } +/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 } +/* LiteralStringDoc */ .chroma .sd { color: #e6db74 } +/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 } +/* LiteralStringEscape */ .chroma .se { color: #ae81ff } +/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 } +/* LiteralStringInterpol */ .chroma .si { color: #e6db74 } +/* LiteralStringOther */ .chroma .sx { color: #e6db74 } +/* LiteralStringRegex */ .chroma .sr { color: #e6db74 } +/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 } +/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 } +/* LiteralNumber */ .chroma .m { color: #ae81ff } +/* LiteralNumberBin */ .chroma .mb { color: #ae81ff } +/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff } +/* LiteralNumberHex */ .chroma .mh { color: #ae81ff } +/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff } +/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff } +/* LiteralNumberOct */ .chroma .mo { color: #ae81ff } +/* Operator */ .chroma .o { color: #f92672 } +/* OperatorWord */ .chroma .ow { color: #f92672 } +/* Comment */ .chroma .c { color: #75715e } +/* CommentHashbang */ .chroma .ch { color: #75715e } +/* CommentMultiline */ .chroma .cm { color: #75715e } +/* CommentSingle */ .chroma .c1 { color: #75715e } +/* CommentSpecial */ .chroma .cs { color: #75715e } +/* CommentPreproc */ .chroma .cp { color: #75715e } +/* CommentPreprocFile */ .chroma .cpf { color: #75715e } +/* GenericDeleted */ .chroma .gd { color: #f92672 } +/* GenericEmph */ .chroma .ge { font-style: italic } +/* GenericInserted */ .chroma .gi { color: #a6e22e } +/* GenericStrong */ .chroma .gs { font-weight: bold } +/* GenericSubheading */ .chroma .gu { color: #75715e } diff --git a/static/css/theme.css b/static/css/theme.css index d72b1f1..8389b18 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -985,12 +985,6 @@ figure > figcaption h4 { margin-left: 10rem; } -.taxonomy { - -webkit-column-width: 150px; - -moz-column-width: 150px; - column-width: 150px; -} - .ais-SearchBox .ais-SearchBox-input { width: 70%; } diff --git a/static/css/theme.min.css b/static/css/theme.min.css index 3ee89fa..ef5be00 100644 --- a/static/css/theme.min.css +++ b/static/css/theme.min.css @@ -1,2 +1,2 @@ @charset "UTF-8"; -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}a{color:inherit;cursor:pointer}button,input,select,textarea{font:inherit}button{background-color:transparent;border-width:0;color:inherit;cursor:pointer;padding:0}input::-moz-focus-inner{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}cite{font-style:normal}fieldset{border-width:0;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{color:#000;font-family:var(--custom-font-family-base,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");-webkit-font-feature-settings:"pwid";font-feature-settings:"pwid";font-size:18px;line-height:1.6666666667}body{background-color:#fafafa;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--custom-font-family-headings,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-weight:700;line-height:1.6666666667}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{font-size:75%;font-weight:400}h1{font-size:240%;line-height:1.3125}h2{font-size:200%;line-height:1.375}h3{font-size:160%;line-height:1.46875}h4{font-size:125%;line-height:1.6}h5{font-size:100%;line-height:1.75}h6{font-size:80%;line-height:1.9375}a{color:var(--custom-link-text-color,#2e7eb3);text-decoration:none}a:active,a:focus,a:hover{color:var(--custom-link-text-hover-color,#38a0e4);text-decoration:underline}hr{background-color:#ccc;border:0;height:2px}p{font-size:18px}img{display:inline-block;line-height:0}img,video{height:auto;max-width:100%}table{border:1px solid #f0f0f0;border-collapse:collapse;width:100%}td,th{border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:.6rem}tr:nth-child(2n) td,tr:nth-child(2n) th{background:#f8f8f8}th{background:#eee;font-weight:700;text-align:left}ul{list-style-type:disc}ul.inline,ul.no-style{list-style:none;padding-left:0}ul.inline li{display:inline;padding-right:2rem}dt{font-weight:700}dd{margin-left:2rem}blockquote{background-color:#f4f4f4;border-left:4px solid #f0f0f0;border-radius:.2rem;color:#999;padding:1.6666666667rem}code,kbd,pre{font-family:Menlo,Monaco,Courier New,monospace}code,kbd{border-radius:.2rem;padding:.2rem}code{background-color:#f4f4f4}kbd{background-color:#333;color:#fff}pre{background-color:#f4f4f4;border-radius:.2rem;overflow:auto;padding:1.6666666667rem;white-space:pre-wrap}pre code{background-color:unset;padding:0}pre.wrap{white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}pre.scrollable{max-height:240px;overflow-y:scroll}figcaption{color:#333;font-size:18px;line-height:1.6666666667}:root{--const-stack:1.6666666667rem;--stack-top:1.6666666667rem;--stack-bottom:0;--first-stack-top:0;--first-stack-bottom:0;--last-stack-top:0;--last-stack-bottom:0}.first-stack,main *{margin-bottom:var(--first-stack-bottom,unset);margin-top:var(--first-stack-top,unset)}.ais-Hits-item,.button,.code,.edit-meta,.edit-page,.gist,.highlight,.pagination,.panel,.powered,.stack,.table_of_contents,.twitter-tweet,main *+blockquote,main *+dl,main *+figure,main *+h1,main *+h2,main *+h3,main *+h4,main *+h5,main *+h6,main *+hr,main *+ol,main *+p,main *+pre,main *+table,main *+ul{margin-bottom:var(--stack-bottom,unset);margin-top:var(--stack-top,unset)}.last-stack{margin-bottom:var(--last-stack-bottom,unset);margin-top:var(--last-stack-top,unset)}.stack-multi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)*2);margin-top:calc(var(--first-stack-top, unset)*2)}.stack-multi--by4{margin-bottom:calc(var(--first-stack-bottom, unset)*4);margin-top:calc(var(--first-stack-top, unset)*4)}.stack-divi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)/2);margin-top:calc(var(--first-stack-top, unset)/2)}.code .code-content .highlight,.none-stack,.pagination>*,figure>figcaption{margin-top:0}.ais-Hits-item p,.unset-stack,main li>ol,main li>ul{margin-top:unset}body,html{height:100%}.container{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin:auto}.container,.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.content-container{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}main,main:only-child{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0}main:only-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.sidebar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width:896px){.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}main{min-width:100%}.sidebar,main{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.sidebar{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;font-weight:700;justify-content:space-between}.nav-next{margin-left:auto}@media screen and (max-width:480px){.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-next{margin-left:0}}.panel{--panel-font-color:#000;--panel-background-color:unset;--panel-border-color:transparent;background:var(--panel-background-color,unset);border:1px solid;border-color:var(--panel-border-color,transparent);color:var(--panel-font-color,#000);padding:1.6666666667rem}.panel a{font-weight:700;text-decoration:underline}.panel-primary{--panel-border-color:#f0f0f0}.panel-notice{--panel-font-color:#fff;--panel-background-color:#b0b0b0;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-recipe{--panel-font-color:#000;--panel-background-color:#e0e0e0;--custom-link-text-color:#2e7eb3;--custom-link-text-hover-color:#38a0e4}.panel-success{--panel-font-color:#fff;--panel-background-color:#609f43;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-caution{--panel-font-color:#fff;--panel-background-color:#de776d;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-warning{--panel-font-color:#fff;--panel-background-color:#e67e22;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-danger{--panel-font-color:#fff;--panel-background-color:#ce3426;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.button{border-radius:.8rem;display:inline-block;font-size:120%;font-weight:700;padding:.5rem 1.2rem;text-decoration:none;--button-font-color:#000;--button-font-hover-color:#000;--button-background-color:#fafafa;--button-background-hover-color:#f7f7f7;--button-border-color:#f0f0f0;background:var(--button-background-color,unset);border:2px solid;border-color:var(--button-border-color,transparent);color:var(--button-font-color,#000)}.button:hover{background:var(--button-background-hover-color,unset);color:var(--button-font-hover-color,#000);text-decoration:none}.button-notice{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#4ba0e1;--button-background-hover-color:#3b89c5;--button-border-color:transparent}.button-success{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#369b08;--button-background-hover-color:#256905;--button-border-color:transparent}.button-caution{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f56558;--button-background-hover-color:#d45145;--button-border-color:transparent}.button-warning{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f5811b;--button-background-hover-color:#db7012;--button-border-color:transparent}.button-danger{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#ce3426;--button-background-hover-color:#a0281d;--button-border-color:transparent}.notification{background:#eee;padding:.2rem 1.6666666667rem;text-align:center}figure>figcaption h4{font-size:80%;font-weight:400}.table_of_contents{border:4px solid #f0f0f0;font-size:90%;padding:1.6666666667rem}.table_of_contents ul{list-style:none;padding-left:0}.table_of_contents li{border-top:1px solid #f0f0f0}.table_of_contents>nav>ul>li:first-child{border-top:unset}.table_of_contents ul>li li a{margin-left:2rem}.table_of_contents ul ul>li li a{margin-left:4rem}.table_of_contents ul ul ul>li li a{margin-left:6rem}.table_of_contents ul ul ul ul>li li a{margin-left:8rem}.table_of_contents ul ul ul ul ul>li li a{margin-left:10rem}.taxonomy{-webkit-column-width:150px;-moz-column-width:150px;column-width:150px}.ais-SearchBox .ais-SearchBox-input{width:70%}.ais-SearchBox button{margin-left:.2rem;padding:.4rem}.ais-Stats{color:#70757a;font-size:80%}.ais-Hits-item h3{font-size:140%;font-weight:400}.ais-Hits-item p{color:#3c4043}.ais-Hits-item .lastmod{color:#70757a;font-size:90%}.ais-Pagination{margin-top:1em}.ais-Pagination-list{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ais-Pagination-item{padding:.6rem}.code{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.code,.code .filename{-webkit-box-sizing:border-box;box-sizing:border-box}.code .filename{-webkit-box-flex:0;color:#666;-ms-flex:0 0 75%;flex:0 0 75%;font-size:80%;max-width:75%}.code .copy-btn{border:1px solid #ccc;border-radius:.3rem;cursor:pointer;font-size:80%;line-height:1;margin-bottom:.2rem;margin-left:auto;outline:none;padding:.2rem .6rem;position:relative}.code .code-content{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.tooltipped:after{-webkit-animation:fade-tooltip .5s 1s 1 forwards;animation:fade-tooltip .5s 1s 1 forwards;background:#555;border-radius:.4rem;color:#fff;content:"Copied!";display:inline-block;font-size:.75rem;left:50%;padding:4px 10px 6px;position:absolute;top:-1.8rem;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes fade-tooltip{to{opacity:0}}@keyframes fade-tooltip{to{opacity:0}}.edit-page-picto{-webkit-filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);position:relative;top:2px;vertical-align:center}header{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.5rem 1.6666666667rem}header h1{display:inline-block;font-size:140%}header .version{font-size:80%;margin-left:.4rem}header .github{color:currentColor;font-size:180%;margin-left:.4rem}.global-menu{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.2rem 1.6666666667rem}.global-menu ul{list-style:none;margin:0;padding:0}.global-menu li{display:inline-block;margin-right:1.8rem;position:relative}.global-menu ul.sub-menu{display:none;left:0;margin:0;position:absolute;top:1.8rem;z-index:99999}.global-menu ul.sub-menu li{background:var(--custom-background-color,#000);font-size:80%;padding:.2rem 1.6666666667rem;width:140px}.global-menu ul.sub-menu li a{color:var(--custom-font-color,#fff)}.global-menu li.parent:hover>ul.sub-menu{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media screen and (max-width:480px){.global-menu li{border-bottom:1px solid;display:block;margin-right:0}.global-menu li:last-child{border-bottom:none}.global-menu ul.sub-menu{display:block;position:static}.global-menu ul.sub-menu li{background:transparent;padding:0 .4rem;width:auto}.global-menu ul.sub-menu li+li{padding-top:.2rem}.global-menu ul.sub-menu li a{color:currentColor}}.global-menu a{color:currentColor;display:block;text-decoration:none}.global-menu a:hover{text-decoration:underline}main{padding:3rem}@media screen and (max-width:896px){main{padding:1rem}}.sidebar{background:#f9f9f9;border-right:1px solid #eee;font-size:90%;line-height:1.8}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar a{border-bottom:1px solid #eee;border-left:4px solid #f9f9f9;color:#404040;display:block;padding:.2rem 1rem;position:relative;text-decoration:none}.sidebar a:hover{background:#eee;border-left:4px solid #ccc;color:#404040}.sidebar nav>ul>li li a{padding-left:2rem}.sidebar nav>ul ul>li li a{padding-left:3rem}.sidebar nav>ul ul ul>li li a{padding-left:4rem}.sidebar nav>ul ul ul ul>li li a{padding-left:5rem}.sidebar nav>ul ul ul ul ul>li li a{padding-left:6rem}@media screen and (max-width:480px){.sidebar nav>ul>li:first-child a{border-top:1px solid #eee}}.sidebar .active>a{background:#eee;border-left:4px solid #ccc}.sidebar .slide-menu .has-sub-menu:not(.parent) ul{display:none}.sidebar .slide-menu .has-sub-menu>a span.mark{background:#f2f2f2;border-left:1px solid #e7e7e7;color:#979797;display:inline-block;height:32px;line-height:2;position:absolute;right:0;text-align:center;top:0;width:32px}.sidebar-footer{padding:1.6666666667rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:700}.powered{color:#999;font-size:80%;text-align:right} \ No newline at end of file +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}a{color:inherit;cursor:pointer}button,input,select,textarea{font:inherit}button{background-color:transparent;border-width:0;color:inherit;cursor:pointer;padding:0}input::-moz-focus-inner{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}cite{font-style:normal}fieldset{border-width:0;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{color:#000;font-family:var(--custom-font-family-base,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");-webkit-font-feature-settings:"pwid";font-feature-settings:"pwid";font-size:18px;line-height:1.6666666667}body{background-color:#fafafa;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--custom-font-family-headings,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-weight:700;line-height:1.6666666667}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{font-size:75%;font-weight:400}h1{font-size:240%;line-height:1.3125}h2{font-size:200%;line-height:1.375}h3{font-size:160%;line-height:1.46875}h4{font-size:125%;line-height:1.6}h5{font-size:100%;line-height:1.75}h6{font-size:80%;line-height:1.9375}a{color:var(--custom-link-text-color,#2e7eb3);text-decoration:none}a:active,a:focus,a:hover{color:var(--custom-link-text-hover-color,#38a0e4);text-decoration:underline}hr{background-color:#ccc;border:0;height:2px}p{font-size:18px}img{display:inline-block;line-height:0}img,video{height:auto;max-width:100%}table{border:1px solid #f0f0f0;border-collapse:collapse;width:100%}td,th{border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:.6rem}tr:nth-child(2n) td,tr:nth-child(2n) th{background:#f8f8f8}th{background:#eee;font-weight:700;text-align:left}ul{list-style-type:disc}ul.inline,ul.no-style{list-style:none;padding-left:0}ul.inline li{display:inline;padding-right:2rem}dt{font-weight:700}dd{margin-left:2rem}blockquote{background-color:#f4f4f4;border-left:4px solid #f0f0f0;border-radius:.2rem;color:#999;padding:1.6666666667rem}code,kbd,pre{font-family:Menlo,Monaco,Courier New,monospace}code,kbd{border-radius:.2rem;padding:.2rem}code{background-color:#f4f4f4}kbd{background-color:#333;color:#fff}pre{background-color:#f4f4f4;border-radius:.2rem;overflow:auto;padding:1.6666666667rem;white-space:pre-wrap}pre code{background-color:unset;padding:0}pre.wrap{white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}pre.scrollable{max-height:240px;overflow-y:scroll}figcaption{color:#333;font-size:18px;line-height:1.6666666667}:root{--const-stack:1.6666666667rem;--stack-top:1.6666666667rem;--stack-bottom:0;--first-stack-top:0;--first-stack-bottom:0;--last-stack-top:0;--last-stack-bottom:0}.first-stack,main *{margin-bottom:var(--first-stack-bottom,unset);margin-top:var(--first-stack-top,unset)}.ais-Hits-item,.button,.code,.edit-meta,.edit-page,.gist,.highlight,.pagination,.panel,.powered,.stack,.table_of_contents,.twitter-tweet,main *+blockquote,main *+dl,main *+figure,main *+h1,main *+h2,main *+h3,main *+h4,main *+h5,main *+h6,main *+hr,main *+ol,main *+p,main *+pre,main *+table,main *+ul{margin-bottom:var(--stack-bottom,unset);margin-top:var(--stack-top,unset)}.last-stack{margin-bottom:var(--last-stack-bottom,unset);margin-top:var(--last-stack-top,unset)}.stack-multi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)*2);margin-top:calc(var(--first-stack-top, unset)*2)}.stack-multi--by4{margin-bottom:calc(var(--first-stack-bottom, unset)*4);margin-top:calc(var(--first-stack-top, unset)*4)}.stack-divi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)/2);margin-top:calc(var(--first-stack-top, unset)/2)}.code .code-content .highlight,.none-stack,.pagination>*,figure>figcaption{margin-top:0}.ais-Hits-item p,.unset-stack,main li>ol,main li>ul{margin-top:unset}body,html{height:100%}.container{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin:auto}.container,.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.content-container{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}main,main:only-child{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0}main:only-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.sidebar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width:896px){.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}main{min-width:100%}.sidebar,main{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.sidebar{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;font-weight:700;justify-content:space-between}.nav-next{margin-left:auto}@media screen and (max-width:480px){.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-next{margin-left:0}}.panel{--panel-font-color:#000;--panel-background-color:unset;--panel-border-color:transparent;background:var(--panel-background-color,unset);border:1px solid;border-color:var(--panel-border-color,transparent);color:var(--panel-font-color,#000);padding:1.6666666667rem}.panel a{font-weight:700;text-decoration:underline}.panel-primary{--panel-border-color:#f0f0f0}.panel-notice{--panel-font-color:#fff;--panel-background-color:#b0b0b0;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-recipe{--panel-font-color:#000;--panel-background-color:#e0e0e0;--custom-link-text-color:#2e7eb3;--custom-link-text-hover-color:#38a0e4}.panel-success{--panel-font-color:#fff;--panel-background-color:#609f43;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-caution{--panel-font-color:#fff;--panel-background-color:#de776d;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-warning{--panel-font-color:#fff;--panel-background-color:#e67e22;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-danger{--panel-font-color:#fff;--panel-background-color:#ce3426;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.button{border-radius:.8rem;display:inline-block;font-size:120%;font-weight:700;padding:.5rem 1.2rem;text-decoration:none;--button-font-color:#000;--button-font-hover-color:#000;--button-background-color:#fafafa;--button-background-hover-color:#f7f7f7;--button-border-color:#f0f0f0;background:var(--button-background-color,unset);border:2px solid;border-color:var(--button-border-color,transparent);color:var(--button-font-color,#000)}.button:hover{background:var(--button-background-hover-color,unset);color:var(--button-font-hover-color,#000);text-decoration:none}.button-notice{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#4ba0e1;--button-background-hover-color:#3b89c5;--button-border-color:transparent}.button-success{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#369b08;--button-background-hover-color:#256905;--button-border-color:transparent}.button-caution{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f56558;--button-background-hover-color:#d45145;--button-border-color:transparent}.button-warning{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f5811b;--button-background-hover-color:#db7012;--button-border-color:transparent}.button-danger{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#ce3426;--button-background-hover-color:#a0281d;--button-border-color:transparent}.notification{background:#eee;padding:.2rem 1.6666666667rem;text-align:center}figure>figcaption h4{font-size:80%;font-weight:400}.table_of_contents{border:4px solid #f0f0f0;font-size:90%;padding:1.6666666667rem}.table_of_contents ul{list-style:none;padding-left:0}.table_of_contents li{border-top:1px solid #f0f0f0}.table_of_contents>nav>ul>li:first-child{border-top:unset}.table_of_contents ul>li li a{margin-left:2rem}.table_of_contents ul ul>li li a{margin-left:4rem}.table_of_contents ul ul ul>li li a{margin-left:6rem}.table_of_contents ul ul ul ul>li li a{margin-left:8rem}.table_of_contents ul ul ul ul ul>li li a{margin-left:10rem}.ais-SearchBox .ais-SearchBox-input{width:70%}.ais-SearchBox button{margin-left:.2rem;padding:.4rem}.ais-Stats{color:#70757a;font-size:80%}.ais-Hits-item h3{font-size:140%;font-weight:400}.ais-Hits-item p{color:#3c4043}.ais-Hits-item .lastmod{color:#70757a;font-size:90%}.ais-Pagination{margin-top:1em}.ais-Pagination-list{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ais-Pagination-item{padding:.6rem}.code{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.code,.code .filename{-webkit-box-sizing:border-box;box-sizing:border-box}.code .filename{-webkit-box-flex:0;color:#666;-ms-flex:0 0 75%;flex:0 0 75%;font-size:80%;max-width:75%}.code .copy-btn{border:1px solid #ccc;border-radius:.3rem;cursor:pointer;font-size:80%;line-height:1;margin-bottom:.2rem;margin-left:auto;outline:none;padding:.2rem .6rem;position:relative}.code .code-content{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.tooltipped:after{-webkit-animation:fade-tooltip .5s 1s 1 forwards;animation:fade-tooltip .5s 1s 1 forwards;background:#555;border-radius:.4rem;color:#fff;content:"Copied!";display:inline-block;font-size:.75rem;left:50%;padding:4px 10px 6px;position:absolute;top:-1.8rem;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes fade-tooltip{to{opacity:0}}@keyframes fade-tooltip{to{opacity:0}}.edit-page-picto{-webkit-filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);position:relative;top:2px;vertical-align:center}header{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.5rem 1.6666666667rem}header h1{display:inline-block;font-size:140%}header .version{font-size:80%;margin-left:.4rem}header .github{color:currentColor;font-size:180%;margin-left:.4rem}.global-menu{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.2rem 1.6666666667rem}.global-menu ul{list-style:none;margin:0;padding:0}.global-menu li{display:inline-block;margin-right:1.8rem;position:relative}.global-menu ul.sub-menu{display:none;left:0;margin:0;position:absolute;top:1.8rem;z-index:99999}.global-menu ul.sub-menu li{background:var(--custom-background-color,#000);font-size:80%;padding:.2rem 1.6666666667rem;width:140px}.global-menu ul.sub-menu li a{color:var(--custom-font-color,#fff)}.global-menu li.parent:hover>ul.sub-menu{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media screen and (max-width:480px){.global-menu li{border-bottom:1px solid;display:block;margin-right:0}.global-menu li:last-child{border-bottom:none}.global-menu ul.sub-menu{display:block;position:static}.global-menu ul.sub-menu li{background:transparent;padding:0 .4rem;width:auto}.global-menu ul.sub-menu li+li{padding-top:.2rem}.global-menu ul.sub-menu li a{color:currentColor}}.global-menu a{color:currentColor;display:block;text-decoration:none}.global-menu a:hover{text-decoration:underline}main{padding:3rem}@media screen and (max-width:896px){main{padding:1rem}}.sidebar{background:#f9f9f9;border-right:1px solid #eee;font-size:90%;line-height:1.8}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar a{border-bottom:1px solid #eee;border-left:4px solid #f9f9f9;color:#404040;display:block;padding:.2rem 1rem;position:relative;text-decoration:none}.sidebar a:hover{background:#eee;border-left:4px solid #ccc;color:#404040}.sidebar nav>ul>li li a{padding-left:2rem}.sidebar nav>ul ul>li li a{padding-left:3rem}.sidebar nav>ul ul ul>li li a{padding-left:4rem}.sidebar nav>ul ul ul ul>li li a{padding-left:5rem}.sidebar nav>ul ul ul ul ul>li li a{padding-left:6rem}@media screen and (max-width:480px){.sidebar nav>ul>li:first-child a{border-top:1px solid #eee}}.sidebar .active>a{background:#eee;border-left:4px solid #ccc}.sidebar .slide-menu .has-sub-menu:not(.parent) ul{display:none}.sidebar .slide-menu .has-sub-menu>a span.mark{background:#f2f2f2;border-left:1px solid #e7e7e7;color:#979797;display:inline-block;height:32px;line-height:2;position:absolute;right:0;text-align:center;top:0;width:32px}.sidebar-footer{padding:1.6666666667rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:700}.powered{color:#999;font-size:80%;text-align:right} \ No newline at end of file