diff options
author | weru <onewesh@gmail.com> | 2020-10-05 14:40:11 +0300 |
---|---|---|
committer | weru <onewesh@gmail.com> | 2020-10-05 14:40:11 +0300 |
commit | 41eea11b85655cda530b6c21ea0d33b05428beb5 (patch) | |
tree | 4af678195c54286288f9b4e26a5707b7533a09ff | |
parent | 8a4924a47d22ab3857bc5d6c42695033009d853b (diff) |
trim whitespace & clean up
-rw-r--r-- | assets/js/index.js | 6 | ||||
-rw-r--r-- | assets/sass/_audio.sass | 2 | ||||
-rw-r--r-- | assets/sass/_base.sass | 18 | ||||
-rw-r--r-- | assets/sass/_comments.sass | 47 | ||||
-rw-r--r-- | assets/sass/_components.sass | 96 | ||||
-rw-r--r-- | assets/sass/_fonts.sass | 8 | ||||
-rw-r--r-- | assets/sass/_footer.sass | 9 | ||||
-rw-r--r-- | assets/sass/_nav.sass | 68 | ||||
-rw-r--r-- | assets/sass/_posts.sass | 85 | ||||
-rw-r--r-- | assets/sass/_syntax.sass | 6 | ||||
-rw-r--r-- | assets/sass/_utils.sass | 22 | ||||
-rw-r--r-- | assets/sass/_variables.sass | 15 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content | 2 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json | 2 |
14 files changed, 187 insertions, 199 deletions
diff --git a/assets/js/index.js b/assets/js/index.js index 9e97183..8af4fa9 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -199,7 +199,7 @@ function fileClosure(){ pushClass(title, 'modal_title'); body.appendChild(title); // add html specific to modal - if (isObj(children)) { + if (isObj(children)) { if (Array.isArray(children)) { children.map(function(child){ body.appendChild(child); @@ -449,12 +449,12 @@ function fileClosure(){ createModal(confirm, comments); fillModal(obj); } - } + } if (isModalCloseBtn) { modal = target.closest('.modal'); modal.remove(); - deleteClass(doc, 'modal_show'); + deleteClass(doc, 'modal_show'); } }); } diff --git a/assets/sass/_audio.sass b/assets/sass/_audio.sass index 83b1a0a..0f04c78 100644 --- a/assets/sass/_audio.sass +++ b/assets/sass/_audio.sass @@ -6,6 +6,6 @@ justify-content: center flex-direction: column margin: 30px auto - &_inner + &_inner min-width: 18rem min-height: 9rem diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass index f159c4e..144d53c 100644 --- a/assets/sass/_base.sass +++ b/assets/sass/_base.sass @@ -4,7 +4,7 @@ margin: 0 padding: 0 -body, html +body, html scroll-behavior: smooth -webkit-text-size-adjust: 100% font-kerning: normal @@ -23,11 +23,11 @@ body max-width: 1440px margin: 0 auto position: relative - font-kerning: normal display: flex flex-direction: column justify-content: space-between min-height: 100vh + font-kerning: normal -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale @@ -35,7 +35,7 @@ a text-decoration: none color: inherit -blockquote +blockquote opacity: 0.8 padding: 1rem position: relative @@ -55,7 +55,7 @@ blockquote bottom: 0 left: 0 background: var(--theme) - + p padding-left: 0.5rem 0 !important font-size: 1.1rem !important @@ -87,7 +87,7 @@ h6 img, svg, video max-width: 100% vertical-align: middle -img +img height: auto margin: 1rem auto padding: 0 @@ -101,7 +101,7 @@ ul -webkit-padding-start: 0 -moz-padding-start: 0 -b, strong +b, strong font-weight: 500 em, i @@ -109,14 +109,14 @@ em, i font-family: var(--italic) font-size: 0.933em color: var(--theme) -hr +hr border: none padding: 0.5px background: var(--text) opacity: 0.5 margin: 1rem 0 -aside +aside margin-top: 4rem h3 position: relative @@ -133,7 +133,7 @@ ol margin-left: 0.5rem @media screen and (min-width: 667px) // margin-left: 1rem - li + li margin: 0 0 0.5rem 0 counter-increment: my-awesome-counter position: relative diff --git a/assets/sass/_comments.sass b/assets/sass/_comments.sass index 282b290..d9564f3 100644 --- a/assets/sass/_comments.sass +++ b/assets/sass/_comments.sass @@ -1,11 +1,11 @@ .comment - &s + &s position: relative - - &_reply + + &_reply margin-left: 2rem - -.form + +.form display: flex flex-direction: column width: 100% @@ -16,12 +16,12 @@ transform: translateY(250px) transition: opacity 0.3s ease-in , transform 0.3s ease-in border-radius: 0.67rem - &_open + &_open height: initial transform: translateY(0) opacity: 1 - - &_input + + &_input margin: $padding 0 font-size: 1rem !important padding: $padding $padding*1.5 !important @@ -36,30 +36,30 @@ &:focus, &:hover border: 1px solid var(--theme) - - &_comment + + &_comment resize: none border-radius: 15px min-height: 2.5rem !important - - &_label + + &_label display: none - - &_submit + + &_submit margin: 0 - -.reply - &_btn + +.reply + &_btn width: 1.75rem height: 1.75rem background-image: url($reply-icon-path) cursor: pointer margin-top: 1rem - - &_to::before + + &_to::before content: '↷ @' -.g-recaptcha +.g-recaptcha display: grid width: 100% background: transparent @@ -67,12 +67,11 @@ border-radius: 0.25rem margin: 1.25rem 0 1.5rem > div, - iframe + iframe display: grid width: 100% !important height: 6rem !important - - iframe + + iframe transform: scale(1.03) padding: 0 0.75rem -
\ No newline at end of file diff --git a/assets/sass/_components.sass b/assets/sass/_components.sass index 51bef59..0a8fdca 100644 --- a/assets/sass/_components.sass +++ b/assets/sass/_components.sass @@ -11,26 +11,26 @@ position: relative background-color: var(--bubble) border-radius: 1rem - section + section @extend %narrow - + &_headline margin: 0 auto font-weight: 300 - - &_desc + + &_desc opacity: 0.8 text-align: center - + @media screen and (min-width: 769px) .nav-menu a display: inline-block height: initial text-align: left - + .mobile display:none - + .video overflow: hidden padding-bottom: 56.25% @@ -47,8 +47,8 @@ width: 100% position: absolute transform: scale(1.03) - -.copy + +.copy position: relative cursor: pointer height: 1.5rem @@ -57,14 +57,14 @@ fill: var(--theme) width: 100% height: 100% - &::before, &::after + &::before, &::after content: "" position: absolute background: var(--theme) color: var(--light) opacity: 0 transition: opacity 0.25s ease-in - + &::before content: attr(data-share); font-size: 0.8rem @@ -74,52 +74,52 @@ text-align: center top: -2rem right: 0 - - &_done::before + + &_done::before content: attr(data-copied) - + &:hover::before, - &:hover::after + &:hover::after opacity: 1 - + .author, -.comment +.comment display: grid grid-template-columns: 4rem 1fr - grid-gap: 0 0.75rem + grid-gap: 0 0.75rem padding: 1rem margin: 1.5rem 0 background-color: var(--accent) border-radius: 0.5rem box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.12) - &_name + &_name color: var(--text) !important font-size: 1.25rem text-transform: capitalize &_name, &_pic border: none !important - - &_pic + + &_pic padding: 0 0.33rem overflow: hidden img border-radius: 50% margin: 0 - &_bio + &_bio padding: 0 !important line-height: 1.33 - - &_heading + + &_heading font-size: 0.7rem - - &_meta + + &_meta display: flex flex-flow: column justify-content: center - -.modal + +.modal display: none position: fixed bottom: 0 @@ -133,7 +133,7 @@ border: 0 cursor: pointer padding:$padding/2 $padding*1.5 - + &_inner display: inline-flex flex-direction: column @@ -143,11 +143,11 @@ padding: 1.5rem box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.12) border-radius: 1rem - - &_show + + &_show overflow: hidden position: relative - &::before + &::before position: absolute content: '' top: 0 @@ -155,18 +155,18 @@ width: 100% height: 100% z-index: 999 - background-color: rgba(0,0,0,0.6) - + background-color: rgba(0,0,0,0.6) + &_show & display: flex flex-direction: column align-items: center justify-content: center - - &_title + + &_title margin: 0 !important - - &::before + + &::before position: absolute top: 0 left: 0 @@ -174,8 +174,8 @@ height: 100% background-color: rgba(255,255,255,0.7) z-index: 10 - -.btn + +.btn font-size: 1rem margin: 1rem 0 1.5rem padding: 0.5rem 2rem @@ -187,19 +187,19 @@ border-radius: 3rem border: none outline: none - &, &_group + &, &_group width: 12rem display: inline-block color: var(--light) - - &_group + + &_group position: relative margin: 1rem 0 - + &_group & margin: 0 - - &_close + + &_close content: "X" width: 2.5rem position: absolute @@ -216,8 +216,8 @@ z-index: 2 cursor: pointer margin: 0 - -.icon + +.icon background-size: 75% background-position: center background-repeat: no-repeat diff --git a/assets/sass/_fonts.sass b/assets/sass/_fonts.sass index 7d5608c..5d0f1bb 100644 --- a/assets/sass/_fonts.sass +++ b/assets/sass/_fonts.sass @@ -1,23 +1,23 @@ -@font-face +@font-face font-family: 'Metropolis' font-style: normal font-weight: 400 src: local('Metropolis Regular'), local('Metropolis-Regular'), url('#{$font-path}/Metropolis-Regular.woff2') format('woff2'), url('#{$font-path}/Metropolis-Regular.woff') format('woff') -@font-face +@font-face font-family: 'Metropolis' font-style: normal font-weight: 300 src: local('Metropolis Light'), local('Metropolis-Light'), url('#{$font-path}/Metropolis-Light.woff2') format('woff2'), url('#{$font-path}/Metropolis-Light.woff') format('woff') -@font-face +@font-face font-family: 'Metropolis' font-style: normal font-weight: 500 src: local('Metropolis Medium'), local('Metropolis-Medium'), url('#{$font-path}/Metropolis-Medium.woff2') format('woff2'), url('#{$font-path}/Metropolis-Medium.woff') format('woff') -@font-face +@font-face font-family: 'Cookie' font-style: normal font-weight: 400 diff --git a/assets/sass/_footer.sass b/assets/sass/_footer.sass index d0aa4af..469b2b5 100644 --- a/assets/sass/_footer.sass +++ b/assets/sass/_footer.sass @@ -8,18 +8,17 @@ min-height: 75px position: relative z-index: 1001 - a + a color: var(--theme) opacity: 0.8 transition: opacity 0.3s ease-in-out - &:hover + &:hover text-decoration: underline opacity: 1 - + &_inner display: flex justify-content: space-between padding: 1.5rem - @media screen and (max-width: 567px) + @media screen and (max-width: 567px) flex-direction: column -
\ No newline at end of file diff --git a/assets/sass/_nav.sass b/assets/sass/_nav.sass index 12c9a17..77d2801 100644 --- a/assets/sass/_nav.sass +++ b/assets/sass/_nav.sass @@ -4,10 +4,10 @@ width: 100% transition: height 0.4s cubic-bezier(0.52, 0.16, 0.24, 1) z-index: 999 - &_bar + &_bar width: 100% position: relative - &-wrap + &-wrap width: 1.8rem height: 1.8rem display: grid @@ -15,28 +15,27 @@ cursor: pointer z-index: 99 min-height: 1.5rem - + &, &::after, - &::before + &::before padding: 1px border-radius: 2px background-color: var(--text) - + &::after, - &::before + &::before content: "" position: absolute width: 1.2rem - - &::before + + &::before top: -0.5rem - - &::after + + &::after top: 0.5rem right: 0 - - + &-body box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.17) position: fixed @@ -52,9 +51,9 @@ padding: 100px 0 min-height: 100vh z-index: 1 - &:hover + &:hover box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.27) - + a display: block padding: 12.5px 25px @@ -63,16 +62,14 @@ transition:color 0.25s ease-in-out &:hover color: var(--theme) - - - + &-brand font-family: 'Cookie' font-size: 2em !important padding-top: 0 !important padding-bottom: 0 !important - - &-close + + &-close display: flex justify-content: flex-start align-items: center @@ -82,7 +79,7 @@ width: 100% cursor:pointer padding: 25px - &:after, + &:after, &:before content: '' width: 18px @@ -91,24 +88,22 @@ background: var(--text) opacity: 0.7 position: relative - - &:before + + &::before transform: rotate(20deg) translateX(1.5px) - - &:after + &::after transform: rotate(-20deg) translateX(-1.5px) - - - &-drop + + &-drop cursor: pointer top: 0 bottom: 0 z-index: 1000 - + &-exit animation: hideMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards - - &-menu + + &-menu position: relative padding: 10px 25px 10px 0 height: 100% @@ -117,21 +112,20 @@ display: flex align-items: center justify-content: space-between - a + a color: inherit width: 100% display: block padding: 10px 25px font-size: 105% - + &-pop position: fixed width: 100vw background: rgba(0,0,0,0.05) - - &-open + + &-open animation: showMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards - - &_item + + &_item text-transform: capitalize -
\ No newline at end of file diff --git a/assets/sass/_posts.sass b/assets/sass/_posts.sass index b779744..4282166 100644 --- a/assets/sass/_posts.sass +++ b/assets/sass/_posts.sass @@ -7,22 +7,22 @@ text-align: left text-transform: initial padding: 0.25rem 0 0 0 - + p padding-bottom: 0.5rem padding-top: 0.5rem font-size: 1.05rem - + &s display: flex justify-content: space-between flex-flow: row wrap width: 100% align-items: stretch - - &s:not(.aside) + + &s:not(.aside) padding: 0 30px - + &_content h4 margin: 5px 0 @@ -37,10 +37,9 @@ &:hover opacity: 0.7 - ol, ul + ol, ul padding: 0.5rem 0 0.5rem 1.2rem - // list-style-type: initial - li + li padding: 0.33rem 0 &_header background-size: cover @@ -57,7 +56,7 @@ justify-content: center align-items: center flex-direction: column - &::after + &::after content: "" position: absolute top: 0 @@ -66,36 +65,36 @@ bottom: 0 z-index: 1 background: rgba(10, 15, 30, 0.72) - - h1 + + h1 color: inherit - h1, p, h4 + h1, p, h4 position: relative z-index: 2 - &_copy + &_copy opacity: 0 transition: opacity 0.3s ease-out - + &_item @include shadow margin: 1.25rem 0 border-radius: 10px overflow: hidden width: 100% - @media screen and (min-width:667px) + @media screen and (min-width:667px) width: 47% &_item:hover &_copy opacity: 1 - + &_link padding: 2.5px 0 font-size: 1.25em margin: 2.5px 0 text-align: left - - &_meta + + &_meta overflow: hidden opacity: 0.8 font-size: 0.84rem @@ -108,17 +107,17 @@ border-radius: 0.3rem color: var(--dark) text-transform: capitalize - a - &:hover + a + &:hover color: var(--theme) text-decoration: underline opacity: 0.9 - &_extra + &_extra display: flex justify-content: flex-end - - &_tag + + &_tag font-size: 0.75rem !important font-weight: 500 background: var(--theme) @@ -127,24 +126,24 @@ text-transform: uppercase display: inline-flex border-radius: 5px - + &_title text-align: center @extend %narrow - - &_author + + &_author padding: 0.2rem 0.75rem - a + a color: var(--theme) text-decoration: underline - - &_time + + &_time background: var(--theme) display: inline-grid padding: 0.2rem 0.75rem color: var(--light) - - &_card + + &_card display: block position: relative background-color: var(--dark) @@ -153,7 +152,7 @@ background-position: center overflow: hidden height: 10rem - &::after + &::after content: '' position: absolute left: 0 @@ -162,29 +161,29 @@ top: 0 z-index: 1 - &:hover::after + &:hover::after background-color:rgba(0,0,0,0.3) - - &_thumbnail + + &_thumbnail width: 100% margin: 0 -.pager +.pager display: flex justify-content: center align-content: center margin: 30px auto 0 auto padding: 0 1.5rem overflow: auto - &, &_link + &, &_link justify-content: center align-items: center - + &_link display: flex background-color: var(--theme) color: var(--light) - &:hover + &:hover opacity: 0.5 &_item, &_link height: 36px @@ -194,22 +193,20 @@ margin-left: 5px margin-right: 5px margin-bottom: 30px - // overflow: hidden &:first-child, &:last-child display: none - + &.active, &.disabled opacity: 0.5 - + .excerpt padding: 0 10px 1.5rem 10px position: relative z-index: 1 - &_meta + &_meta display: flex justify-content: space-between align-items: center transform: translateY(-2.5rem) position: relative z-index: 5 - diff --git a/assets/sass/_syntax.sass b/assets/sass/_syntax.sass index 41aa24d..ec0b5a8 100644 --- a/assets/sass/_syntax.sass +++ b/assets/sass/_syntax.sass @@ -1,10 +1,10 @@ -code +code min-width: 100% max-width: 100% -.highlight +.highlight display: grid margin: 1.25rem 0 - & & + & & margin: 0 pre padding: 1rem diff --git a/assets/sass/_utils.sass b/assets/sass/_utils.sass index dd654fa..4fd5d75 100644 --- a/assets/sass/_utils.sass +++ b/assets/sass/_utils.sass @@ -13,25 +13,25 @@ max-width: 1024px margin: 0 auto -.mt +.mt margin-top: 7rem -.link +.link display: inline-block width: 2.5rem margin: 0 0.25rem padding: 0 0.25rem opacity: 0 transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) - &_owner:hover & + &_owner:hover & opacity: 0.9 - img + img margin: 0 -.solo +.solo grid-column: 1/-1 -.never +.never min-height: 60vh background-image: url($never-icon-path) background-position: right bottom @@ -39,23 +39,23 @@ background-size: contain padding: 0 1.5rem margin-top: 6rem - &_title + &_title text-align: left - + @keyframes showMenu 0% top: 100% opacity: 0 - + 100% top: 0 opacity: 1 - + @keyframes hideMenu 0% top: 0 opacity: 1 - + 100% top: 100% opacity: 0 diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass index 4872782..9399fd0 100644 --- a/assets/sass/_variables.sass +++ b/assets/sass/_variables.sass @@ -9,7 +9,7 @@ $close-icon-path: '#{$icons}close.svg' $never-icon-path: '#{$icons}sitting.svg' // #161d21; // #1F2A2F; // #132433; // #24292e; -html +html --light: #fff --dark: #010101 --gray: #f5f5f5 @@ -23,23 +23,22 @@ html @media (prefers-color-scheme: dark) * - box-shadow: none !important - html + box-shadow: none !important + html --bg: var(--dark) --text: var(--light) --accent: var(--bubble) -%narrow +%narrow max-width: 750px margin: 0 auto -@mixin viewport($width: 1024px, $margin: 25px) +@mixin viewport($width: 1024px, $margin: 25px) max-width: $width margin: $margin auto @content -@mixin shadow($opacity: 0.17) +@mixin shadow($opacity: 0.17) box-shadow: 0 0 3rem rgba(0,0,0,$opacity) - &:hover + &:hover box-shadow: 0 0 5rem rgba(0,0,0, (1.5 * $opacity)) -
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content index 410eee6..cecc597 100644 --- a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content +++ b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content @@ -1,3 +1,3 @@ -html{--light: #fff;--dark: #010101;--gray: #f5f5f5;--bubble: #111;--accent: var(--gray);--bg: var(--light);--text: var(--dark);--theme: #ef7f1a;--font: 'Metropolis', sans-serif;--italic: 'Volkhov'}@media (prefers-color-scheme: dark){*{box-shadow:none !important}html{--bg: var(--dark);--text: var(--light);--accent: var(--bubble)}}.post_title,.post,.intro_inner section{max-width:750px;margin:0 auto}@font-face{font-family:'Metropolis';font-style:normal;font-weight:400;src:local("Metropolis Regular"),local("Metropolis-Regular"),url("../fonts/Metropolis-Regular.woff2") format("woff2"),url("../fonts/Metropolis-Regular.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:300;src:local("Metropolis Light"),local("Metropolis-Light"),url("../fonts/Metropolis-Light.woff2") format("woff2"),url("../fonts/Metropolis-Light.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:500;src:local("Metropolis Medium"),local("Metropolis-Medium"),url("../fonts/Metropolis-Medium.woff2") format("woff2"),url("../fonts/Metropolis-Medium.woff") format("woff")}@font-face{font-family:'Cookie';font-style:normal;font-weight:400;src:local("Cookie-Regular"),url("../fonts/cookie-v10-latin-regular.woff2") format("woff2"),url("../fonts/cookie-v10-latin-regular.woff") format("woff")}@font-face{font-family:'Volkhov';font-style:italic;font-weight:400;src:local("Volkhov Italic"),local("Volkhov-Italic"),url("../fonts/volkhov-v11-latin-italic.woff2") format("woff2"),url("../fonts/volkhov-v11-latin-italic.woff") format("woff")}*{box-sizing:border-box;-webkit-appearance:none;margin:0;padding:0}body,html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-kerning:normal;-webkit-font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;text-rendering:geometricPrecision;-webkit-text-size-adjust:100%;font-size:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--text);font-size:16px;line-height:1.5;max-width:1440px;margin:0 auto;position:relative;font-kerning:normal;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}blockquote{opacity:0.8;padding:1rem;position:relative;quotes:"“" "”" "‘" "’";margin:0.75rem 0;display:flex;flex-flow:row wrap;background-repeat:no-repeat;background-size:5rem;background-position:50% 50%;position:relative}blockquote::before{content:"";padding:1px;position:absolute;top:0;bottom:0;left:0;background:var(--theme)}blockquote p{padding-left:0.5rem 0 !important;font-size:1.1rem !important;width:100%;font-weight:300;font-style:italic}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;padding:5px 0;margin:15px 0;color:inherit;line-height:1.35}h1{font-size:200%}h2{font-size:175%}h3{font-size:150%}h4{font-size:125%}h5{font-size:120%}h6{font-size:100%}img,svg,video{max-width:100%;vertical-align:middle}img{height:auto;margin:1rem auto;padding:0}main{padding-bottom:45px;flex:1}ul{list-style:none;-webkit-padding-start:0;-moz-padding-start:0}b,strong{font-weight:500}em,i{font-weight:400 !important;font-family:var(--italic);font-size:0.933em;color:var(--theme)}hr{border:none;padding:0.5px;background:var(--text);opacity:0.5;margin:1rem 0}aside{margin-top:4rem}aside h3{position:relative;margin:0 !important}span.pager_link{opacity:0.5}ol{counter-reset:my-awesome-counter;list-style:none !important;padding-left:3rem;margin-left:0.5rem}ol li{margin:0 0 0.5rem 0;counter-increment:my-awesome-counter;position:relative;padding-left:0.5rem !important}ol li::before{content:counter(my-awesome-counter);font-size:1.15rem;display:inline-grid;align-items:center;font-weight:500;position:absolute;--size: 1.8rem;left:-2rem;line-height:var(--size);width:var(--size);height:var(--size);color:var(--theme);border-radius:50%;text-align:center;top:0.25rem;border-right:2px solid var(--theme)}ol li.align::before{top:1rem}.intro{margin:4rem 0 1rem;background:var(--dark);padding:2rem 1.5rem;color:var(--light)}.intro_inner{max-width:59rem;margin:25px auto;margin:0 auto;text-align:center;padding:25px;position:relative;background-color:var(--bubble);border-radius:1rem}.intro_headline{margin:0 auto;font-weight:300}.intro_desc{opacity:0.8;text-align:center}@media screen and (min-width: 769px){.nav-menu a{display:inline-block;height:initial;text-align:left}}.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:1.5rem 0;border-radius:1rem;background-color:var(--bg);box-shadow:0 1rem 4rem rgba(0,0,0,0.17)}.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;transform:scale(1.03)}.copy{position:relative;cursor:pointer;height:1.5rem;width:1.5rem}.copy svg{fill:var(--theme);width:100%;height:100%}.copy::before,.copy::after{content:"";position:absolute;background:var(--theme);color:var(--light);opacity:0;transition:opacity 0.25s ease-in}.copy::before{content:attr(data-share);font-size:0.8rem;width:5.4rem;padding:0.25rem;border-radius:0.25rem;text-align:center;top:-2rem;right:0}.copy_done::before{content:attr(data-copied)}.copy:hover::before,.copy:hover::after{opacity:1}.author,.comment{display:grid;grid-template-columns:4rem 1fr;grid-gap:0 0.75rem;padding:1rem;margin:1.5rem 0;background-color:var(--accent);border-radius:0.5rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.12)}.author_name,.comment_name{color:var(--text) !important;font-size:1.25rem;text-transform:capitalize}.author_name,.author_pic,.comment_name,.comment_pic{border:none !important}.author_pic,.comment_pic{padding:0 0.33rem;overflow:hidden}.author_pic img,.comment_pic img{border-radius:50%;margin:0}.author_bio,.comment_bio{padding:0 !important;line-height:1.33}.author_heading,.comment_heading{font-size:0.7rem}.author_meta,.comment_meta{display:flex;flex-flow:column;justify-content:center}.modal{display:none;position:fixed;bottom:0;top:0;left:0;right:0;z-index:9999}.modal_close{margin:25px 0;color:var(--light);border:0;cursor:pointer;padding:5px 15px}.modal_inner{display:inline-flex;flex-direction:column;align-items:center;background:var(--accent);max-width:540px;padding:1.5rem;box-shadow:0 1.5rem 6rem rgba(0,0,0,0.12);border-radius:1rem}.modal_show{overflow:hidden;position:relative}.modal_show::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.6)}.modal_show .modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal_title{margin:0 !important}.modal::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:10}.btn{font-size:1rem;margin:1rem 0 1.5rem;padding:0.5rem 2rem;background:var(--theme);box-shadow:0 1rem 4rem rgba(0,0,0,0.5);cursor:pointer;text-align:center;text-transform:uppercase;border-radius:3rem;border:none;outline:none}.btn,.btn_group{width:12rem;display:inline-block;color:var(--light)}.btn_group{position:relative;margin:1rem 0}.btn_group .btn{margin:0}.btn_close{content:"X";width:2.5rem;position:absolute;right:0;top:0;bottom:0;display:grid;align-items:center;text-align:center;font-size:1rem;background-image:url("../images/icons/close.svg");background-size:36% !important;border-left:1px solid var(--bg);z-index:2;cursor:pointer;margin:0}.icon{background-size:75%;background-position:center;background-repeat:no-repeat}.gallery{width:100%;column-count:3;column-gap:1rem}@media screen and (max-width: 667px){.gallery{column-count:2}}.gallery_item{background-color:transparent;margin:0 0 1rem}.gallery_image{margin:0 auto}.pale{opacity:0.7}.hidden{display:none}.center{text-align:center;margin:5px auto}.wrap{padding:10px 0;max-width:1024px;margin:0 auto}.mt{margin-top:7rem}.link{display:inline-block;width:2.5rem;margin:0 0.25rem;padding:0 0.25rem;opacity:0;transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)}.link_owner:hover .link{opacity:0.9}.link img{margin:0}.solo{grid-column:1/-1}.never{min-height:60vh;background-image:url("../images/icons/sitting.svg");background-position:right bottom;background-repeat:no-repeat;background-size:contain;padding:0 1.5rem;margin-top:6rem}.never_title{text-align:left}@keyframes showMenu{0%{top:100%;opacity:0}100%{top:0;opacity:1}}@keyframes hideMenu{0%{top:0;opacity:1}100%{top:100%;opacity:0}}.align h2,.align h3,.align h4,.align h5,.align h6{margin:0.33rem 0 !important}.nav{position:absolute;top:0;width:100%;transition:height 0.4s cubic-bezier(0.52, 0.16, 0.24, 1);z-index:999}.nav_bar{width:100%;position:relative}.nav_bar-wrap{width:1.8rem;height:1.8rem;display:grid;align-items:center;cursor:pointer;z-index:99;min-height:1.5rem}.nav_bar,.nav_bar::after,.nav_bar::before{padding:1px;border-radius:2px;background-color:var(--text)}.nav_bar::after,.nav_bar::before{content:"";position:absolute;width:1.2rem}.nav_bar::before{top:-0.5rem}.nav_bar::after{top:0.5rem;right:0}.nav-body{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.17);position:fixed;right:10px;z-index:1;top:100%;opacity:0;overflow:hidden;background:transparent;background-color:var(--accent);width:16rem;padding:100px 0;min-height:100vh;z-index:1}.nav-body:hover{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.27)}.nav-body a{display:block;padding:12.5px 25px;margin-bottom:2px;border-bottom:1px solid var(--accent)}.nav-body a:hover{color:var(--theme)}.nav-brand{font-family:'Cookie';font-size:2em !important;padding-top:0 !important;padding-bottom:0 !important}.nav-close{display:flex;justify-content:flex-start;align-items:center;position:absolute;top:0;right:0;width:100%;padding:25px}.nav-close:after,.nav-close:before{content:'';width:18px;padding:1.5px;background:var(--text);opacity:0.7;position:relative}.nav-close:before{transform:rotate(20deg) translateX(1.5px)}.nav-close:after{transform:rotate(-20deg) translateX(-1.5px)}.nav-drop{cursor:pointer;top:0;bottom:0;z-index:1000}.nav-exit{animation:hideMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav-menu{position:relative;padding:10px 25px 10px 0;height:100%;max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-menu a{color:inherit;width:100%;display:block;padding:10px 25px;font-size:105%}.nav-pop{position:fixed;width:100vw;background:rgba(0,0,0,0.05)}.nav-open{animation:showMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav_item{text-transform:capitalize}.post{padding:1rem 1.5rem;margin-top:1.5rem}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:1rem auto;text-align:left;text-transform:initial;padding:0.25rem 0 0 0}.post p{padding-bottom:0.5rem;padding-top:0.5rem;font-size:1.05rem}.posts{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;align-items:stretch}.posts:not(.aside){padding:0 30px}.post_content h4{margin:5px 0;text-align:left}.post_content p{line-height:1.65}.post_content p:first-child{margin-top:0;padding-top:0}.post_content a:not(.link){border-bottom:2px solid var(--theme)}.post_content a:not(.link):hover{opacity:0.7}.post_content ol,.post_content ul{padding:0.5rem 0 0.5rem 1.2rem}.post_content li{padding:0.33rem 0}.post_header{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;color:#fff;height:48vh;min-height:360px;background-color:var(--bg);margin-top:60px;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column}.post_header::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(10,15,30,0.72)}.post_header h1{color:inherit}.post_header h1,.post_header p,.post_header h4{position:relative;z-index:2}.post_copy{opacity:0;transition:opacity 0.3s ease-out}.post_item{box-shadow:0 0 3rem rgba(0,0,0,0.17);margin:1.25rem 0;border-radius:10px;overflow:hidden;width:100%}.post_item:hover{box-shadow:0 0 5rem rgba(0,0,0,0.255)}@media screen and (min-width: 667px){.post_item{width:47%}}.post_item:hover .post_copy{opacity:1}.post_link{padding:2.5px 0;font-size:1.25em;margin:2.5px 0;text-align:left}.post_meta{overflow:hidden;opacity:0.8;font-size:0.84rem;font-weight:500;display:inline-grid;grid-template-columns:auto 1fr;background-color:var(--light);padding:0;align-items:center;border-radius:0.3rem;color:var(--dark);text-transform:capitalize}.post_meta a:hover{color:var(--theme);text-decoration:underline;opacity:0.9}.post_extra{display:flex;justify-content:flex-end}.post_tag{font-size:0.75rem !important;font-weight:500;background:var(--theme);color:var(--light);padding:0.25rem 0.67rem !important;text-transform:uppercase;display:inline-flex;border-radius:5px}.post_title{text-align:center}.post_author{padding:0.2rem 0.75rem}.post_author a{color:var(--theme);text-decoration:underline}.post_time{background:var(--theme);display:inline-grid;padding:0.2rem 0.75rem;color:var(--light)}.post_card{display:block;position:relative;background-color:var(--dark);border-radius:0.5rem 0.5rem 0 0;background-size:cover;background-position:center;overflow:hidden;height:10rem}.post_card::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;z-index:1}.post_thumbnail{width:100%;margin:0}.pager{display:flex;justify-content:center;align-content:center;margin:30px auto 0 auto;padding:0 1.5rem;overflow:auto}.pager,.pager_link{justify-content:center;align-items:center}.pager_link{display:flex;background-color:var(--theme);color:var(--light)}.pager_link:hover{opacity:0.5}.pager_item,.pager_link{height:36px;width:36px;border-radius:50%}.pager_item{margin-left:5px;margin-right:5px;margin-bottom:30px}.pager_item:first-child,.pager_item:last-child{display:none}.pager_item.active,.pager_item.disabled{opacity:0.5}.excerpt{padding:0 10px 1.5rem 10px;position:relative;z-index:1}.excerpt_meta{display:flex;justify-content:space-between;align-items:center;transform:translateY(-2.5rem);position:relative;z-index:5}.waves{max-width:320px;height:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:30px auto}.waves_inner{min-width:18rem;min-height:9rem}.footer{padding:0;color:var(--light);margin:0;background:var(--dark);width:100%;font-size:1.05rem;min-height:75px;position:relative;z-index:1001}.footer a{color:var(--theme);opacity:0.8;transition:opacity 0.3s ease-in-out}.footer a:hover{text-decoration:underline;opacity:1}.footer_inner{display:flex;justify-content:space-between;padding:1.5rem}@media screen and (max-width: 567px){.footer_inner{flex-direction:column}}.comments{position:relative}.comment_reply{margin-left:2rem}.form{display:flex;flex-direction:column;width:100%;background:transparent;height:0;opacity:0;margin:0 0 1rem;transform:translateY(250px);transition:opacity 0.3s ease-in , transform 0.3s ease-in;border-radius:0.67rem}.form_open{height:initial;transform:translateY(0);opacity:1}.form_input{margin:10px 0;font-size:1rem !important;padding:10px 15px !important;-webkit-appearance:none;border-radius:25px;outline:none;transition:all 0.3s ease-out;width:100%;max-width:480px;box-shadow:0 5px 15px 0 rgba(158,174,221,0.2);border:1px solid #eee}.form_input:focus,.form_input:hover{border:1px solid var(--theme)}.form_comment{resize:none;border-radius:15px;min-height:2.5rem !important}.form_label{display:none}.form_submit{margin:0}.reply_btn{width:1.75rem;height:1.75rem;background-image:url("../images/icons/reply.svg");cursor:pointer;margin-top:1rem}.reply_to::before{content:'↷ @'}.g-recaptcha{display:grid;width:100%;background:transparent;border:none;border-radius:0.25rem;margin:1.25rem 0 1.5rem}.g-recaptcha>div,.g-recaptcha iframe{display:grid;width:100% !important;height:6rem !important}.g-recaptcha iframe{transform:scale(1.03);padding:0 0.75rem}code{min-width:100%;max-width:100%}.highlight{display:grid;margin:1.25rem 0}.highlight .highlight{margin:0}.highlight pre{padding:1rem;margin:1.5rem 0;background:var(--bubble) !important;box-shadow:0 0 2.5rem rgba(0,0,0,0.12);border-radius:4px;overflow-x:auto} +html{--light: #fff;--dark: #010101;--gray: #f5f5f5;--bubble: #111;--accent: var(--gray);--bg: var(--light);--text: var(--dark);--theme: #ef7f1a;--font: 'Metropolis', sans-serif;--italic: 'Volkhov'}@media (prefers-color-scheme: dark){*{box-shadow:none !important}html{--bg: var(--dark);--text: var(--light);--accent: var(--bubble)}}.post_title,.post,.intro_inner section{max-width:750px;margin:0 auto}@font-face{font-family:'Metropolis';font-style:normal;font-weight:400;src:local("Metropolis Regular"),local("Metropolis-Regular"),url("../fonts/Metropolis-Regular.woff2") format("woff2"),url("../fonts/Metropolis-Regular.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:300;src:local("Metropolis Light"),local("Metropolis-Light"),url("../fonts/Metropolis-Light.woff2") format("woff2"),url("../fonts/Metropolis-Light.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:500;src:local("Metropolis Medium"),local("Metropolis-Medium"),url("../fonts/Metropolis-Medium.woff2") format("woff2"),url("../fonts/Metropolis-Medium.woff") format("woff")}@font-face{font-family:'Cookie';font-style:normal;font-weight:400;src:local("Cookie-Regular"),url("../fonts/cookie-v10-latin-regular.woff2") format("woff2"),url("../fonts/cookie-v10-latin-regular.woff") format("woff")}@font-face{font-family:'Volkhov';font-style:italic;font-weight:400;src:local("Volkhov Italic"),local("Volkhov-Italic"),url("../fonts/volkhov-v11-latin-italic.woff2") format("woff2"),url("../fonts/volkhov-v11-latin-italic.woff") format("woff")}*{box-sizing:border-box;-webkit-appearance:none;margin:0;padding:0}body,html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-kerning:normal;-webkit-font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;text-rendering:geometricPrecision;-webkit-text-size-adjust:100%;font-size:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--text);font-size:16px;line-height:1.5;max-width:1440px;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}blockquote{opacity:0.8;padding:1rem;position:relative;quotes:"“" "”" "‘" "’";margin:0.75rem 0;display:flex;flex-flow:row wrap;background-repeat:no-repeat;background-size:5rem;background-position:50% 50%;position:relative}blockquote::before{content:"";padding:1px;position:absolute;top:0;bottom:0;left:0;background:var(--theme)}blockquote p{padding-left:0.5rem 0 !important;font-size:1.1rem !important;width:100%;font-weight:300;font-style:italic}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;padding:5px 0;margin:15px 0;color:inherit;line-height:1.35}h1{font-size:200%}h2{font-size:175%}h3{font-size:150%}h4{font-size:125%}h5{font-size:120%}h6{font-size:100%}img,svg,video{max-width:100%;vertical-align:middle}img{height:auto;margin:1rem auto;padding:0}main{padding-bottom:45px;flex:1}ul{list-style:none;-webkit-padding-start:0;-moz-padding-start:0}b,strong{font-weight:500}em,i{font-weight:400 !important;font-family:var(--italic);font-size:0.933em;color:var(--theme)}hr{border:none;padding:0.5px;background:var(--text);opacity:0.5;margin:1rem 0}aside{margin-top:4rem}aside h3{position:relative;margin:0 !important}span.pager_link{opacity:0.5}ol{counter-reset:my-awesome-counter;list-style:none !important;padding-left:3rem;margin-left:0.5rem}ol li{margin:0 0 0.5rem 0;counter-increment:my-awesome-counter;position:relative;padding-left:0.5rem !important}ol li::before{content:counter(my-awesome-counter);font-size:1.15rem;display:inline-grid;align-items:center;font-weight:500;position:absolute;--size: 1.8rem;left:-2rem;line-height:var(--size);width:var(--size);height:var(--size);color:var(--theme);border-radius:50%;text-align:center;top:0.25rem;border-right:2px solid var(--theme)}ol li.align::before{top:1rem}.intro{margin:4rem 0 1rem;background:var(--dark);padding:2rem 1.5rem;color:var(--light)}.intro_inner{max-width:59rem;margin:25px auto;margin:0 auto;text-align:center;padding:25px;position:relative;background-color:var(--bubble);border-radius:1rem}.intro_headline{margin:0 auto;font-weight:300}.intro_desc{opacity:0.8;text-align:center}@media screen and (min-width: 769px){.nav-menu a{display:inline-block;height:initial;text-align:left}}.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:1.5rem 0;border-radius:1rem;background-color:var(--bg);box-shadow:0 1rem 4rem rgba(0,0,0,0.17)}.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;transform:scale(1.03)}.copy{position:relative;cursor:pointer;height:1.5rem;width:1.5rem}.copy svg{fill:var(--theme);width:100%;height:100%}.copy::before,.copy::after{content:"";position:absolute;background:var(--theme);color:var(--light);opacity:0;transition:opacity 0.25s ease-in}.copy::before{content:attr(data-share);font-size:0.8rem;width:5.4rem;padding:0.25rem;border-radius:0.25rem;text-align:center;top:-2rem;right:0}.copy_done::before{content:attr(data-copied)}.copy:hover::before,.copy:hover::after{opacity:1}.author,.comment{display:grid;grid-template-columns:4rem 1fr;grid-gap:0 0.75rem;padding:1rem;margin:1.5rem 0;background-color:var(--accent);border-radius:0.5rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.12)}.author_name,.comment_name{color:var(--text) !important;font-size:1.25rem;text-transform:capitalize}.author_name,.author_pic,.comment_name,.comment_pic{border:none !important}.author_pic,.comment_pic{padding:0 0.33rem;overflow:hidden}.author_pic img,.comment_pic img{border-radius:50%;margin:0}.author_bio,.comment_bio{padding:0 !important;line-height:1.33}.author_heading,.comment_heading{font-size:0.7rem}.author_meta,.comment_meta{display:flex;flex-flow:column;justify-content:center}.modal{display:none;position:fixed;bottom:0;top:0;left:0;right:0;z-index:9999}.modal_close{margin:25px 0;color:var(--light);border:0;cursor:pointer;padding:5px 15px}.modal_inner{display:inline-flex;flex-direction:column;align-items:center;background:var(--accent);max-width:540px;padding:1.5rem;box-shadow:0 1.5rem 6rem rgba(0,0,0,0.12);border-radius:1rem}.modal_show{overflow:hidden;position:relative}.modal_show::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.6)}.modal_show .modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal_title{margin:0 !important}.modal::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:10}.btn{font-size:1rem;margin:1rem 0 1.5rem;padding:0.5rem 2rem;background:var(--theme);box-shadow:0 1rem 4rem rgba(0,0,0,0.5);cursor:pointer;text-align:center;text-transform:uppercase;border-radius:3rem;border:none;outline:none}.btn,.btn_group{width:12rem;display:inline-block;color:var(--light)}.btn_group{position:relative;margin:1rem 0}.btn_group .btn{margin:0}.btn_close{content:"X";width:2.5rem;position:absolute;right:0;top:0;bottom:0;display:grid;align-items:center;text-align:center;font-size:1rem;background-image:url("../images/icons/close.svg");background-size:36% !important;border-left:1px solid var(--bg);z-index:2;cursor:pointer;margin:0}.icon{background-size:75%;background-position:center;background-repeat:no-repeat}.gallery{width:100%;column-count:3;column-gap:1rem}@media screen and (max-width: 667px){.gallery{column-count:2}}.gallery_item{background-color:transparent;margin:0 0 1rem}.gallery_image{margin:0 auto}.pale{opacity:0.7}.hidden{display:none}.center{text-align:center;margin:5px auto}.wrap{padding:10px 0;max-width:1024px;margin:0 auto}.mt{margin-top:7rem}.link{display:inline-block;width:2.5rem;margin:0 0.25rem;padding:0 0.25rem;opacity:0;transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)}.link_owner:hover .link{opacity:0.9}.link img{margin:0}.solo{grid-column:1/-1}.never{min-height:60vh;background-image:url("../images/icons/sitting.svg");background-position:right bottom;background-repeat:no-repeat;background-size:contain;padding:0 1.5rem;margin-top:6rem}.never_title{text-align:left}@keyframes showMenu{0%{top:100%;opacity:0}100%{top:0;opacity:1}}@keyframes hideMenu{0%{top:0;opacity:1}100%{top:100%;opacity:0}}.align h2,.align h3,.align h4,.align h5,.align h6{margin:0.33rem 0 !important}.nav{position:absolute;top:0;width:100%;transition:height 0.4s cubic-bezier(0.52, 0.16, 0.24, 1);z-index:999}.nav_bar{width:100%;position:relative}.nav_bar-wrap{width:1.8rem;height:1.8rem;display:grid;align-items:center;cursor:pointer;z-index:99;min-height:1.5rem}.nav_bar,.nav_bar::after,.nav_bar::before{padding:1px;border-radius:2px;background-color:var(--text)}.nav_bar::after,.nav_bar::before{content:"";position:absolute;width:1.2rem}.nav_bar::before{top:-0.5rem}.nav_bar::after{top:0.5rem;right:0}.nav-body{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.17);position:fixed;right:10px;z-index:1;top:100%;opacity:0;overflow:hidden;background:transparent;background-color:var(--accent);width:16rem;padding:100px 0;min-height:100vh;z-index:1}.nav-body:hover{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.27)}.nav-body a{display:block;padding:12.5px 25px;margin-bottom:2px;border-bottom:1px solid var(--accent)}.nav-body a:hover{color:var(--theme)}.nav-brand{font-family:'Cookie';font-size:2em !important;padding-top:0 !important;padding-bottom:0 !important}.nav-close{display:flex;justify-content:flex-start;align-items:center;position:absolute;top:0;right:0;width:100%;padding:25px}.nav-close:after,.nav-close:before{content:'';width:18px;padding:1.5px;background:var(--text);opacity:0.7;position:relative}.nav-close::before{transform:rotate(20deg) translateX(1.5px)}.nav-close::after{transform:rotate(-20deg) translateX(-1.5px)}.nav-drop{cursor:pointer;top:0;bottom:0;z-index:1000}.nav-exit{animation:hideMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav-menu{position:relative;padding:10px 25px 10px 0;height:100%;max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-menu a{color:inherit;width:100%;display:block;padding:10px 25px;font-size:105%}.nav-pop{position:fixed;width:100vw;background:rgba(0,0,0,0.05)}.nav-open{animation:showMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav_item{text-transform:capitalize}.post{padding:1rem 1.5rem;margin-top:1.5rem}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:1rem auto;text-align:left;text-transform:initial;padding:0.25rem 0 0 0}.post p{padding-bottom:0.5rem;padding-top:0.5rem;font-size:1.05rem}.posts{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;align-items:stretch}.posts:not(.aside){padding:0 30px}.post_content h4{margin:5px 0;text-align:left}.post_content p{line-height:1.65}.post_content p:first-child{margin-top:0;padding-top:0}.post_content a:not(.link){border-bottom:2px solid var(--theme)}.post_content a:not(.link):hover{opacity:0.7}.post_content ol,.post_content ul{padding:0.5rem 0 0.5rem 1.2rem}.post_content li{padding:0.33rem 0}.post_header{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;color:#fff;height:48vh;min-height:360px;background-color:var(--bg);margin-top:60px;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column}.post_header::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(10,15,30,0.72)}.post_header h1{color:inherit}.post_header h1,.post_header p,.post_header h4{position:relative;z-index:2}.post_copy{opacity:0;transition:opacity 0.3s ease-out}.post_item{box-shadow:0 0 3rem rgba(0,0,0,0.17);margin:1.25rem 0;border-radius:10px;overflow:hidden;width:100%}.post_item:hover{box-shadow:0 0 5rem rgba(0,0,0,0.255)}@media screen and (min-width: 667px){.post_item{width:47%}}.post_item:hover .post_copy{opacity:1}.post_link{padding:2.5px 0;font-size:1.25em;margin:2.5px 0;text-align:left}.post_meta{overflow:hidden;opacity:0.8;font-size:0.84rem;font-weight:500;display:inline-grid;grid-template-columns:auto 1fr;background-color:var(--light);padding:0;align-items:center;border-radius:0.3rem;color:var(--dark);text-transform:capitalize}.post_meta a:hover{color:var(--theme);text-decoration:underline;opacity:0.9}.post_extra{display:flex;justify-content:flex-end}.post_tag{font-size:0.75rem !important;font-weight:500;background:var(--theme);color:var(--light);padding:0.25rem 0.67rem !important;text-transform:uppercase;display:inline-flex;border-radius:5px}.post_title{text-align:center}.post_author{padding:0.2rem 0.75rem}.post_author a{color:var(--theme);text-decoration:underline}.post_time{background:var(--theme);display:inline-grid;padding:0.2rem 0.75rem;color:var(--light)}.post_card{display:block;position:relative;background-color:var(--dark);border-radius:0.5rem 0.5rem 0 0;background-size:cover;background-position:center;overflow:hidden;height:10rem}.post_card::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;z-index:1}.post_thumbnail{width:100%;margin:0}.pager{display:flex;justify-content:center;align-content:center;margin:30px auto 0 auto;padding:0 1.5rem;overflow:auto}.pager,.pager_link{justify-content:center;align-items:center}.pager_link{display:flex;background-color:var(--theme);color:var(--light)}.pager_link:hover{opacity:0.5}.pager_item,.pager_link{height:36px;width:36px;border-radius:50%}.pager_item{margin-left:5px;margin-right:5px;margin-bottom:30px}.pager_item:first-child,.pager_item:last-child{display:none}.pager_item.active,.pager_item.disabled{opacity:0.5}.excerpt{padding:0 10px 1.5rem 10px;position:relative;z-index:1}.excerpt_meta{display:flex;justify-content:space-between;align-items:center;transform:translateY(-2.5rem);position:relative;z-index:5}.waves{max-width:320px;height:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:30px auto}.waves_inner{min-width:18rem;min-height:9rem}.footer{padding:0;color:var(--light);margin:0;background:var(--dark);width:100%;font-size:1.05rem;min-height:75px;position:relative;z-index:1001}.footer a{color:var(--theme);opacity:0.8;transition:opacity 0.3s ease-in-out}.footer a:hover{text-decoration:underline;opacity:1}.footer_inner{display:flex;justify-content:space-between;padding:1.5rem}@media screen and (max-width: 567px){.footer_inner{flex-direction:column}}.comments{position:relative}.comment_reply{margin-left:2rem}.form{display:flex;flex-direction:column;width:100%;background:transparent;height:0;opacity:0;margin:0 0 1rem;transform:translateY(250px);transition:opacity 0.3s ease-in , transform 0.3s ease-in;border-radius:0.67rem}.form_open{height:initial;transform:translateY(0);opacity:1}.form_input{margin:10px 0;font-size:1rem !important;padding:10px 15px !important;-webkit-appearance:none;border-radius:25px;outline:none;transition:all 0.3s ease-out;width:100%;max-width:480px;box-shadow:0 5px 15px 0 rgba(158,174,221,0.2);border:1px solid #eee}.form_input:focus,.form_input:hover{border:1px solid var(--theme)}.form_comment{resize:none;border-radius:15px;min-height:2.5rem !important}.form_label{display:none}.form_submit{margin:0}.reply_btn{width:1.75rem;height:1.75rem;background-image:url("../images/icons/reply.svg");cursor:pointer;margin-top:1rem}.reply_to::before{content:'↷ @'}.g-recaptcha{display:grid;width:100%;background:transparent;border:none;border-radius:0.25rem;margin:1.25rem 0 1.5rem}.g-recaptcha>div,.g-recaptcha iframe{display:grid;width:100% !important;height:6rem !important}.g-recaptcha iframe{transform:scale(1.03);padding:0 0.75rem}code{min-width:100%;max-width:100%}.highlight{display:grid;margin:1.25rem 0}.highlight .highlight{margin:0}.highlight pre{padding:1rem;margin:1.5rem 0;background:var(--bubble) !important;box-shadow:0 0 2.5rem rgba(0,0,0,0.12);border-radius:4px;overflow-x:auto} /*# sourceMappingURL=styles.css.map */
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json index f5db3b6..e65860d 100644 --- a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json +++ b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json @@ -1 +1 @@ -{"Target":"css/styles.7b162d036dd76ef4726c6c03a3294e879884501dfb317af089dfa8c8e903e38015760e7fd3305ff65be5c2166235408630ded1089d647962764c42094cf15835.css","MediaType":"text/css","Data":{"Integrity":"sha512-exYtA23XbvRybGwDoylOh5iEUB37MXrwid+oyOkD44AVdg5/0zBf9lvlwhZiNUCGMN7RCJ1keWJ2TEIJTPFYNQ=="}}
\ No newline at end of file +{"Target":"css/styles.b934c9412cc837b60543673c5f879b59569b1c7bea59b56896858a3b0a15220c8dbd91e80317b591a1857e31aa26b3bf8fbaca17c5bab12ff1231a272cd6bd6d.css","MediaType":"text/css","Data":{"Integrity":"sha512-uTTJQSzIN7YFQ2c8X4ebWVabHHvqWbVoloWKOwoVIgyNvZHoAxe1kaGFfjGqJrO/j7rKF8W6sS/xIxonLNa9bQ=="}}
\ No newline at end of file |