From 5e34f1d6907dcc17f1108e19d24905ecf4b8f818 Mon Sep 17 00:00:00 2001 From: Serghei Iakovlev Date: Sun, 29 Sep 2024 11:13:19 +0200 Subject: Regenerate assets --- ...e.scss_7bbaf99eabb468e10b793066c2709a48.content | 1175 ++++++++++++++++++++ ...tyle.scss_7bbaf99eabb468e10b793066c2709a48.json | 1 + ...e.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 1175 -------------------- ...tyle.scss_f300667da4f5b5f84e1a9e0702b2fdde.json | 1 - 4 files changed, 1176 insertions(+), 1176 deletions(-) create mode 100644 resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.content create mode 100644 resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.json delete mode 100644 resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content delete mode 100644 resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.json (limited to 'resources/_gen/assets') diff --git a/resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.content b/resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.content new file mode 100644 index 0000000..6fbfd2a --- /dev/null +++ b/resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.content @@ -0,0 +1,1175 @@ +/* + Common Variables + + Feel free to change! +*/ +/* Fonts */ +/* 20px / 16px = 1.25em; support text resizing in all browsers */ +/* + Color + + Make sure to leave `colorScheme` in `params.yaml` file empty for granular control +*/ +/* Ed: the minimal edition theme. + * ___________________ + * \_ _____/\______ \ + * | __)_ | | \ + * | \ | ` \ + * /_______ //_______ / + * \/ \/ + * Designed, built, and released under an MIT license by @elotroalex and brill friends. See credits + * for more info. + * Based on the Poole and Lanyon theme by @mdo. Learn more at + * https://github.com/minicomp/ed. +*/ +/* + To apply a different color scheme to the whole scroll down to the themes section for instructions at + the very bottom of this file +*/ +/* + General + + Update the foundational and global aspects of the page. +*/ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +html, +body { + margin: 0; + padding: 0; + overflow-x: hidden; } + +html { + font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; + font-size: 1em; + /* 16px; specify in ems to support text resizing in all browsers */ + line-height: 1.5; } + +@media (min-width: 38em) { + html { + font-size: 1.25em; } } + +body { + color: #454545; + background-color: #fff; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; } + +.content { + margin-bottom: 4rem; } + +/* + Wrapper + + The wrapper is used to position site content when the sidebar is toggled. We use an outter wrap to + position the sidebar without interfering with the regular page content. +*/ +.wrap { + position: relative; + width: 100%; } + +/* + Container + + Center the page content. +*/ +.container { + max-width: 32rem; + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; } + +@media (min-width: 56em) { + .container { + max-width: 38rem; } } + +/* Links */ +a, .text-title a { + color: #841212; + text-decoration: none; } + +/* `:focus` is linked to `:hover` for basic accessibility */ +a:hover, +a:focus { + text-decoration: underline; } + +/* Headings */ +h1, h2, h3, h4, h5, h6 { + font-family: sans-serif; + margin-bottom: .5rem; + font-weight: normal; + color: #404040; + letter-spacing: -.025rem; + line-height: 1.25; + text-rendering: optimizeLegibility; } + +h1, +h1.text-title { + font-size: 1.4rem; } + +h2 { + margin-top: 1rem; + font-size: 1.2rem; } + +h3, h4, h5, h6 { + margin-top: 1rem; + font-size: 1rem; } + +h3 { + margin-top: 1.5rem; } + +/* Body text */ +p { + margin-top: 0; + margin-bottom: 1rem; } + +/* Lists */ +ul { + list-style: circle; } + +ul, ol { + margin-top: 0; + margin-bottom: 1rem; } + +/* Horizontal ruler */ +hr { + position: relative; + margin: 1.5rem 0; + border: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #fff; } + +/* Search highlighting */ +mark { + color: white; + background-color: #841212; } + +/* Quotes */ +blockquote { + padding: 0rem 1.5rem 0rem 2rem; + margin: 0 0 20px 0; + color: #454545; + border-left: none; + font-style: italic; } + +blockquote p:last-child { + margin-bottom: 0; } + +@media (min-width: 30em) { + blockquote { + padding-right: 5rem; + padding-left: 1.25rem; } } + +/* Images */ +img { + display: block; + max-width: 100%; + margin: 0 0 1rem; + border-radius: 5px; } + +/* Tables */ +table { + margin-bottom: 1rem; + width: 100%; + border: 1px solid #e5e5e5; + border-collapse: collapse; } + +td, +th { + padding: .25rem .5rem; + border: 1px solid #e5e5e5; } + +tbody tr:nth-child(odd) td, +tbody tr:nth-child(odd) th { + background-color: #f9f9f9; } + +/* + Masthead + + Super small header above the content for site name and short description. +*/ +.masthead { + border-bottom: 1px solid #eee; + margin-bottom: 3rem; + padding-top: 26px; + padding-bottom: 1rem; + text-align: center; } + +.masthead-title { + color: #505050; + font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; + font-size: 1.8rem; + line-height: .777em; + margin: 2em 0 0; + text-align: center; } + +.masthead-title small { + color: #454545; + display: none; + /* This is an accessibility no-no */ + font-family: sans-serif; + font-size: .88rem; + font-weight: normal; + letter-spacing: .05rem; } + +@media (min-width: 320px) { + .masthead-title { + margin-top: 2px; + margin-right: 15%; + margin-left: 15%; } } + +@media (min-width: 48em) { + .masthead-title small { + display: inline; } } + +/* + Sidebar + + The sidebar is the drawer, the item we are toggling with our handy hamburger button in the corner + of the page. + + This particular sidebar implementation was inspired by Chris Coyier's "Offcanvas Menu with CSS + Target" article, and the checkbox variation from the comments by a reader. It modifies both + implementations to continue using the checkbox (no change in URL means no polluted browser + history), but this uses `position` for the menu to avoid some potential content reflow issues. + + Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504 +*/ +/* Style and "hide" the sidebar */ +.sidebar { + position: fixed; + top: 0; + bottom: 0; + left: -14rem; + width: 14rem; + visibility: hidden; + overflow-y: auto; + font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-size: .875rem; + /* 15px*/ + color: rgba(255, 255, 255, 0.6); + background-color: #202020; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + +@media (min-width: 30em) { + .sidebar { + font-size: .75rem; + /* 14px */ } } + +/* Sidebar content */ +.sidebar { + background-color: #841212; } + +.sidebar a { + font-weight: normal; + color: #fff; } + +.sidebar-item { + padding: 1rem; } + +.sidebar-item p:last-child { + margin-bottom: 0; } + +/* Sidebar nav */ +.sidebar-nav { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + +.sidebar-nav-item { + display: block; + padding: .5rem 1rem; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + +a.sidebar-nav-item-toc { + color: rgba(255, 255, 255, 0.8); } + +.sidebar-nav-item.active, +a.sidebar-nav-item:hover, +a.sidebar-nav-item:focus { + text-decoration: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + +@media (min-width: 48em) { + .sidebar-item { + padding: 1.5rem; } + .sidebar-nav-item { + padding-left: 1.5rem; + padding-right: 1.5rem; } } + +/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */ +.sidebar-checkbox { + display: none; } + +/* Style the `label` that we use to target the `.sidebar-checkbox` */ +.sidebar-toggle { + position: absolute; + top: .8rem; + left: 1rem; + display: block; + padding: .25rem .75rem; + color: #505050; + background-color: #fff; + border-radius: .25rem; + cursor: pointer; } + +.sidebar-toggle:before { + display: inline-block; + width: 1rem; + height: .75rem; + content: ""; + background-image: -webkit-linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); + background-image: -moz-linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); + background-image: -ms-linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); + background-image: linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); } + +.sidebar-toggle:active, +#sidebar-checkbox:focus ~ .sidebar-toggle, +#sidebar-checkbox:checked ~ .sidebar-toggle { + color: #fff; + background-color: #555; } + +.sidebar-toggle:active:before, +#sidebar-checkbox:focus ~ .sidebar-toggle:before, +#sidebar-checkbox:checked ~ .sidebar-toggle:before { + background-image: -webkit-linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); + background-image: -moz-linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); + background-image: -ms-linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); + background-image: linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); } + +@media (min-width: 30.1em) { + .sidebar-toggle { + position: fixed; } } + +@media print { + .sidebar-toggle { + display: none; } } + +/* + Slide effect + + Handle the sliding effects of the sidebar and content in one spot, separate from the default + styles. + + As a heads-up, we don't use `transform: translate3d()` here because, when mixed with + `position: fixed;` for the sidebar toggle, it creates a new containing block. Put simply, the + fixed sidebar toggle behaves like `position: absolute;` when transformed. + + Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/. +*/ +.wrap, +.sidebar, +.sidebar-toggle { + -webkit-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; } + +.wrap, +.sidebar-toggle { + -webkit-transition: -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out; } + +#sidebar-checkbox:checked + .sidebar { + z-index: 10; + visibility: visible; } + +#sidebar-checkbox:checked ~ .sidebar, +#sidebar-checkbox:checked ~ .wrap, +#sidebar-checkbox:checked ~ .sidebar-toggle { + -webkit-transform: translateX(14rem); + -moz-transform: translateX(14rem); + -ms-transform: translateX(14rem); + -o-transform: translateX(14rem); + transform: translateX(14rem); } + +/* + Reverse layout + + Flip the orientation of the page by placing the `.sidebar` and sidebar toggle on the right side. +*/ +.layout-reverse .sidebar { + left: auto; + right: -14rem; } + +.layout-reverse .sidebar-toggle { + left: auto; + right: 1rem; } + +.layout-reverse #sidebar-checkbox:checked ~ .sidebar, +.layout-reverse #sidebar-checkbox:checked ~ .wrap, +.layout-reverse #sidebar-checkbox:checked ~ .sidebar-toggle { + -webkit-transform: translateX(-14rem); + -moz-transform: translateX(-14rem); + -ms-transform: translateX(-14rem); + -o-transform: translateX(-14rem); + transform: translateX(-14rem); } + +/* + Overlay sidebar + + Make the sidebar content overlay the viewport content instead of pushing it aside when toggled. +*/ +.sidebar-overlay #sidebar-checkbox:checked ~ .wrap { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); } + +.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar-toggle { + box-shadow: 0 0 0 .25rem #fff; } + +.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar { + box-shadow: 0.25rem 0 0.5rem rgba(0, 0, 0, 0.1); } + +/* Only one tweak for a reverse layout*/ +.layout-reverse.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar { + box-shadow: -0.25rem 0 0.5rem rgba(0, 0, 0, 0.1); } + +/* + ED special layouts +*/ +.text-center { + text-align: center !important; } + +.text-uppercase { + text-transform: uppercase !important; } + +.fs-4 { + font-size: 1.6rem !important; } + +.fs-5 { + font-size: 1.4rem !important; } + +.fs-7 { + font-size: 0.8rem !important; } + +div.poem, +.poem, +div.narrative, +.narrative { + margin-bottom: 5rem; } + +div.toc { + margin-bottom: 4rem; } + +/* + Poem styles + + If you want your lines not to wrap on small screens, add the rule "white-space: nowrap;"; If you + want you want to remove the hanging indent, reset the padding-left to 0 and erase text-indent +*/ +.poem ul, +.poetry ul, +ul.poetry { + list-style: none; + list-style-type: none; + padding-left: 1rem; + text-indent: -1rem; } + +/* This snippet helps us reset the margin for all spans with the indent- class */ +.poem span[class^='indent-'], +.poetry span[class^='indent-'] { + margin: 0; + /* reset browsers default margin styles*/ } + +/* + To set line indentation for poetry wrap the line in a span with a class="indent-x" attribute. + The x is represents a rem (root em) value +*/ +.indent-1 { + padding-left: 1rem; } + +.indent-2 { + padding-left: 2rem; } + +.indent-3 { + padding-left: 3rem; } + +.indent-4 { + padding-left: 4rem; } + +.indent-5 { + padding-left: 5rem; } + +.indent-6 { + padding-left: 6rem; } + +.indent-7 { + padding-left: 7rem; } + +.indent-8 { + padding-left: 8rem; } + +.indent-9 { + padding-left: 9rem; } + +.indent-10 { + padding-left: 10rem; } + +.poem .byline, +.poetry .byline { + font-style: italic; + font-weight: normal; + letter-spacing: 0; + margin-top: -.5rem; } + +/* Footnotes styles */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +.footnotes { + line-height: 1.2rem; + font-size: 0.9rem; + letter-spacing: .01rem; } + +.footnotes .foot-block { + display: inline-block; + padding: 0 4rem 0 2rem; + margin-bottom: .8rem; + font-style: italic; } + +a.footnote-ref { + padding-left: .1rem; + font-size: .66rem; } + +/* Bibliography styles */ +ol.bibliography { + list-style-type: none; + padding-left: 1rem; + text-indent: -1rem; } + +/* Diplomatic editions */ +ins, +.add { + color: #288828; + font-style: italic; } + +del, +.delete { + text-decoration: line-through; + color: #AA3232; } + +u, +.underline { + text-decoration: underline; } + +/* + Line layouts for prose-poetry and theater + + To use these layouts you need to add the classes to your markdown or HTML lines. +*/ +li.speaker, +li.speakerGroup { + text-align: center; + padding-top: 1.2em; } + +li.speakerGroup { + margin-bottom: -1.6em; } + +/* To add an attribution, make sure to make a line with the attribution class */ +li.attribution { + text-align: right; + list-style: none; + padding: 0rem 1.5rem 0rem 2rem; + margin: 0 0 20px 0; + color: #454545; } + +li.prose { + list-style-position: inside; + margin-left: -1em; + text-indent: 0; } + +li.prose-indent { + text-indent: 2rem; } + +/* + Themes + + Applies custom color schemes by adding the appropriate class to the `body`. Based on colors from + Base16: http://chriskempson.com/projects/base16/ +*/ +/* Red */ +.theme-base-red .sidebar, +.theme-base-red .sidebar-toggle:active, +.theme-base-red #sidebar-checkbox:checked ~ .sidebar-toggle { + background-color: #ac4142; } + +.theme-base-red .container a, +.theme-base-red .sidebar-toggle, +.theme-base-red .related-posts li a:hover { + color: #ac4142; } + +/* Orange */ +.theme-base-orange .sidebar, +.theme-base-orange .sidebar-toggle:active { + background-color: #d28445; } + +.theme-base-orange .container a, +.theme-base-orange .sidebar-toggle, +.theme-base-orange .related-posts li a:hover { + color: #d28445; } + +/* Green */ +.theme-base-green .sidebar, +.theme-base-green .sidebar-toggle:active { + background-color: #90a959; } + +.theme-base-green .container a, +.theme-base-green .sidebar-toggle, +.theme-base-green .related-posts li a:hover { + color: #90a959; } + +/* Cyan */ +.theme-base-cyan .sidebar, +.theme-base-cyan .sidebar-toggle:active { + background-color: #75b5aa; } + +.theme-base-cyan .container a, +.theme-base-cyan .sidebar-toggle, +.theme-base-cyan .related-posts li a:hover { + color: #75b5aa; } + +/* Blue */ +.theme-base-blue .sidebar, +.theme-base-blue .sidebar-toggle:active { + background-color: #6a9fb5; } + +.theme-base-blue .container a, +.theme-base-blue .sidebar-toggle, +.theme-base-blue .related-posts li a:hover { + color: #6a9fb5; } + +/* Magenta */ +.theme-base-magenta .sidebar, +.theme-base-magenta .sidebar-toggle:active { + background-color: #aa759f; } + +.theme-base-magenta .container a, +.theme-base-magenta .sidebar-toggle, +.theme-base-magenta .related-posts li a:hover { + color: #aa759f; } + +/* Brown */ +.theme-base-brown .sidebar, +.theme-base-brown .sidebar-toggle:active { + background-color: #8f5536; } + +.theme-base-brown .container a, +.theme-base-brown .sidebar-toggle, +.theme-base-brown .related-posts li a:hover { + color: #8f5536; } + +/* Transferred from poole.css */ +/* Code */ +code, +pre { + font-family: Menlo, Monaco, "Courier New", monospace; } + +code { + padding: .25em .5em; + font-size: 85%; + color: #bf616a; + background-color: #f9f9f9; + border-radius: 3px; } + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + padding: 1rem; + font-size: .8rem; + line-height: 1.4; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; + background-color: #f9f9f9; } + +pre code { + padding: 0; + font-size: 100%; + color: inherit; + background-color: transparent; } + +/* Pygments via Hugo */ +.highlight { + margin-bottom: 1rem; + border-radius: 4px; } + +.highlight pre { + margin-bottom: 0; } + +/* Form elements */ +.form-input { + border: 1px solid #ccc; + border-radius: .2em; + font-family: inherit; + font-size: 1.25em; + color: #000; + background-color: #fff; + width: 100%; + padding: 0.5em; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + @media only screen and (min-width: 768px) { + .form-input { + font-size: 1.15em; } } + @media only screen and (min-width: 1220px) { + .form-input { + font-size: 1.1em; } } + .form-input:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + outline: none; + border-color: #5e5e5e; } + +#site-contact { + width: 100%; + padding-bottom: 20px; } + @media only screen and (min-width: 768px) { + #site-contact { + padding-bottom: 40px; } } + @media only screen and (min-width: 1220px) { + #site-contact { + padding-bottom: 50px; } } + @media only screen and (min-width: 1600px) { + #site-contact { + padding-bottom: 60px; } } + #site-contact:first-child { + margin-top: 0; } + +.form-item { + margin-top: 15px; } + @media only screen and (min-width: 768px) { + .form-item { + margin-top: 20px; } } + @media only screen and (min-width: 1220px) { + .form-item { + margin-top: 30px; } } + .form-item:first-child { + margin-top: 0; } + +form input[type="number"]:-moz-submit-invalid, +form input[type="email"]:-moz-submit-invalid, +form textarea:-moz-submit-invalid, +form input[type="text"]:-moz-submit-invalid, +form select:-moz-submit-invalid, +form input:-moz-ui-invalid { + -webkit-box-shadow: 0 0 2px 1px #D64541 !important; + -moz-box-shadow: 0 0 2px 1px #D64541 !important; + box-shadow: 0 0 2px 1px #D64541 !important; } + +.form-item-error .form-input, +.form-item-error .form-textarea { + -webkit-box-shadow: 0 0 2px 1px #D64541 !important; + -moz-box-shadow: 0 0 2px 1px #D64541 !important; + box-shadow: 0 0 2px 1px #D64541 !important; } + +.form-label { + display: block; + font-size: 16px; + font-weight: 600; + color: #676767; } + @media only screen and (min-width: 768px) { + .form-label { + font-size: 18px; } } + @media only screen and (min-width: 1220px) { + .form-label { + font-size: 20px; } } +.contact-form-input, +.contact-form-textarea { + margin-top: 8px; } + +::-webkit-input-placeholder { + color: #d4dada; } + +::-moz-placeholder { + color: #d4dada; } + +:-ms-input-placeholder { + color: #d4dada; } + +:-moz-placeholder { + color: #d4dada; } + +.contact-form-textarea { + font-size: 1.1em; + min-height: 200px; + resize: none; } + @media only screen and (min-width: 768px) { + .contact-form-textarea { + font-size: 1.05em; } } + @media only screen and (min-width: 1220px) { + .contact-form-textarea { + font-size: 1em; } } +.button { + display: inline-block; + padding: 9px 10px 10px; + font-size: 13px; + line-height: 1; + border: 2px solid #5e5e5e; + border-radius: 3px; + background: #5e5e5e; + color: #fff; + font-weight: 600; + cursor: pointer; } + @media only screen and (min-width: 768px) { + .button { + padding: 11px 20px 12px; + font-size: 15px; } } + .button:hover { + background: #404040; + border-color: #404040; + color: #fff; } + .button svg { + margin-right: 5px; } + .button svg:last-child { + margin-right: 0; + margin-left: 5px; } + @media only screen and (min-width: 768px) { + .button svg { + margin-right: 8px; } + .button svg:last-child { + margin-right: 0; + margin-left: 8px; } } +.hide-element { + display: none; } + +#search-form .search-error.hide-element { + display: none; } + +.search-item { + font-weight: bold; + background-color: #ffff54; } + +.search-error, +.search-error-message { + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -ms-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; } + +template { + display: none; } + +.masthead-title small { + font-size: .78rem; } + +#page-contact, +#page-thanks, +.introduction { + min-height: 40px; + margin-bottom: 40px; } + @media only screen and (min-width: 768px) { + #page-contact, + #page-thanks, + .introduction { + min-height: 60px; + margin-bottom: 60px; } } + @media only screen and (min-width: 1024px) { + #page-contact, + #page-thanks, + .introduction { + min-height: 80px; + margin-bottom: 80px; } } + @media only screen and (min-width: 1220px) { + #page-contact, + #page-thanks, + .introduction { + min-height: 100px; + margin-bottom: 100px; } } +.introduction h1.accent { + margin: 30px 0; + font-size: 4em; + line-height: 1; + letter-spacing: -1px; } + +#page-contact .container, +#page-thanks .container, +.introduction .container { + margin: 10px auto; + max-width: 600px; + text-align: center; } + +.post { + margin-top: 40px; } + @media only screen and (min-width: 768px) { + .post { + margin-top: 60px; } } + @media only screen and (min-width: 1024px) { + .post { + margin-top: 80px; } } + @media only screen and (min-width: 1220px) { + .post { + margin-top: 100px; } } + .post:first-of-type { + margin-top: 0; } + +#TableOfContents ul ul, +#TableOfContents ul ul ul, +#TableOfContents ul ul ul ul, +#TableOfContents ul ul ul ul ul, +#TableOfContents ul ul ul ul ul ul, +#TableOfContents ul ul ul ul ul ul ul { + margin-bottom: 0; } + +.post-meta { + margin-bottom: 0; + font-size: .85rem; + color: #676767; } + +.post .byline { + font-style: italic; + font-weight: normal; + letter-spacing: 0; + margin-top: -.5rem; } + +.post .byline, +.poem .byline, +.poetry .byline { + margin-bottom: 1rem; } + +nav.pagination { + justify-content: center; } + +ul.pager { + margin: 0; + padding: 0; + list-style: none; } + ul.pager li { + display: inline; + padding: 10px; + margin: 5px; } + +.divider { + position: relative; + margin: 2.5rem 0; } + .divider:after { + content: ""; + display: table; + clear: both; } + +.d-flex { + display: flex; } + +.footnotes hr { + margin: 0; + border: 0; } + +.footnotes blockquote + a.footnote-backref { + margin-bottom: 1rem; + display: inline-block; } + +.tags-wrapper { + position: relative; } + +.post-tags { + margin: 0; + padding: 0; + position: absolute; + right: 24px; + bottom: -12px; + list-style: none; + text-indent: unset; } + .post-tags li, .post-tags a { + font-family: sans-serif; + float: left; + height: 24px; + line-height: 24px; + position: relative; + font-size: .75em; } + .post-tags a { + margin-left: 20px; + padding: 0 10px 0 12px; + background: #841212; + color: #fff; + text-decoration: none; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .post-tags a:before { + content: ""; + float: left; + position: absolute; + top: 0; + left: -12px; + width: 0; + height: 0; + border-color: transparent #841212 transparent transparent; + border-style: solid; + border-width: 12px 12px 12px 0; } + .post-tags a:after { + content: ""; + position: absolute; + top: 10px; + left: 0; + float: left; + width: 4px; + height: 4px; + background: #fff; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: -1px -1px 2px #454545; + -moz-box-shadow: -1px -1px 2px #454545; + box-shadow: -1px -1px 2px #454545; } + .post-tags a:hover { + background: #676767; } + .post-tags a:hover:before { + border-color: transparent #676767 transparent transparent; } + +a.external:after { + background-color: #ac4142; + content: ""; + display: inline-flex; + height: 10px; + margin-left: 4px; + width: 10px; + -webkit-mask-size: cover; + mask-size: cover; + -webkit-mask-image: url("/img/external-link.svg"); + mask-image: url("/img/external-link.svg"); } + +ul.tags-cloud { + display: flex; + flex-wrap: wrap; + justify-content: center; + max-width: 960px; + margin: auto; + padding: 2rem 0 1rem; + list-style: none; + border: 2px solid white; + border-radius: 5px; } + ul.tags-cloud .tag { + display: flex; + align-items: center; + margin: 0.25rem 1rem; } + ul.tags-cloud .tag-link { + padding: 5px 5px 0; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -ms-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; } + +#top-of-site-anchor { + position: absolute; + width: 1px; + height: 1px; + top: 500px; + left: 0; } + +@media (max-width: 800px) { + #top-of-site-anchor { + top: 46px; } } + +.top-of-site-link { + visibility: hidden; + opacity: 0; + text-decoration: none; + position: fixed; + bottom: 1.2rem; + right: 1.5rem; + z-index: 99; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -ms-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; } + .top-of-site-link:hover { + text-decoration: none; } + .top-of-site-link svg { + -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); + -moz-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); + -o-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); + filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); } + +.top-of-site-link[data-visible=true] { + opacity: 1; + visibility: visible; } + +.screen-reader-text { + position: absolute !important; + white-space: nowrap; + border: 0; + height: 1px; + width: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + -moz-clip-path: inset(50%); + -ms-clip-path: inset(50%); + clip-path: inset(50%); } + +.hypothesis-container { + cursor: pointer; } + +/* Themes */ +/* Red */ +.theme-base-red .post-tags a { + background: #ac4142; } + .theme-base-red .post-tags a:before { + border-color: transparent #ac4142 transparent transparent; } + +/* Orange */ +.theme-base-orange .post-tags a { + background: #d28445; } + .theme-base-orange .post-tags a:before { + border-color: transparent #d28445 transparent transparent; } + +/* Green */ +.theme-base-green .post-tags a { + background: #90a959; } + .theme-base-green .post-tags a:before { + border-color: transparent #90a959 transparent transparent; } + +/* Cyan */ +.theme-base-cyan .post-tags a { + background: #75b5aa; } + .theme-base-cyan .post-tags a:before { + border-color: transparent #75b5aa transparent transparent; } + +/* Blue */ +.theme-base-blue .post-tags a { + background: #6a9fb5; } + .theme-base-blue .post-tags a:before { + border-color: transparent #6a9fb5 transparent transparent; } + +/* Magenta */ +.theme-base-magenta .post-tags a { + background: #aa759f; } + .theme-base-magenta .post-tags a:before { + border-color: transparent #aa759f transparent transparent; } + +/* Brown */ +.theme-base-brown .post-tags a { + background: #8f5536; } + .theme-base-brown .post-tags a:before { + border-color: transparent #8f5536 transparent transparent; } diff --git a/resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.json b/resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.json new file mode 100644 index 0000000..61916df --- /dev/null +++ b/resources/_gen/assets/sass/style.scss_7bbaf99eabb468e10b793066c2709a48.json @@ -0,0 +1 @@ +{"Target":"/sass/style.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content deleted file mode 100644 index 31ced3e..0000000 --- a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ /dev/null @@ -1,1175 +0,0 @@ -/* - Common Variables - - Feel free to change! -*/ -/* Fonts */ -/* 20px / 16px = 1.25em; support text resizing in all browsers */ -/* - Color - - Make sure to leave colorScheme in `config.toml` file empty for granular control -*/ -/* Ed: the minimal edition theme. - * ___________________ - * \_ _____/\______ \ - * | __)_ | | \ - * | \ | ` \ - * /_______ //_______ / - * \/ \/ - * Designed, built, and released under an MIT license by @elotroalex and brill friends. See credits - * for more info. - * Based on the Poole and Lanyon theme by @mdo. Learn more at - * https://github.com/minicomp/ed. -*/ -/* - To apply a different color scheme to the whole scroll down to the themes section for instructions at - the very bottom of this file -*/ -/* - General - - Update the foundational and global aspects of the page. -*/ -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -html, -body { - margin: 0; - padding: 0; - overflow-x: hidden; } - -html { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1em; - /* 16px; specify in ems to support text resizing in all browsers */ - line-height: 1.5; } - -@media (min-width: 38em) { - html { - font-size: 1.25em; } } - -body { - color: #454545; - background-color: #fff; - -webkit-text-size-adjust: 100%; - -moz-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - text-size-adjust: 100%; } - -.content { - margin-bottom: 4rem; } - -/* - Wrapper - - The wrapper is used to position site content when the sidebar is toggled. We use an outter wrap to - position the sidebar without interferring with the regular page content. -*/ -.wrap { - position: relative; - width: 100%; } - -/* - Container - - Center the page content. -*/ -.container { - max-width: 32rem; - padding-left: 1rem; - padding-right: 1rem; - margin-left: auto; - margin-right: auto; } - -@media (min-width: 56em) { - .container { - max-width: 38rem; } } - -/* Links */ -a, .text-title a { - color: #841212; - text-decoration: none; } - -/* `:focus` is linked to `:hover` for basic accessibility */ -a:hover, -a:focus { - text-decoration: underline; } - -/* Headings */ -h1, h2, h3, h4, h5, h6 { - font-family: sans-serif; - margin-bottom: .5rem; - font-weight: normal; - color: #404040; - letter-spacing: -.025rem; - line-height: 1.25; - text-rendering: optimizeLegibility; } - -h1, -h1.text-title { - font-size: 1.4rem; } - -h2 { - margin-top: 1rem; - font-size: 1.2rem; } - -h3, h4, h5, h6 { - margin-top: 1rem; - font-size: 1rem; } - -h3 { - margin-top: 1.5rem; } - -/* Body text */ -p { - margin-top: 0; - margin-bottom: 1rem; } - -/* Lists */ -ul { - list-style: circle; } - -ul, ol { - margin-top: 0; - margin-bottom: 1rem; } - -/* Horizontal ruler */ -hr { - position: relative; - margin: 1.5rem 0; - border: 0; - border-top: 1px solid #eee; - border-bottom: 1px solid #fff; } - -/* Search highlighting */ -mark { - color: white; - background-color: #841212; } - -/* Quotes */ -blockquote { - padding: 0rem 1.5rem 0rem 2rem; - margin: 0 0 20px 0; - color: #454545; - border-left: none; - font-style: italic; } - -blockquote p:last-child { - margin-bottom: 0; } - -@media (min-width: 30em) { - blockquote { - padding-right: 5rem; - padding-left: 1.25rem; } } - -/* Images */ -img { - display: block; - max-width: 100%; - margin: 0 0 1rem; - border-radius: 5px; } - -/* Tables */ -table { - margin-bottom: 1rem; - width: 100%; - border: 1px solid #e5e5e5; - border-collapse: collapse; } - -td, -th { - padding: .25rem .5rem; - border: 1px solid #e5e5e5; } - -tbody tr:nth-child(odd) td, -tbody tr:nth-child(odd) th { - background-color: #f9f9f9; } - -/* - Masthead - - Super small header above the content for site name and short description. -*/ -.masthead { - border-bottom: 1px solid #eee; - margin-bottom: 3rem; - padding-top: 26px; - padding-bottom: 1rem; - text-align: center; } - -.masthead-title { - color: #505050; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1.8rem; - line-height: .777em; - margin: 2em 0 0; - text-align: center; } - -.masthead-title small { - color: #454545; - display: none; - /* This is an accessibility no-no */ - font-family: sans-serif; - font-size: .88rem; - font-weight: normal; - letter-spacing: .05rem; } - -@media (min-width: 320px) { - .masthead-title { - margin-top: 2px; - margin-right: 15%; - margin-left: 15%; } } - -@media (min-width: 48em) { - .masthead-title small { - display: inline; } } - -/* - Sidebar - - The sidebar is the drawer, the item we are toggling with our handy hamburger button in the corner - of the page. - - This particular sidebar implementation was inspired by Chris Coyier's "Offcanvas Menu with CSS - Target" article, and the checkbox variation from the comments by a reader. It modifies both - implementations to continue using the checkbox (no change in URL means no polluted browser - history), but this uses `position` for the menu to avoid some potential content reflow issues. - - Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504 -*/ -/* Style and "hide" the sidebar */ -.sidebar { - position: fixed; - top: 0; - bottom: 0; - left: -14rem; - width: 14rem; - visibility: hidden; - overflow-y: auto; - font-family: "PT Sans", Helvetica, Arial, sans-serif; - font-size: .875rem; - /* 15px*/ - color: rgba(255, 255, 255, 0.6); - background-color: #202020; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -@media (min-width: 30em) { - .sidebar { - font-size: .75rem; - /* 14px */ } } - -/* Sidebar content */ -.sidebar { - background-color: #841212; } - -.sidebar a { - font-weight: normal; - color: #fff; } - -.sidebar-item { - padding: 1rem; } - -.sidebar-item p:last-child { - margin-bottom: 0; } - -/* Sidebar nav */ -.sidebar-nav { - border-bottom: 1px solid rgba(255, 255, 255, 0.1); } - -.sidebar-nav-item { - display: block; - padding: .5rem 1rem; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - -a.sidebar-nav-item-toc { - color: rgba(255, 255, 255, 0.8); } - -.sidebar-nav-item.active, -a.sidebar-nav-item:hover, -a.sidebar-nav-item:focus { - text-decoration: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - -@media (min-width: 48em) { - .sidebar-item { - padding: 1.5rem; } - .sidebar-nav-item { - padding-left: 1.5rem; - padding-right: 1.5rem; } } - -/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */ -.sidebar-checkbox { - display: none; } - -/* Style the `label` that we use to target the `.sidebar-checkbox` */ -.sidebar-toggle { - position: absolute; - top: .8rem; - left: 1rem; - display: block; - padding: .25rem .75rem; - color: #505050; - background-color: #fff; - border-radius: .25rem; - cursor: pointer; } - -.sidebar-toggle:before { - display: inline-block; - width: 1rem; - height: .75rem; - content: ""; - background-image: -webkit-linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); - background-image: -moz-linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); - background-image: -ms-linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); - background-image: linear-gradient(to bottom, #555, #555 20%, #fff 20%, #fff 40%, #555 40%, #555 60%, #fff 60%, #fff 80%, #555 80%, #555 100%); } - -.sidebar-toggle:active, -#sidebar-checkbox:focus ~ .sidebar-toggle, -#sidebar-checkbox:checked ~ .sidebar-toggle { - color: #fff; - background-color: #555; } - -.sidebar-toggle:active:before, -#sidebar-checkbox:focus ~ .sidebar-toggle:before, -#sidebar-checkbox:checked ~ .sidebar-toggle:before { - background-image: -webkit-linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); - background-image: -moz-linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); - background-image: -ms-linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); - background-image: linear-gradient(to bottom, #fff, #fff 20%, #555 20%, #555 40%, #fff 40%, #fff 60%, #555 60%, #555 80%, #fff 80%, #fff 100%); } - -@media (min-width: 30.1em) { - .sidebar-toggle { - position: fixed; } } - -@media print { - .sidebar-toggle { - display: none; } } - -/* - Slide effect - - Handle the sliding effects of the sidebar and content in one spot, separate from the default - styles. - - As a heads-up, we don't use `transform: translate3d()` here because, when mixed with - `position: fixed;` for the sidebar toggle, it creates a new containing block. Put simply, the - fixed sidebar toggle behaves like `position: absolute;` when transformed. - - Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/. -*/ -.wrap, -.sidebar, -.sidebar-toggle { - -webkit-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; } - -.wrap, -.sidebar-toggle { - -webkit-transition: -webkit-transform .3s ease-in-out; - transition: transform .3s ease-in-out; } - -#sidebar-checkbox:checked + .sidebar { - z-index: 10; - visibility: visible; } - -#sidebar-checkbox:checked ~ .sidebar, -#sidebar-checkbox:checked ~ .wrap, -#sidebar-checkbox:checked ~ .sidebar-toggle { - -webkit-transform: translateX(14rem); - -moz-transform: translateX(14rem); - -ms-transform: translateX(14rem); - -o-transform: translateX(14rem); - transform: translateX(14rem); } - -/* - Reverse layout - - Flip the orientation of the page by placing the `.sidebar` and sidebar toggle on the right side. -*/ -.layout-reverse .sidebar { - left: auto; - right: -14rem; } - -.layout-reverse .sidebar-toggle { - left: auto; - right: 1rem; } - -.layout-reverse #sidebar-checkbox:checked ~ .sidebar, -.layout-reverse #sidebar-checkbox:checked ~ .wrap, -.layout-reverse #sidebar-checkbox:checked ~ .sidebar-toggle { - -webkit-transform: translateX(-14rem); - -moz-transform: translateX(-14rem); - -ms-transform: translateX(-14rem); - -o-transform: translateX(-14rem); - transform: translateX(-14rem); } - -/* - Overlay sidebar - - Make the sidebar content overlay the viewport content instead of pushing it aside when toggled. -*/ -.sidebar-overlay #sidebar-checkbox:checked ~ .wrap { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -ms-transform: translateX(0); - -o-transform: translateX(0); - transform: translateX(0); } - -.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar-toggle { - box-shadow: 0 0 0 .25rem #fff; } - -.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar { - box-shadow: 0.25rem 0 0.5rem rgba(0, 0, 0, 0.1); } - -/* Only one tweak for a reverse layout*/ -.layout-reverse.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar { - box-shadow: -0.25rem 0 0.5rem rgba(0, 0, 0, 0.1); } - -/* - ED special layouts -*/ -.text-center { - text-align: center !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.fs-4 { - font-size: 1.6rem !important; } - -.fs-5 { - font-size: 1.4rem !important; } - -.fs-7 { - font-size: 0.8rem !important; } - -div.poem, -.poem, -div.narrative, -.narrative { - margin-bottom: 5rem; } - -div.toc { - margin-bottom: 4rem; } - -/* - Poem styles - - If you want your lines not to wrap on small screens, add the rule "white-space: nowrap;"; If you - want you want to remove the hanging indent, reset the padding-left to 0 and erase text-indent -*/ -.poem ul, -.poetry ul, -ul.poetry { - list-style: none; - list-style-type: none; - padding-left: 1rem; - text-indent: -1rem; } - -/* This snippet helps us reset the margin for all spans with the indent- class */ -.poem span[class^='indent-'], -.poetry span[class^='indent-'] { - margin: 0; - /* reset browsers default margin styles*/ } - -/* - To set line indentation for poetry wrap the line in a span with a class="indent-x" attribute. - The x is represents a rem (root em) value -*/ -.indent-1 { - padding-left: 1rem; } - -.indent-2 { - padding-left: 2rem; } - -.indent-3 { - padding-left: 3rem; } - -.indent-4 { - padding-left: 4rem; } - -.indent-5 { - padding-left: 5rem; } - -.indent-6 { - padding-left: 6rem; } - -.indent-7 { - padding-left: 7rem; } - -.indent-8 { - padding-left: 8rem; } - -.indent-9 { - padding-left: 9rem; } - -.indent-10 { - padding-left: 10rem; } - -.poem .byline, -.poetry .byline { - font-style: italic; - font-weight: normal; - letter-spacing: 0; - margin-top: -.5rem; } - -/* Footnotes styles */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -.footnotes { - line-height: 1.2rem; - font-size: 0.9rem; - letter-spacing: .01rem; } - -.footnotes .foot-block { - display: inline-block; - padding: 0 4rem 0 2rem; - margin-bottom: .8rem; - font-style: italic; } - -a.footnote-ref { - padding-left: .1rem; - font-size: .66rem; } - -/* Bibliography styles */ -ol.bibliography { - list-style-type: none; - padding-left: 1rem; - text-indent: -1rem; } - -/* Diplomatic editions */ -ins, -.add { - color: #288828; - font-style: italic; } - -del, -.delete { - text-decoration: line-through; - color: #AA3232; } - -u, -.underline { - text-decoration: underline; } - -/* - Line layouts for prose-poetry and theater - - To use these layouts you need to add the classes to your markdown or HTML lines. -*/ -li.speaker, -li.speakerGroup { - text-align: center; - padding-top: 1.2em; } - -li.speakerGroup { - margin-bottom: -1.6em; } - -/* To add an attribution, make sure to make a line with the attribution class */ -li.attribution { - text-align: right; - list-style: none; - padding: 0rem 1.5rem 0rem 2rem; - margin: 0 0 20px 0; - color: #454545; } - -li.prose { - list-style-position: inside; - margin-left: -1em; - text-indent: 0; } - -li.prose-indent { - text-indent: 2rem; } - -/* - Themes - - Applies custom color schemes by adding the appropriate class to the `body`. Based on colors from - Base16: http://chriskempson.com/projects/base16/ -*/ -/* Red */ -.theme-base-red .sidebar, -.theme-base-red .sidebar-toggle:active, -.theme-base-red #sidebar-checkbox:checked ~ .sidebar-toggle { - background-color: #ac4142; } - -.theme-base-red .container a, -.theme-base-red .sidebar-toggle, -.theme-base-red .related-posts li a:hover { - color: #ac4142; } - -/* Orange */ -.theme-base-orange .sidebar, -.theme-base-orange .sidebar-toggle:active { - background-color: #d28445; } - -.theme-base-orange .container a, -.theme-base-orange .sidebar-toggle, -.theme-base-orange .related-posts li a:hover { - color: #d28445; } - -/* Green */ -.theme-base-green .sidebar, -.theme-base-green .sidebar-toggle:active { - background-color: #90a959; } - -.theme-base-green .container a, -.theme-base-green .sidebar-toggle, -.theme-base-green .related-posts li a:hover { - color: #90a959; } - -/* Cyan */ -.theme-base-cyan .sidebar, -.theme-base-cyan .sidebar-toggle:active { - background-color: #75b5aa; } - -.theme-base-cyan .container a, -.theme-base-cyan .sidebar-toggle, -.theme-base-cyan .related-posts li a:hover { - color: #75b5aa; } - -/* Blue */ -.theme-base-blue .sidebar, -.theme-base-blue .sidebar-toggle:active { - background-color: #6a9fb5; } - -.theme-base-blue .container a, -.theme-base-blue .sidebar-toggle, -.theme-base-blue .related-posts li a:hover { - color: #6a9fb5; } - -/* Magenta */ -.theme-base-magenta .sidebar, -.theme-base-magenta .sidebar-toggle:active { - background-color: #aa759f; } - -.theme-base-magenta .container a, -.theme-base-magenta .sidebar-toggle, -.theme-base-magenta .related-posts li a:hover { - color: #aa759f; } - -/* Brown */ -.theme-base-brown .sidebar, -.theme-base-brown .sidebar-toggle:active { - background-color: #8f5536; } - -.theme-base-brown .container a, -.theme-base-brown .sidebar-toggle, -.theme-base-brown .related-posts li a:hover { - color: #8f5536; } - -/* Transferred from poole.css */ -/* Code */ -code, -pre { - font-family: Menlo, Monaco, "Courier New", monospace; } - -code { - padding: .25em .5em; - font-size: 85%; - color: #bf616a; - background-color: #f9f9f9; - border-radius: 3px; } - -pre { - display: block; - margin-top: 0; - margin-bottom: 1rem; - padding: 1rem; - font-size: .8rem; - line-height: 1.4; - white-space: pre; - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; - background-color: #f9f9f9; } - -pre code { - padding: 0; - font-size: 100%; - color: inherit; - background-color: transparent; } - -/* Pygments via Hugo */ -.highlight { - margin-bottom: 1rem; - border-radius: 4px; } - -.highlight pre { - margin-bottom: 0; } - -/* Form elements */ -.form-input { - border: 1px solid #ccc; - border-radius: .2em; - font-family: inherit; - font-size: 1.25em; - color: #000; - background-color: #fff; - width: 100%; - padding: 0.5em; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } - @media only screen and (min-width: 768px) { - .form-input { - font-size: 1.15em; } } - @media only screen and (min-width: 1220px) { - .form-input { - font-size: 1.1em; } } - .form-input:focus { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - outline: none; - border-color: #5e5e5e; } - -#site-contact { - width: 100%; - padding-bottom: 20px; } - @media only screen and (min-width: 768px) { - #site-contact { - padding-bottom: 40px; } } - @media only screen and (min-width: 1220px) { - #site-contact { - padding-bottom: 50px; } } - @media only screen and (min-width: 1600px) { - #site-contact { - padding-bottom: 60px; } } - #site-contact:first-child { - margin-top: 0; } - -.form-item { - margin-top: 15px; } - @media only screen and (min-width: 768px) { - .form-item { - margin-top: 20px; } } - @media only screen and (min-width: 1220px) { - .form-item { - margin-top: 30px; } } - .form-item:first-child { - margin-top: 0; } - -form input[type="number"]:-moz-submit-invalid, -form input[type="email"]:-moz-submit-invalid, -form textarea:-moz-submit-invalid, -form input[type="text"]:-moz-submit-invalid, -form select:-moz-submit-invalid, -form input:-moz-ui-invalid { - -webkit-box-shadow: 0 0 2px 1px #D64541 !important; - -moz-box-shadow: 0 0 2px 1px #D64541 !important; - box-shadow: 0 0 2px 1px #D64541 !important; } - -.form-item-error .form-input, -.form-item-error .form-textarea { - -webkit-box-shadow: 0 0 2px 1px #D64541 !important; - -moz-box-shadow: 0 0 2px 1px #D64541 !important; - box-shadow: 0 0 2px 1px #D64541 !important; } - -.form-label { - display: block; - font-size: 16px; - font-weight: 600; - color: #676767; } - @media only screen and (min-width: 768px) { - .form-label { - font-size: 18px; } } - @media only screen and (min-width: 1220px) { - .form-label { - font-size: 20px; } } -.contact-form-input, -.contact-form-textarea { - margin-top: 8px; } - -::-webkit-input-placeholder { - color: #d4dada; } - -::-moz-placeholder { - color: #d4dada; } - -:-ms-input-placeholder { - color: #d4dada; } - -:-moz-placeholder { - color: #d4dada; } - -.contact-form-textarea { - font-size: 1.1em; - min-height: 200px; - resize: none; } - @media only screen and (min-width: 768px) { - .contact-form-textarea { - font-size: 1.05em; } } - @media only screen and (min-width: 1220px) { - .contact-form-textarea { - font-size: 1em; } } -.button { - display: inline-block; - padding: 9px 10px 10px; - font-size: 13px; - line-height: 1; - border: 2px solid #5e5e5e; - border-radius: 3px; - background: #5e5e5e; - color: #fff; - font-weight: 600; - cursor: pointer; } - @media only screen and (min-width: 768px) { - .button { - padding: 11px 20px 12px; - font-size: 15px; } } - .button:hover { - background: #404040; - border-color: #404040; - color: #fff; } - .button svg { - margin-right: 5px; } - .button svg:last-child { - margin-right: 0; - margin-left: 5px; } - @media only screen and (min-width: 768px) { - .button svg { - margin-right: 8px; } - .button svg:last-child { - margin-right: 0; - margin-left: 8px; } } -.hide-element { - display: none; } - -#search-form .search-error.hide-element { - display: none; } - -.search-item { - font-weight: bold; - background-color: #ffff54; } - -.search-error, -.search-error-message { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - -ms-transition: all 0.5s ease-out; - -o-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; } - -template { - display: none; } - -.masthead-title small { - font-size: .78rem; } - -#page-contact, -#page-thanks, -.introduction { - min-height: 40px; - margin-bottom: 40px; } - @media only screen and (min-width: 768px) { - #page-contact, - #page-thanks, - .introduction { - min-height: 60px; - margin-bottom: 60px; } } - @media only screen and (min-width: 1024px) { - #page-contact, - #page-thanks, - .introduction { - min-height: 80px; - margin-bottom: 80px; } } - @media only screen and (min-width: 1220px) { - #page-contact, - #page-thanks, - .introduction { - min-height: 100px; - margin-bottom: 100px; } } -.introduction h1.accent { - margin: 30px 0; - font-size: 4em; - line-height: 1; - letter-spacing: -1px; } - -#page-contact .container, -#page-thanks .container, -.introduction .container { - margin: 10px auto; - max-width: 600px; - text-align: center; } - -.post { - margin-top: 40px; } - @media only screen and (min-width: 768px) { - .post { - margin-top: 60px; } } - @media only screen and (min-width: 1024px) { - .post { - margin-top: 80px; } } - @media only screen and (min-width: 1220px) { - .post { - margin-top: 100px; } } - .post:first-of-type { - margin-top: 0; } - -#TableOfContents ul ul, -#TableOfContents ul ul ul, -#TableOfContents ul ul ul ul, -#TableOfContents ul ul ul ul ul, -#TableOfContents ul ul ul ul ul ul, -#TableOfContents ul ul ul ul ul ul ul { - margin-bottom: 0; } - -.post-meta { - margin-bottom: 0; - font-size: .85rem; - color: #676767; } - -.post .byline { - font-style: italic; - font-weight: normal; - letter-spacing: 0; - margin-top: -.5rem; } - -.post .byline, -.poem .byline, -.poetry .byline { - margin-bottom: 1rem; } - -nav.pagination { - justify-content: center; } - -ul.pager { - margin: 0; - padding: 0; - list-style: none; } - ul.pager li { - display: inline; - padding: 10px; - margin: 5px; } - -.divider { - position: relative; - margin: 2.5rem 0; } - .divider:after { - content: ""; - display: table; - clear: both; } - -.d-flex { - display: flex; } - -.footnotes hr { - margin: 0; - border: 0; } - -.footnotes blockquote + a.footnote-backref { - margin-bottom: 1rem; - display: inline-block; } - -.tags-wrapper { - position: relative; } - -.post-tags { - margin: 0; - padding: 0; - position: absolute; - right: 24px; - bottom: -12px; - list-style: none; - text-indent: unset; } - .post-tags li, .post-tags a { - font-family: sans-serif; - float: left; - height: 24px; - line-height: 24px; - position: relative; - font-size: .75em; } - .post-tags a { - margin-left: 20px; - padding: 0 10px 0 12px; - background: #841212; - color: #fff; - text-decoration: none; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; } - .post-tags a:before { - content: ""; - float: left; - position: absolute; - top: 0; - left: -12px; - width: 0; - height: 0; - border-color: transparent #841212 transparent transparent; - border-style: solid; - border-width: 12px 12px 12px 0; } - .post-tags a:after { - content: ""; - position: absolute; - top: 10px; - left: 0; - float: left; - width: 4px; - height: 4px; - background: #fff; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: -1px -1px 2px #454545; - -moz-box-shadow: -1px -1px 2px #454545; - box-shadow: -1px -1px 2px #454545; } - .post-tags a:hover { - background: #676767; } - .post-tags a:hover:before { - border-color: transparent #676767 transparent transparent; } - -a.external:after { - background-color: #ac4142; - content: ""; - display: inline-flex; - height: 10px; - margin-left: 4px; - width: 10px; - -webkit-mask-size: cover; - mask-size: cover; - -webkit-mask-image: url("/img/external-link.svg"); - mask-image: url("/img/external-link.svg"); } - -ul.tags-cloud { - display: flex; - flex-wrap: wrap; - justify-content: center; - max-width: 960px; - margin: auto; - padding: 2rem 0 1rem; - list-style: none; - border: 2px solid white; - border-radius: 5px; } - ul.tags-cloud .tag { - display: flex; - align-items: center; - margin: 0.25rem 1rem; } - ul.tags-cloud .tag-link { - padding: 5px 5px 0; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -ms-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; } - -#top-of-site-anchor { - position: absolute; - width: 1px; - height: 1px; - top: 500px; - left: 0; } - -@media (max-width: 800px) { - #top-of-site-anchor { - top: 46px; } } - -.top-of-site-link { - visibility: hidden; - opacity: 0; - text-decoration: none; - position: fixed; - bottom: 1.2rem; - right: 1.5rem; - z-index: 99; - -webkit-transition: 0.2s; - -moz-transition: 0.2s; - -ms-transition: 0.2s; - -o-transition: 0.2s; - transition: 0.2s; } - .top-of-site-link:hover { - text-decoration: none; } - .top-of-site-link svg { - -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); - -moz-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); - -o-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); - filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); } - -.top-of-site-link[data-visible=true] { - opacity: 1; - visibility: visible; } - -.screen-reader-text { - position: absolute !important; - white-space: nowrap; - border: 0; - height: 1px; - width: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - -moz-clip-path: inset(50%); - -ms-clip-path: inset(50%); - clip-path: inset(50%); } - -.hypothesis-container { - cursor: pointer; } - -/* Themes */ -/* Red */ -.theme-base-red .post-tags a { - background: #ac4142; } - .theme-base-red .post-tags a:before { - border-color: transparent #ac4142 transparent transparent; } - -/* Orange */ -.theme-base-orange .post-tags a { - background: #d28445; } - .theme-base-orange .post-tags a:before { - border-color: transparent #d28445 transparent transparent; } - -/* Green */ -.theme-base-green .post-tags a { - background: #90a959; } - .theme-base-green .post-tags a:before { - border-color: transparent #90a959 transparent transparent; } - -/* Cyan */ -.theme-base-cyan .post-tags a { - background: #75b5aa; } - .theme-base-cyan .post-tags a:before { - border-color: transparent #75b5aa transparent transparent; } - -/* Blue */ -.theme-base-blue .post-tags a { - background: #6a9fb5; } - .theme-base-blue .post-tags a:before { - border-color: transparent #6a9fb5 transparent transparent; } - -/* Magenta */ -.theme-base-magenta .post-tags a { - background: #aa759f; } - .theme-base-magenta .post-tags a:before { - border-color: transparent #aa759f transparent transparent; } - -/* Brown */ -.theme-base-brown .post-tags a { - background: #8f5536; } - .theme-base-brown .post-tags a:before { - border-color: transparent #8f5536 transparent transparent; } diff --git a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.json deleted file mode 100644 index aba5d2f..0000000 --- a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"sass/style.css","MediaType":"text/css","Data":{}} \ No newline at end of file -- cgit v1.2.3