From e0ae137526c286556f3160d6a6c9a83f165ebe07 Mon Sep 17 00:00:00 2001 From: Henner S Date: Mon, 18 May 2020 21:01:44 +0700 Subject: [PATCH] 6.3.1 CSS - Changed the triangle marker in FAQ block with (+) and (-) sign. - Removed the quotation mark in QUOTE block - Tidied up TABLE block styling. - Removed support for Social Links block - The styling is commented in `app/_blocks.sass` - Changed Jetpack SHARING styling because it's using SVG icon now --- assets/css/app.css | 2 +- assets/css/blog.css | 4 +- assets/sass/_settings.scss | 49 +------ assets/sass/app/_blocks-custom.sass | 12 ++ assets/sass/app/_blocks.sass | 207 +++++++++++++--------------- assets/sass/app/_jetpack.sass | 125 +++++++++++++++++ assets/sass/blog/_archive.sass | 1 + assets/sass/blog/_single.sass | 152 +++----------------- assets/sass/my-editor.sass | 2 +- functions.php | 18 +-- functions/api.php | 33 ++--- functions/enqueue.php | 2 +- functions/helpers.php | 35 ----- style.css | 2 +- views/single.twig | 14 +- 15 files changed, 281 insertions(+), 377 deletions(-) delete mode 100644 functions/helpers.php diff --git a/assets/css/app.css b/assets/css/app.css index b943888..aae4b62 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1,4 +1,4 @@ /*! EDJE Functional Sass v3.1.0 Documentation: https://github.com/hrsetyono/edje/wiki -*/[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor, var(--text))}.the-content{letter-spacing:calc(0.01 * var(--fontSize))}.the-content>.alignfull.has-background:first-child{margin-top:calc(-1 * var(--groupSpacing))}.the-content ul,.the-content ol{padding-left:1.25rem}.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{clear:both;color:var(--textColor)}.the-content img{border-radius:var(--gRadius)}.the-content a{text-decoration:underline}.the-content>*,.wp-block-group__inner-container>*,.wp-block-cover__inner-container>*{margin:0 auto;max-width:var(--blogWidth)}.the-content>*+*,.wp-block-group__inner-container>*+*,.wp-block-cover__inner-container>*+*,.wp-block-media-text__content>*+*,.wp-block-column>*+*{margin-top:var(--blockSpacing)}@media (max-width: 1120px){.wp-block-group__inner-container,.wp-block-cover__inner-container,.wp-block-media-text__content{padding-right:var(--gridRim);padding-left:var(--gridRim)}}.has-text-align-right{text-align:right}.has-text-align-left{text-align:left}.aligncenter,.has-text-align-center{text-align:center}.alignwide{max-width:var(--siteWidth)}.post-column--has-sidebar .alignwide{padding-right:var(--gridGap);padding-left:var(--gridGap)}.post-column--has-sidebar .alignwide .alignwide{padding-right:0;padding-left:0}.alignfull{max-width:none;margin-top:var(--groupSpacing)}.alignfull+*{margin-top:var(--groupSpacing)}.alignfull+.alignfull{margin-top:0}.post-column--no-sidebar .alignfull{width:100vw;margin-right:calc(-50vw + 50% + var(--gridRim));margin-left:calc(-50vw + 50% + var(--gridRim) - 2px)}.post-column--has-sidebar .alignfull{padding-right:var(--gridGap);padding-left:var(--gridGap)}.post-column--has-sidebar .alignfull .alignfull{padding-right:0;padding-left:0}.alignfull:last-child{margin-bottom:0}.is-vertically-aligned-top{align-items:flex-start;align-self:flex-start}.is-vertically-aligned-center{align-items:center;align-self:center}.is-vertically-aligned-bottom{align-items:flex-end;align-self:flex-end}.wp-block-image figcaption,.wp-block-gallery .blocks-gallery-item__caption,.wp-block-gallery .blocks-gallery-caption,.wp-block-audio figcaption,.wp-block-video figcaption,.wp-block-table figcaption,.wp-block-embed figcaption{display:inline-block;padding:0.5rem;margin-right:auto;margin-left:auto;border-bottom:1px solid var(--textDim);font-size:var(--smallFontSize)}p.has-background{padding:1rem;border-radius:var(--gRadius)}.has-drop-cap:first-letter{float:left;margin-right:0.25rem;font-family:var(--hFontFamily);font-weight:700;font-size:3.5rem;line-height:3.5rem}.has-small-font-size{font-size:var(--smallFontSize)}.has-medium-font-size{font-size:var(--mediumFontSize)}.has-large-font-size{font-size:var(--largeFontSize);line-height:var(--hLineHeight)}.has-huge-font-size{font-size:var(--hugeFontSize);line-height:var(--hLineHeight)}.wp-block-image{text-align:center}.wp-block-image .alignleft,.wp-block-image .alignright{max-width:50%;margin-bottom:1.5rem}.wp-block-image .alignleft{float:left;margin-right:1.5rem}.wp-block-image .alignright{float:right;margin-left:1.5rem}.wp-block-image.alignfull img{border-radius:0}.wp-block-image>a,.wp-block-gallery figure>a{display:block;overflow:hidden;border-radius:var(--gRadius)}.wp-block-image>a img,.wp-block-gallery figure>a img{transition:var(--gTransition)}.wp-block-image>a:hover img,.wp-block-gallery figure>a:hover img{opacity:.8;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery{display:flex;flex-direction:column}.wp-block-gallery figure{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:var(--gRadius)}.wp-block-gallery a{height:100%}.wp-block-gallery .blocks-gallery-item__caption{border-bottom:0;padding-bottom:0}ul.blocks-gallery-grid{display:flex;flex-wrap:wrap;padding-left:0;margin-right:-0.5rem;margin-left:-0.5rem;list-style-type:none;max-width:calc(var(--siteWidth) + 1rem)}.alignwide ul.blocks-gallery-grid{max-width:calc(var(--siteWidth) + 1rem)}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery.is-cropped .blocks-gallery-item__caption{position:absolute;bottom:0;width:100%;padding:0.5rem;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent);text-align:center;color:white}.wp-block-gallery.is-cropped .blocks-gallery-item__caption a:hover{opacity:.6;color:inherit}.blocks-gallery-item{flex-grow:1;padding:0 0.5rem 1rem}@media (min-width: 769px){.columns-2 .blocks-gallery-item{width:50%}.columns-3 .blocks-gallery-item{width:calc(100% / 3)}.columns-4 .blocks-gallery-item{width:25%}.columns-5 .blocks-gallery-item{width:20%}.columns-6 .blocks-gallery-item{width:calc(100% / 6)}.columns-7 .blocks-gallery-item{width:calc(100% / 7)}.columns-8 .blocks-gallery-item{width:12.5%}.columns- .blocks-gallery-item{width:20%}}@media (max-width: 768px){.blocks-gallery-item{width:33.33%}.columns-2 .blocks-gallery-item{width:50%}.columns-1 .blocks-gallery-item{width:100%}}@media (max-width: 480px){.blocks-gallery-item{width:50%}}.is-style-h-slider .blocks-gallery-item{flex-grow:initial}.is-style-h-slider.is-cropped .hSlider-slide{align-items:stretch}.wp-block-cover{--bgColor: black;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--bgColor);min-height:400px;width:100%}.wp-block-cover.--for-featured-image{align-items:flex-end}.wp-block-cover.--for-featured-image .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid;border-bottom:2px solid;color:rgba(255,255,255,0.6)}.wp-block-cover.--for-featured-image .post-meta+p{margin-top:1.5rem}.wp-block-cover.--for-post-tease{overflow:hidden;align-items:flex-end;padding:0 2rem 2rem;border-radius:var(--gRadius);max-width:calc(var(--siteWidth) + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(255,255,255,0.6)}.wp-block-cover__inner-container{position:relative;z-index:2;width:var(--siteWidth);color:white}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:var(--gridRim);padding-left:var(--gridRim)}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.5;background-color:inherit}.has-background-dim-10::before{opacity:.1}.has-background-dim-20::before{opacity:.2}.has-background-dim-30::before{opacity:.3}.has-background-dim-40::before{opacity:.4}.has-background-dim-60::before{opacity:.6}.has-background-dim-70::before{opacity:.7}.has-background-dim-80::before{opacity:.8}.has-background-dim-90::before{opacity:.9}.has-background-dim-100::before{opacity:1}.wp-block-quote{position:relative;padding:0.5rem 2rem;font-size:var(--mediumFontSize);border-left:3px solid var(--text)}.wp-block-quote>*+*{margin-top:1rem}.wp-block-quote cite{display:block;font-size:var(--smallFontSize);color:var(--textDim)}.wp-block-quote::after{content:"\f122";display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;background-color:var(--siteBackgroundColor);width:2rem;height:2rem;color:var(--text);font-family:"dashicons";border-radius:var(--gRadius);transform:translateX(-50%)}.wp-block-quote.is-style-large{padding-top:1rem;padding-bottom:1rem;margin-top:2.5rem;margin-bottom:2.5rem;border-left:none;border-top:3px solid var(--text);border-bottom:3px solid var(--text);font-size:var(--h4Size);text-align:center}.wp-block-quote.is-style-large::after{left:0;right:0;margin-right:auto;margin-left:auto;width:3rem;transform:translateY(-50%)}.wp-block-quote.has-text-align-right{border-left:none;border-right:3px solid var(--text)}.wp-block-quote.has-text-align-right::after{left:auto;right:0;transform:translateX(50%)}.wp-block-quote.has-text-align-center{padding-top:0;padding-bottom:0;border-left:none}.wp-block-quote.has-text-align-center::before{content:"";display:block;margin:0 auto 2rem;height:3px;width:200px;background-color:var(--text)}.wp-block-quote.has-text-align-center::after{left:0;right:0;margin-right:auto;margin-left:auto;transform:translateY(-50%)}.wp-block-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.2);border-radius:var(--gRadius)}.wp-block-file.alignleft{justify-content:flex-start;float:left}.wp-block-file.alignright{justify-content:flex-end}.wp-block-file__button{margin-left:1rem}.wp-block-video{width:100%;text-align:center}.wp-block-video video{width:100%}.wp-block-verse{font-family:var(--fontFamily)}.wp-block-table{--tableBorder: black;--tableHeader: rgba(0,0,0,0.1);--tableBg: white;--tableStripe: rgba(0,0,0,0.05);display:flex;flex-direction:column}.wp-block-table table{width:100%}.wp-block-table tr{background-color:var(--tableBg)}.wp-block-table thead tr,.wp-block-table tfoot tr{background-color:var(--tableHeader);font-weight:700;text-align:left}.wp-block-table thead tr{border-bottom:2px solid var(--tableBorder)}.wp-block-table tfoot tr{border-top:2px solid var(--tableBorder)}.wp-block-table th,.wp-block-table td{padding:0.5rem 1rem;border:1px solid rgba(0,0,0,0.1)}@media (max-width: 768px){.wp-block-table td{padding:0.25rem 0.5rem}}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--tableStripe)}.wp-block-table .has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table [class*="-background-color"]{--tableStripe: white}.wp-block-table .has-subtle-light-gray-background-color{--tableBorder: var(--textDim);--tableHeader: rgba(var(--textDimRGB), 0.1);--tableBg: rgba(var(--textDimRGB), 0.05)}.wp-block-table .has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: rgba(var(--greenRGB), 0.1);--tableBg: rgba(var(--greenRGB), 0.05)}.wp-block-table .has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: rgba(var(--blueRGB), 0.1);--tableBg: rgba(var(--blueRGB), 0.05)}.wp-block-table .has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: rgba(var(--redRGB), 0.1);--tableBg: rgba(var(--redRGB), 0.05)}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius);background-color:rgba(0,0,0,0.05)}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}code{padding:0 0.5rem}.wp-block-group{padding:var(--groupSpacing) 0}.wp-block-group:not(.has-background){margin-top:0}.wp-block-buttons{display:flex;align-items:center;flex-wrap:wrap}.wp-block-button a{text-decoration:none}.wp-block-button.alignleft a{float:left;margin-right:1.5rem}.wp-block-button.alignright a{float:right;margin-left:1.5rem}.wp-block-button+.wp-block-button{margin-left:1rem}.wp-block-columns{display:flex}.wp-block-columns.has-background{background-color:transparent}@media (max-width: 768px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex-basis:0;flex-grow:1;min-width:0}.wp-block-column[style*="flex-basis"]{flex-grow:0}.wp-block-columns.has-background .wp-block-column{padding:1rem;background-color:var(--bgColor)}@media (min-width: 769px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 768px){.wp-block-column{flex-basis:100% !important;width:100%}.wp-block-column+.wp-block-column{margin-top:1.5rem}}.wp-block-media-text{display:grid;grid-row-gap:var(--gridGap);grid-column-gap:var(--gridGap)}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:var(--gRadius)}@media (min-width: 481px){.wp-block-media-text{grid-template-areas:"media text";grid-template-columns:6fr 6fr}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"text media"}}@media (max-width: 480px){.wp-block-media-text{grid-template-areas:"media" "text";grid-template-columns:repeat(1, 1fr)}}.wp-block-media-text__media{grid-area:media;margin-bottom:0}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:var(--gRadius)}.is-image-fill .wp-block-media-text__media img{display:none}}@media (max-width: 480px){.is-image-fill .wp-block-media-text__media{background-image:none !important}}.wp-block-media-text__content{grid-area:text}.wp-block-spacer{margin-top:0;margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid var(--bgColor);margin:2.5rem auto;padding:0;width:120px;line-height:1}.wp-block-separator.is-style-wide{width:var(--siteWidth)}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;background-color:transparent;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:var(--codeFontFamily);font-size:var(--largeFontSize);letter-spacing:1.5rem;color:var(--bgColor, var(--text))}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{display:flex;justify-content:center;position:relative}.wp-has-aspect-ratio .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{content:"";display:block;width:100%}.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{padding-top:42.85%}.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before{padding-top:50%}.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before{padding-top:56.25%}.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before{padding-top:75%}.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before{padding-top:100%}.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before{padding-top:66.667%}.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before{padding-top:200%}.wp-has-aspect-ratio iframe,.wp-block-embed-wordpress iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}ul.wp-block-social-links{display:flex;justify-content:flex-start;flex-wrap:wrap;padding-left:0;list-style-type:none}ul.wp-block-social-links.aligncenter{justify-content:center}.wp-social-link a{display:flex;align-items:center;justify-content:center;margin-right:0.75rem;margin-bottom:0.75rem;width:42px;height:42px;border:1px solid rgba(0,0,0,0.2);border-bottom-width:2px;border-radius:var(--gRadius);background-color:var(--color);line-height:0;transition:var(--gTransition);will-change:opacity}.wp-social-link a:hover{opacity:.7}.wp-social-link a:active{border-top-width:2px;border-bottom-width:1px;transition:none}.is-style-logos-only .wp-social-link a{background-color:transparent;border-color:transparent;margin-right:0.5rem}.is-style-logos-only .wp-social-link a svg{fill:var(--color)}.is-style-logos-only .wp-social-link a:hover{border-color:rgba(0,0,0,0.2)}.is-style-pill-shape .wp-social-link a{border-radius:50px;padding-left:1rem;padding-right:1rem;width:auto}.wp-social-link svg{width:28px;height:28px;fill:white}.wp-social-link-amazon{--color: #f90}.wp-social-link-bandcamp{--color: #1ea0c3}.wp-social-link-behance{--color: #0757fe}.wp-social-link-chain{--color: #f0f0f0}.wp-social-link-codepen{--color: #1e1f26}.wp-social-link-deviantart{--color: #02e49b}.wp-social-link-dribbble{--color: #e94c89}.wp-social-link-dropbox{--color: #4280ff}.wp-social-link-etsy{--color: #f45800}.wp-social-link-facebook{--color: #1977f2}.wp-social-link-feed{--color: #f0f0f0}.wp-social-link-fivehundredpx{--color: #000}.wp-social-link-flickr{--color: #0461dd}.wp-social-link-foursquare{--color: #e65678}.wp-social-link-github{--color: #24292d}.wp-social-link-goodreads{--color: #eceadd}.wp-social-link-google{--color: #ea4434}.wp-social-link-instagram{--color: #f00075}.wp-social-link-lastfm{--color: #e21b24}.wp-social-link-linkedin{--color: #0577b5}.wp-social-link-line{--color: #03c302}.wp-social-link-mail{--color: #f0f0f0}.wp-social-link-mastodon{--color: #3288d4}.wp-social-link-medium{--color: #02ab6c}.wp-social-link-meetup{--color: #f6405f}.wp-social-link-pinterest{--color: #e60122}.wp-social-link-pocket{--color: #ef4155}.wp-social-link-reddit{--color: #fe4500}.wp-social-link-skype{--color: #0478d7}.wp-social-link-snapchat{--color: #fefc00}.wp-social-link-soundcloud{--color: #ff5600}.wp-social-link-spotify{--color: #1bd760}.wp-social-link-telegram{--color: #08c}.wp-social-link-tumblr{--color: #011835}.wp-social-link-twitch{--color: #6440a4}.wp-social-link-twitter{--color: #21a1f3}.wp-social-link-vimeo{--color: #1eb7ea}.wp-social-link-vk{--color: #4680c2}.wp-social-link-wordpress{--color: #3499cd}.wp-social-link-jetpack-whatsapp{--color: #25d366}.wp-social-link-yelp{--color: #d32422}.wp-social-link-youtube{--color: #ff0100}.wp-social-link-goodreads svg,.wp-social-link-chain svg,.wp-social-link-feed svg,.wp-social-link-mail svg{fill:#382110}.wp-social-link-snapchat{stroke:black}.wp-block-h-faq{--faqTitleBg: #e5e5e5;--faqTitleColor: inherit;border:2px solid var(--faqTitleBg);border-radius:var(--gRadius)}.h-faq-question{display:flex;align-items:center;cursor:pointer;padding:0.75rem 1rem;background-color:var(--faqTitleBg);font-size:var(--h5Size);color:var(--faqTitleColor);line-height:1;transition:var(--gTransition)}.h-faq-question:hover{opacity:.8}.h-faq-question:active{transition:none;box-shadow:var(--shadow0);transform:translateY(1px)}[open] .h-faq-question{opacity:1}.h-faq-question::-webkit-details-marker{margin-right:0.5rem;font-size:var(--smallFontSize)}.h-faq-answer{padding:1rem 1.5rem}.h-faq-answer p+p{margin-top:1rem}.grunion-field-wrap{position:relative;margin-bottom:1rem}.grunion-field-wrap .grunion-field-label{cursor:pointer;margin-bottom:0.25rem;font-weight:700;font-size:var(--smallFontSize);color:rgba(0,0,0,0.5)}.grunion-field-wrap span{display:inline-block;margin-left:0.5rem;text-transform:initial;font-weight:400;color:var(--red)}.grunion-field-wrap textarea{max-height:8rem}.entry-breadcrumbs{margin-bottom:1rem}.entry-breadcrumbs [itemprop="itemListElement"]{display:inline-block;padding:0.25rem 0.5rem;background-color:var(--textInvert)}.entry-breadcrumbs [itemprop="itemListElement"]:nth-child(n+2)::before{content:"»";display:inline-block;transform:translateX(-0.5rem)}.entry-breadcrumbs [itemprop="name"]{display:inline-block;padding:0.25rem 0.5rem;border-radius:var(--gRadius);color:var(--textDim);text-transform:uppercase;letter-spacing:0.025em;transition:var(--gTransition)}.entry-breadcrumbs a:hover [itemprop="name"]{background-color:var(--mainLight);color:var(--main)}.entry-breadcrumbs a:active [itemprop="name"]{transition:none;transform:translateY(1px)}.entry-breadcrumbs .current-category [itemprop="name"]{color:var(--text)}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:white;box-shadow:var(--shadow1)}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:var(--smallFontSize)}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;border-width:1px;border-radius:var(--gRadius);text-align:center}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.2);border-color:var(--red);color:var(--red)}div.wpcf7 .wpcf7-mail-sent-ok,div.wpcf7 .wpcf7-mail-sent-ng{background-color:rgba(var(--greenRGB), 0.3);border-color:var(--green);color:var(--green)}.back-to-top{--offset: 1rem;position:fixed;bottom:var(--offset);display:flex;align-items:center;width:2.25rem;height:2.25rem;padding:0.5rem;background-color:var(--text);border-radius:var(--gRadius);box-shadow:var(--shadow1)}.back-to-top:hover{background-color:var(--main);box-shadow:var(--shadow2)}.back-to-top path{fill:var(--textInvert)}.back-to-top--align-right{right:var(--offset)}.back-to-top--align-left{left:var(--offset)}body.has-frame::before,body.has-frame::after{content:"";position:fixed;left:0;z-index:1000;width:100%;height:var(--frameSize);background-color:var(--frameColor)}body.has-frame::before{top:0}body.has-frame::after{bottom:0}body.has-frame #wpadminbar{background-color:var(--frameColor)}@media (min-width: 783px){body.has-frame.admin-bar::before{display:none}}body.has-frame #main-container{padding:var(--frameSize)}body.has-frame #main-container::before,body.has-frame #main-container::after{content:"";position:fixed;top:0;z-index:1000;width:var(--frameSize);height:100%;background-color:var(--frameColor)}body.has-frame #main-container::before{left:0}body.has-frame #main-container::after{right:0}@media (min-width: 783px){body.has-frame.admin-bar #main-container{padding-top:0}} +*/[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor, var(--text))}.the-content{letter-spacing:calc(0.01 * var(--fontSize))}.the-content>.alignfull.has-background:first-child{margin-top:calc(-1 * var(--groupSpacing))}.the-content ul,.the-content ol{padding-left:1.25rem}.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{clear:both;color:var(--textColor)}.the-content img{border-radius:var(--gRadius)}.the-content a{text-decoration:underline}.the-content>*,.wp-block-group__inner-container>*,.wp-block-cover__inner-container>*{margin:0 auto;max-width:var(--blogWidth)}.the-content>*+*,.wp-block-group__inner-container>*+*,.wp-block-cover__inner-container>*+*,.wp-block-media-text__content>*+*,.wp-block-column>*+*{margin-top:var(--blockSpacing)}@media (max-width: 1120px){.wp-block-group__inner-container,.wp-block-cover__inner-container,.wp-block-media-text__content{padding-right:var(--gridRim);padding-left:var(--gridRim)}}.has-text-align-right{text-align:right}.has-text-align-left{text-align:left}.aligncenter,.has-text-align-center{text-align:center}.alignwide{max-width:var(--siteWidth)}.post-column--has-sidebar .alignwide{padding-right:var(--gridGap);padding-left:var(--gridGap)}.post-column--has-sidebar .alignwide .alignwide{padding-right:0;padding-left:0}.alignfull{max-width:none;margin-top:var(--groupSpacing)}.alignfull+*{margin-top:var(--groupSpacing)}.alignfull+.alignfull{margin-top:0}.post-column--no-sidebar .alignfull{width:100vw;margin-right:calc(-50vw + 50% + var(--gridRim));margin-left:calc(-50vw + 50% + var(--gridRim) - 2px)}.post-column--has-sidebar .alignfull{padding-right:var(--gridGap);padding-left:var(--gridGap)}.post-column--has-sidebar .alignfull .alignfull{padding-right:0;padding-left:0}.alignfull:last-child{margin-bottom:0}.is-vertically-aligned-top{align-items:flex-start;align-self:flex-start}.is-vertically-aligned-center{align-items:center;align-self:center}.is-vertically-aligned-bottom{align-items:flex-end;align-self:flex-end}.wp-block-image figcaption,.wp-block-gallery .blocks-gallery-item__caption,.wp-block-gallery .blocks-gallery-caption,.wp-block-audio figcaption,.wp-block-video figcaption,.wp-block-table figcaption,.wp-block-embed figcaption{display:inline-block;padding:0.5rem;margin-right:auto;margin-left:auto;border-bottom:1px solid var(--textDim);font-size:var(--smallFontSize)}p.has-background{padding:1rem;border-radius:var(--gRadius)}.has-drop-cap:first-letter{float:left;margin-right:0.25rem;font-family:var(--hFontFamily);font-weight:700;font-size:3.5rem;line-height:3.5rem}.has-small-font-size{font-size:var(--smallFontSize)}.has-medium-font-size{font-size:var(--mediumFontSize)}.has-large-font-size{font-size:var(--largeFontSize);line-height:var(--hLineHeight)}.has-huge-font-size{font-size:var(--hugeFontSize);line-height:var(--hLineHeight)}.wp-block-image{text-align:center}.wp-block-image .alignleft,.wp-block-image .alignright{max-width:50%;margin-bottom:1.5rem}.wp-block-image .alignleft{float:left;margin-right:1.5rem}.wp-block-image .alignright{float:right;margin-left:1.5rem}.wp-block-image.alignfull img{border-radius:0}.wp-block-image>a,.wp-block-gallery figure>a{display:block;overflow:hidden;border-radius:var(--gRadius)}.wp-block-image>a img,.wp-block-gallery figure>a img{transition:var(--gTransition)}.wp-block-image>a:hover img,.wp-block-gallery figure>a:hover img{opacity:.8;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery{display:flex;flex-direction:column}.wp-block-gallery figure{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:var(--gRadius)}.wp-block-gallery a{height:100%}.wp-block-gallery .blocks-gallery-item__caption{border-bottom:0;padding-bottom:0}ul.blocks-gallery-grid{display:flex;flex-wrap:wrap;padding-left:0;margin-right:-0.5rem;margin-left:-0.5rem;list-style-type:none;max-width:calc(var(--siteWidth) + 1rem)}.alignwide ul.blocks-gallery-grid{max-width:calc(var(--siteWidth) + 1rem)}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery.is-cropped .blocks-gallery-item__caption{position:absolute;bottom:0;width:100%;padding:0.5rem;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent);text-align:center;color:white}.wp-block-gallery.is-cropped .blocks-gallery-item__caption a:hover{opacity:.6;color:inherit}.blocks-gallery-item{flex-grow:1;padding:0 0.5rem 1rem}@media (min-width: 769px){.columns-2 .blocks-gallery-item{width:50%}.columns-3 .blocks-gallery-item{width:calc(100% / 3)}.columns-4 .blocks-gallery-item{width:25%}.columns-5 .blocks-gallery-item{width:20%}.columns-6 .blocks-gallery-item{width:calc(100% / 6)}.columns-7 .blocks-gallery-item{width:calc(100% / 7)}.columns-8 .blocks-gallery-item{width:12.5%}.columns- .blocks-gallery-item{width:20%}}@media (max-width: 768px){.blocks-gallery-item{width:33.33%}.columns-2 .blocks-gallery-item{width:50%}.columns-1 .blocks-gallery-item{width:100%}}@media (max-width: 480px){.blocks-gallery-item{width:50%}}.is-style-h-slider .blocks-gallery-item{flex-grow:initial}.is-style-h-slider.is-cropped .hSlider-slide{align-items:stretch}.wp-block-cover{--bgColor: black;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--bgColor);min-height:400px;width:100%}.wp-block-cover.--for-featured-image{align-items:flex-end}.wp-block-cover.--for-featured-image .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid;border-bottom:2px solid;color:rgba(255,255,255,0.6)}.wp-block-cover.--for-featured-image .post-meta+p{margin-top:1.5rem}.wp-block-cover.--for-post-tease{overflow:hidden;align-items:flex-end;padding:0 2rem 2rem;border-radius:var(--gRadius);max-width:calc(var(--siteWidth) + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(255,255,255,0.6)}.wp-block-cover__inner-container{position:relative;z-index:2;width:var(--siteWidth);color:white}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:var(--gridRim);padding-left:var(--gridRim)}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.5;background-color:inherit}.has-background-dim-10::before{opacity:.1}.has-background-dim-20::before{opacity:.2}.has-background-dim-30::before{opacity:.3}.has-background-dim-40::before{opacity:.4}.has-background-dim-60::before{opacity:.6}.has-background-dim-70::before{opacity:.7}.has-background-dim-80::before{opacity:.8}.has-background-dim-90::before{opacity:.9}.has-background-dim-100::before{opacity:1}.wp-block-quote{position:relative;padding:0.5rem 2rem;font-size:var(--mediumFontSize);border-left:3px solid var(--text)}.wp-block-quote>*+*{margin-top:1rem}.wp-block-quote cite{display:block;font-size:var(--smallFontSize);color:var(--textDim)}.wp-block-quote.is-style-large{padding-top:1rem;padding-bottom:1rem;margin-top:2.5rem;margin-bottom:2.5rem;border-left:none;border-top:3px solid var(--text);border-bottom:3px solid var(--text);font-size:var(--h4Size);text-align:center}.wp-block-quote.is-style-large::after{left:0;right:0;margin-right:auto;margin-left:auto;width:3rem;transform:translateY(-50%)}.wp-block-quote.has-text-align-right{border-left:none;border-right:3px solid var(--text)}.wp-block-quote.has-text-align-center{padding-top:1.5rem;padding-bottom:0;border-left:none}.wp-block-quote.has-text-align-center::before{content:"";position:absolute;top:0;width:100px;height:4px;background-color:var(--text);transform:translateX(-50%)}.wp-block-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.2);border-radius:var(--gRadius)}.wp-block-file.alignleft{justify-content:flex-start;float:left}.wp-block-file.alignright{justify-content:flex-end}.wp-block-file__button{margin-left:1rem}.wp-block-video{width:100%;text-align:center}.wp-block-video video{width:100%}.wp-block-verse{font-family:var(--fontFamily)}.wp-block-table{--tableBorder: black;--tableHeader: rgba(0,0,0,0.1);--tableBg: white;--tableStripe: rgba(0,0,0,0.05);display:flex;flex-direction:column}.wp-block-table table{width:100%;background-color:var(--tableBg)}.wp-block-table thead tr,.wp-block-table tfoot tr{background-color:var(--tableHeader);font-weight:700;text-align:left}.wp-block-table thead tr{border-bottom:2px solid var(--tableBorder)}.wp-block-table tfoot tr{border-top:2px solid var(--tableBorder)}.wp-block-table th,.wp-block-table td{padding:0.5rem 1rem;border:1px solid rgba(0,0,0,0.1)}@media (max-width: 768px){.wp-block-table td{padding:0.25rem 0.5rem}}.wp-block-table.is-style-stripes tbody tr:nth-child(even){background-color:var(--tableStripe)}.wp-block-table .has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table [class*="-background-color"]{--tableStripe: white}.wp-block-table .has-subtle-light-gray-background-color{--tableBorder: var(--textDim);--tableHeader: rgba(var(--textDimRGB), 0.1)}.wp-block-table .has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: rgba(var(--greenRGB), 0.2);--tableStripe: rgba(var(--greenRGB), 0.1)}.wp-block-table .has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: rgba(var(--blueRGB), 0.2);--tableStripe: rgba(var(--blueRGB), 0.1)}.wp-block-table .has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: rgba(var(--redRGB), 0.2);--tableStripe: rgba(var(--redRGB), 0.1)}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius);background-color:rgba(0,0,0,0.05)}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}code{padding:0 0.5rem}.wp-block-group{padding:var(--groupSpacing) 0}.wp-block-group:not(.has-background){margin-top:0}.wp-block-buttons{display:flex;align-items:center;flex-wrap:wrap}.wp-block-button a{text-decoration:none}.wp-block-button.alignleft a{float:left;margin-right:1.5rem}.wp-block-button.alignright a{float:right;margin-left:1.5rem}.wp-block-button+.wp-block-button{margin-left:1rem}.wp-block-columns{display:flex}.wp-block-columns.has-background{background-color:transparent}@media (max-width: 768px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex-basis:0;flex-grow:1;min-width:0}.wp-block-column[style*="flex-basis"]{flex-grow:0}.wp-block-columns.has-background .wp-block-column{padding:1rem;background-color:var(--bgColor)}@media (min-width: 769px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 768px){.wp-block-column{flex-basis:100% !important;width:100%}.wp-block-column+.wp-block-column{margin-top:1.5rem}}.wp-block-media-text{display:grid;grid-row-gap:var(--gridGap);grid-column-gap:var(--gridGap)}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:var(--gRadius)}@media (min-width: 481px){.wp-block-media-text{grid-template-areas:"media text";grid-template-columns:6fr 6fr}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"text media"}}@media (max-width: 480px){.wp-block-media-text{grid-template-areas:"media" "text";grid-template-columns:repeat(1, 1fr)}}.wp-block-media-text__media{grid-area:media;margin-bottom:0}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:var(--gRadius)}.is-image-fill .wp-block-media-text__media img{display:none}}@media (max-width: 480px){.is-image-fill .wp-block-media-text__media{background-image:none !important}}.wp-block-media-text__content{grid-area:text}.wp-block-spacer{margin-top:0;margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid var(--bgColor);margin:2.5rem auto;padding:0;width:120px;line-height:1}.wp-block-separator.is-style-wide{width:var(--siteWidth)}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;background-color:transparent;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:var(--codeFontFamily);font-size:var(--largeFontSize);letter-spacing:1.5rem;color:var(--bgColor, var(--text))}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{display:flex;justify-content:center;position:relative}.wp-has-aspect-ratio .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{content:"";display:block;width:100%}.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{padding-top:42.85%}.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before{padding-top:50%}.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before{padding-top:56.25%}.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before{padding-top:75%}.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before{padding-top:100%}.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before{padding-top:66.667%}.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before{padding-top:200%}.wp-has-aspect-ratio iframe,.wp-block-embed-wordpress iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}.wp-block-h-faq{--faqTitleBg: #e5e5e5;--faqTitleColor: inherit;border:2px solid var(--faqTitleBg);border-radius:var(--gRadius)}.h-faq-question{display:flex;align-items:center;cursor:pointer;padding:0.75rem 1rem;background-color:var(--faqTitleBg);font-size:var(--h5Size);color:var(--faqTitleColor);line-height:1;transition:var(--gTransition)}.h-faq-question:hover{opacity:.8}.h-faq-question:active{transition:none;box-shadow:var(--shadow0);transform:translateY(1px)}.h-faq-question::-webkit-details-marker{display:none}.h-faq-question::before{content:"+";display:inline-block;margin-right:0.75rem;font-family:var(--codeFontFamily)}[open] .h-faq-question::before{content:"-"}[open] .h-faq-question{opacity:1}.h-faq-question::-webkit-details-marker{margin-right:0.5rem;font-size:var(--smallFontSize)}.h-faq-answer{padding:1rem 1.5rem}.h-faq-answer p+p{margin-top:1rem}.grunion-field-wrap{position:relative;margin-bottom:1rem}.grunion-field-wrap .grunion-field-label{cursor:pointer;margin-bottom:0.25rem;font-weight:700;font-size:var(--smallFontSize);color:rgba(0,0,0,0.5)}.grunion-field-wrap span{display:inline-block;margin-left:0.5rem;text-transform:initial;font-weight:400;color:var(--red)}.grunion-field-wrap textarea{max-height:8rem}body[class^="paged-"] #infinite-footer{display:none}.infinite-loader{margin-top:2rem;margin-bottom:2rem}.infinite-loader .spinner{left:50% !important;transform:translateX(-50%)}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;white-space:nowrap;font-size:var(--fontSize);font-family:var(--fontFamily);letter-spacing:0.05em;text-transform:uppercase}.sharedaddy .sd-title::before{display:none}.sharedaddy .sd-button{text-decoration:none}.sharedaddy .sd-content ul{display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sharedaddy .sd-content li{display:flex;align-items:center;padding:0 0.25rem;margin-bottom:0.5rem}.sharedaddy .sd-content li:not([class]),.sharedaddy .sd-content li.share-end{padding:0}.sd-button{--color: #333333;display:inline-block;overflow:hidden;border:1px solid;border-bottom-width:2px;border-radius:var(--gRadius);color:var(--color)}.sd-button:hover{color:var(--color);box-shadow:var(--shadow1)}.sd-button:active{border-top-width:2px;border-bottom-width:1px;transition:none}.sd-button span{display:flex;align-items:center}.sd-button svg{max-height:1rem}.sd-button b{margin-left:0.25rem;font-weight:var(--fontWeight)}.sd-button path,.sd-button circle{fill:var(--color)}.sd-social-icon-text .sd-button,.sd-social-text .sd-button{padding:0px 10px 2px}.sd-social-icon .sd-button{padding:9px 10px;border-radius:50%}.sd-social-icon .sd-button.share-more::before{margin-right:0.25rem}.sd-social-icon .sd-button svg{max-height:1.5rem}.sd-button .sharing-screen-reader-text b{display:none}.sd-button.share-more{margin-left:0.25rem}.sd-social-icon .sd-button.share-more{padding-top:0;padding-bottom:0;border-radius:var(--gRadius)}.sd-social-icon-text .share-custom{padding-left:6px}.share-custom span{padding-left:1.25rem;background:left no-repeat;background-size:1em}.entry-breadcrumbs{margin-bottom:1rem}.entry-breadcrumbs [itemprop="itemListElement"]{display:inline-block;padding:0.25rem 0.5rem;background-color:var(--textInvert)}.entry-breadcrumbs [itemprop="itemListElement"]:nth-child(n+2)::before{content:"»";display:inline-block;transform:translateX(-0.5rem)}.entry-breadcrumbs [itemprop="name"]{display:inline-block;padding:0.25rem 0.5rem;border-radius:var(--gRadius);color:var(--textDim);text-transform:uppercase;letter-spacing:0.025em;transition:var(--gTransition)}.entry-breadcrumbs a:hover [itemprop="name"]{background-color:var(--mainLight);color:var(--main)}.entry-breadcrumbs a:active [itemprop="name"]{transition:none;transform:translateY(1px)}.entry-breadcrumbs .current-category [itemprop="name"]{color:var(--text)}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:white;box-shadow:var(--shadow1)}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:var(--smallFontSize)}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;border-width:1px;border-radius:var(--gRadius);text-align:center}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.2);border-color:var(--red);color:var(--red)}div.wpcf7 .wpcf7-mail-sent-ok,div.wpcf7 .wpcf7-mail-sent-ng{background-color:rgba(var(--greenRGB), 0.3);border-color:var(--green);color:var(--green)}.back-to-top{--offset: 1rem;position:fixed;bottom:var(--offset);display:flex;align-items:center;width:2.25rem;height:2.25rem;padding:0.5rem;background-color:var(--text);border-radius:var(--gRadius);box-shadow:var(--shadow1)}.back-to-top:hover{background-color:var(--main);box-shadow:var(--shadow2)}.back-to-top path{fill:var(--textInvert)}.back-to-top--align-right{right:var(--offset)}.back-to-top--align-left{left:var(--offset)}body.has-frame::before,body.has-frame::after{content:"";position:fixed;left:0;z-index:1000;width:100%;height:var(--frameSize);background-color:var(--frameColor)}body.has-frame::before{top:0}body.has-frame::after{bottom:0}body.has-frame #wpadminbar{background-color:var(--frameColor)}@media (min-width: 783px){body.has-frame.admin-bar::before{display:none}}body.has-frame #main-container{padding:var(--frameSize)}body.has-frame #main-container::before,body.has-frame #main-container::after{content:"";position:fixed;top:0;z-index:1000;width:var(--frameSize);height:100%;background-color:var(--frameColor)}body.has-frame #main-container::before{left:0}body.has-frame #main-container::after{right:0}@media (min-width: 783px){body.has-frame.admin-bar #main-container{padding-top:0}} diff --git a/assets/css/blog.css b/assets/css/blog.css index ad04512..ca2693b 100644 --- a/assets/css/blog.css +++ b/assets/css/blog.css @@ -1,4 +1,4 @@ -/*! +/*! EDJE Functional Sass v3.1.0 Documentation: https://github.com/hrsetyono/edje/wiki -*/.post-column{grid-column:span 12;padding-top:var(--groupSpacing);padding-bottom:var(--groupSpacing)}.post-column>*+*{margin-top:var(--groupSpacing)}.post-column--has-sidebar{--blogWidth: 100%;grid-column:span 8}@media (max-width: 768px){.post-column--has-sidebar{grid-column:span 12}}.post-title h1,.post-title h2{margin-bottom:0.5rem}.post-hero{display:flex;align-items:flex-end;position:relative;min-height:250px;padding-bottom:2rem;background-color:var(--postHeroBg)}.post-hero picture{position:absolute;top:0;right:0;bottom:0;left:0}.post-hero picture::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-color:rgba(255,255,255,0.5)}.hero-column{position:relative;z-index:10;grid-column:span 8}.hero-column--narrow{grid-column:span 12}.hero-column--narrow>*{max-width:var(--blogWidth);margin-right:auto;margin-left:auto}.post-meta{--metaGap: 0.5rem;display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;color:var(--textDim);font-size:var(--smallFontSize)}.post-meta>*{display:inline-block;margin-right:0.75rem;margin-bottom:0.25rem}.post-meta>*:last-child{margin-right:0}.post-meta a{display:inline-block;color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta a:active{transition:none;transform:translateY(1px)}.post-meta i::before{width:1em;height:1em;font-size:1rem;vertical-align:middle;transform:translateY(-2px)}.post-title .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid rgba(0,0,0,0.2);border-bottom:2px solid rgba(0,0,0,0.2)}.post-hero .post-meta{color:var(--text)}.post-archive .post-meta:last-child{margin-top:auto}.meta-categories a,.meta-tags a{display:inline-block;padding:0 0.375rem;background-color:var(--buttonBg);border-radius:var(--gRadius);color:var(--buttonColor)}.meta-categories a:hover,.meta-tags a:hover{background-color:var(--buttonBgHover);color:var(--buttonColorHover)}.meta-categories{--buttonBg: var(--mainLight);--buttonBgHover: var(--mainLight);--buttonColor: var(--text);--buttonColorHover: var(--text);margin-right:0.25rem}.meta-categories a{text-transform:uppercase;letter-spacing:0.025em}.meta-tags{--buttonBg: rgba(var(--textRGB), 0.075);--buttonBgHover: rgba(var(--textRGB), 0.15);--buttonColor: var(--textDim);--buttonColorHover: var(--text)}.featured-image{display:flex;align-items:center;padding:0}.featured-image picture{overflow:hidden;max-width:none}.featured-image img{margin-right:auto;margin-left:auto}.featured-image--narrow picture{width:var(--blogWidth);border-radius:var(--gRadius)}.featured-image--narrow .image-fit--custom{--fitHeight: var(--postImageHeight)}.featured-image--wide .image-fit,.featured-image--full .image-fit{--fitHeight: var(--postImageHeight)}.featured-image--wide picture{width:calc(var(--blogWidth) + 200px);max-width:100%}.featured-image--full picture{width:100%}.post-author{max-width:var(--blogWidth);margin-right:auto;margin-left:auto;padding:1rem;background-color:var(--textInvert);box-shadow:0px 50px 90px rgba(210,213,218,0.4)}body.archive .post-author{background-color:transparent;margin-bottom:2rem;box-shadow:none}.post-author a:active{transition:none;transform:translateY(1px)}@media (min-width: 481px){.post-author{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1.5rem;grid-row-gap:0.5rem}}.author-avatar{grid-row:span 2}.author-avatar img{border-radius:50%;background-color:var(--siteBackgroundColor);height:4em;width:4em;box-shadow:var(--shadow1)}@media (max-width: 480px){.author-avatar{float:right}}.author-bio{grid-column:2 / span 1;font-size:var(--smallFontSize)}.author-bio *+*{margin-top:0.5rem}.author-bio a{display:inline-block;color:inherit;text-decoration:none}.author-bio a:hover{color:inherit;text-decoration:underline}.author-bio label{margin-bottom:-0.5rem;color:var(--textDim)}.author-bio h5,.author-bio h6{text-transform:uppercase;letter-spacing:0.025em}.author-links{--linkColor: var(--textDim);display:flex;flex-wrap:wrap;grid-column:2 / span 1;margin:0.5rem -0.5rem 0;font-size:var(--smallFontSize)}.author-links a{display:flex;align-items:center;padding:0 0.5rem}.author-links a:hover{--linkColor: var(--main)}.author-links svg{width:1rem;margin-right:0.25rem}.author-links path{fill:var(--linkColor);transition:var(--gTransition)}.post-nav{display:flex;max-width:var(--blogWidth);margin-right:auto;margin-left:auto}.post-nav a{display:flex;flex:1;align-items:center;padding:0.5rem 0}.post-nav a:hover{opacity:.75}.post-nav a:active{transition:none;transform:translateY(1px)}.post-nav img{width:70px;height:70px;margin-right:0.5rem;background-color:var(--textDim);border-radius:50%}.post-nav span{flex:1;font-weight:var(--hFontWeight)}.post-nav em{display:block;text-transform:uppercase;font-size:var(--xsmallFontSize);font-style:normal;font-weight:400}@media (max-width: 480px){.post-nav{flex-wrap:wrap}.post-nav a{flex:auto;width:100%}}.nav-next{flex-direction:row-reverse;text-align:right}.nav-next img{margin-right:0;margin-left:0.5rem}.related-posts{--blogWidth: var(--siteWidth);--postsPerRow: 3;padding-top:2rem;padding-bottom:2rem;background-color:var(--postRelatedBg)}.related-posts .related-title{margin-bottom:2rem;font-weight:var(--fontWeight)}.related-posts .post-archive{background-color:var(--siteBackgroundColor)}@media (max-width: 960px){.related-posts{--postsPerRow: 2}}@media (max-width: 768px){.related-posts{--padding: 2rem}}@media (max-width: 480px){.related-posts{--postsPerRow: 1}}.post-comments{padding:0 calc( var(--gridGap) / 2)}.post-comments ul{list-style-type:none}.post-comments h4{margin-bottom:1rem;text-align:center}.comments-list{padding-left:0;margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:white;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius)}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:var(--smallFontSize);color:var(--textDim)}.comment-text p+p{margin-top:1rem}.replies-list{margin-top:1.5rem;padding-left:1.25rem;border-left:2px solid rgba(0,0,0,0.1)}.replies-list .comment{font-size:var(--smallFontSize)}.replies-list>li+li{margin-top:1.5rem}.replies-list header{margin-bottom:0.5rem}.replies-list p+p{margin-top:0.5rem}a.comment-reply-link{position:absolute;top:5px;right:0;padding-right:0.5rem;padding-left:0.5rem;border-radius:var(--gRadius);background-color:rgba(var(--mainRGB), 0.1);font-size:var(--smallFontSize);font-weight:var(--hFontWeight);letter-spacing:0.05em;text-transform:uppercase}a.comment-reply-link:hover{background-color:rgba(var(--mainRGB), 0.25)}a.comment-reply-link:active{transition:none;transform:translateY(1px)}.comment-reply-title{display:none}.comment-respond{margin-bottom:2rem}.comments-list .comment-respond{width:110%;margin:0 -5%}.comment-form{display:flex;flex-wrap:wrap;padding:1rem;background-color:white;border-radius:var(--gRadius);box-shadow:var(--shadow0)}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--textDim);letter-spacing:0.05em;font-size:var(--smallFontSize)}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--textDim);font-size:var(--smallFontSize)}.comment-form:not(.--active){padding:0}.comment-form:not(.--active) :not(.comment-form-comment){overflow:hidden;height:0;margin:0}.comment-form-comment label{display:none}.comment-form-comment textarea{height:9rem}.comment-form:not(.--active) .comment-form-comment{margin:0}.comment-form:not(.--active) .comment-form-comment textarea{cursor:pointer;padding:1.5rem;border:0;background-color:rgba(var(--mainRGB), 0.1);height:4.5rem;box-shadow:none}.comment-form:not(.--active) .comment-form-comment textarea:hover{background-color:transparent}p.comment-form-author,p.comment-form-email{width:50%}@media (max-width: 480px){p.comment-form-author,p.comment-form-email{width:100%}}p.comment-form-author{padding-right:0.5rem}p.comment-form-email{padding-left:0.5rem}p.comment-form-url{display:none}p.comment-form-cookies-consent{flex-direction:row}p.comment-form-cookies-consent input{margin-top:2px;margin-right:0.5rem}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:flex-end;margin-bottom:0}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;white-space:nowrap;font-size:var(--fontSize);letter-spacing:0.05em;text-transform:uppercase}.sharedaddy .sd-title::before{display:none}.sharedaddy .sd-button{text-decoration:none}.sharedaddy .sd-content ul{display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sharedaddy .sd-content li{display:flex;align-items:center;padding:0 0.25rem;margin-bottom:0.5rem}.sd-button{--color: #333;--colorHover: rgba(51,51,51,0.2);display:inline-block;overflow:hidden;border:1px solid var(--color);border-bottom-width:2px;border-radius:var(--gRadius);color:var(--color)}.sd-button:hover{color:var(--color);background-color:var(--colorHover)}.sd-button:active{border-top-width:2px;border-bottom-width:1px;transition:none}.sd-social-icon-text .sd-button,.sd-social-text .sd-button{padding:0px 10px 2px}.sd-social-icon .sd-button{padding:4px 10px;border-radius:50%}.sd-social-icon .sd-button.share-more{padding-top:0;padding-bottom:0;border-radius:var(--gRadius)}.sd-social-icon .sd-button.share-more::before{margin-right:0.25rem}.sd-button span{vertical-align:middle}.sd-button .sharing-screen-reader-text{display:none}.sd-button::before{content:"";display:inline-block;position:relative;top:1px;vertical-align:middle;line-height:1;text-align:center;font-family:'social-logos';font-size:18px}.sd-social-official .sd-button::before{top:-2px}.sd-social-icon .sd-button::before{top:0;font-size:20px}.sd-social-icon-text .sd-button::before{margin-right:0.25rem}.sd-button.share-twitter{--color: #21a1f3;--colorHover: rgba(33,161,243,0.2)}.sd-social-icon-text .sd-button.share-twitter::before,.sd-social-icon .sd-button.share-twitter::before{content:""}.sd-button.share-facebook{--color: #1977f2;--colorHover: rgba(25,119,242,0.2)}.sd-social-icon-text .sd-button.share-facebook::before,.sd-social-icon .sd-button.share-facebook::before{content:""}.sd-button.share-pinterest{--color: #e60122;--colorHover: rgba(230,1,34,0.2)}.sd-social-icon-text .sd-button.share-pinterest::before,.sd-social-icon .sd-button.share-pinterest::before{content:""}.sd-button.share-jetpack-whatsapp{--color: #25d366;--colorHover: rgba(37,211,102,0.2)}.sd-social-icon-text .sd-button.share-jetpack-whatsapp::before,.sd-social-icon .sd-button.share-jetpack-whatsapp::before{content:""}.sd-button.share-skype{--color: #0478d7;--colorHover: rgba(4,120,215,0.2)}.sd-social-icon-text .sd-button.share-skype::before,.sd-social-icon .sd-button.share-skype::before{content:""}.sd-button.share-pocket{--color: #ef4155;--colorHover: rgba(239,65,85,0.2)}.sd-social-icon-text .sd-button.share-pocket::before,.sd-social-icon .sd-button.share-pocket::before{content:""}.sd-button.share-linkedin{--color: #0577b5;--colorHover: rgba(5,119,181,0.2)}.sd-social-icon-text .sd-button.share-linkedin::before,.sd-social-icon .sd-button.share-linkedin::before{content:""}.sd-button.share-reddit{--color: #fe4500;--colorHover: rgba(254,69,0,0.2)}.sd-social-icon-text .sd-button.share-reddit::before,.sd-social-icon .sd-button.share-reddit::before{content:""}.sd-button.share-tumblr{--color: #011835;--colorHover: rgba(1,24,53,0.2)}.sd-social-icon-text .sd-button.share-tumblr::before,.sd-social-icon .sd-button.share-tumblr::before{content:""}.sd-button.share-telegram{--color: #08c;--colorHover: rgba(0,136,204,0.2)}.sd-social-icon-text .sd-button.share-telegram::before,.sd-social-icon .sd-button.share-telegram::before{content:""}.sd-button.share-youtube{--color: #ff0100;--colorHover: rgba(255,1,0,0.2)}.sd-social-icon-text .sd-button.share-youtube::before,.sd-social-icon .sd-button.share-youtube::before{content:""}.sd-button.share-instagram{--color: #f00075;--colorHover: rgba(240,0,117,0.2)}.sd-social-icon-text .sd-button.share-instagram::before,.sd-social-icon .sd-button.share-instagram::before{content:""}.sd-social-icon-text .sd-button.share-print::before,.sd-social-icon .sd-button.share-print::before{content:""}.sd-social-icon-text .sd-button.share-more::before,.sd-social-icon .sd-button.share-more::before{content:""}.sd-social-icon-text .share-custom{padding-left:6px}.share-custom span{padding-left:1.25rem;background:left no-repeat;background-size:1em}.archive-column{grid-column:span 12;padding-top:2rem;padding-bottom:2rem}.archive-column>*+*{margin-top:2rem}@media (min-width: 769px){.archive-column--has-sidebar{grid-column:span 8}}.sidebar{order:1;grid-column:span 4;align-self:flex-start;display:grid;grid-template-columns:1fr;grid-row-gap:2rem;grid-column-gap:2rem;padding-top:2rem;padding-left:3rem}.sidebar .widget{grid-column:span 1;list-style-type:none}.sidebar .widget *+*{margin-top:0.5rem}.sidebar .widgettitle{font-size:var(--h4Size)}@media (max-width: 960px){.sidebar{padding-left:1.5rem}}@media (max-width: 768px){.sidebar{order:1;grid-column:span 12;grid-template-columns:repeat(2, minmax(0, 1fr));padding-top:0;padding-left:0;margin-bottom:2rem}}@media (max-width: 480px){.sidebar{grid-template-columns:auto}}.archive-header{position:relative}.archive-header h1,.archive-header h2,.archive-header p{margin-bottom:1rem}.archive-header a:hover{text-decoration:underline}.author .archive-header small{display:block;font-size:1rem;font-weight:var(--fontWeight)}.author .archive-header img{float:right;width:70px;border-radius:var(--gRadius)}.post-archives{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-column-gap:1rem;grid-row-gap:1rem;padding-left:0;list-style-type:none}.post-archives a:active{transition:none;transform:translateY(1px)}@media (max-width: 960px){.post-archives{--archivePadding: 1rem}}.archive-column--no-sidebar .post-archives--default{max-width:var(--blogWidth);margin:0 auto}.post-archives--grid{grid-template-columns:repeat(var(--postsPerRow, 3), minmax(0, 1fr))}.post-archive{overflow:hidden;display:flex;flex-direction:column;flex-wrap:wrap;position:relative;background-color:var(--archiveBg);padding:var(--archivePadding);border-radius:var(--gRadius);box-shadow:var(--shadow0)}.post-archive>*{margin-bottom:var(--archivePadding)}.post-archive>*:last-child{margin-bottom:0}.post-archive a{text-decoration:none}.post-archive h3{font-size:var(--h5Size)}.post-archive h3 a{display:block}.post-archive h3 a:hover{text-decoration:underline;color:var(--linkColorHover)}.post-archive p{font-size:var(--smallFontSize)}.post-archive .button{align-self:flex-start;justify-self:flex-start}@media (min-width: 481px){.post-archives--default .post-archive{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:auto 1fr;grid-column-gap:var(--archivePadding);padding-left:0}.post-archives--default .post-archive>*{order:2;grid-column:2 / span 1}}.archive-figure{--margin: calc(-1 * var(--archivePadding));width:calc( 100% + var(--archivePadding) + var(--archivePadding));margin-right:var(--margin);margin-left:var(--margin)}.archive-figure:first-child{margin-top:var(--margin)}.archive-figure:hover img{opacity:.8;transform:scale(1.05)}.archive-figure img{transition:var(--gTransition)}.archive-figure.image-fit--custom{--fitHeight: var(--archiveImageHeight)}@media (min-width: 481px){.post-archives--default .archive-figure{order:1;grid-row:span 5;grid-column:span 1;min-width:200px;width:100%;height:calc( 100% + var(--archivePadding) + var(--archivePadding));margin:var(--margin) 0}}.pagination{display:flex;justify-content:center;color:var(--textDim);font-size:var(--smallFontSize)}.pagination a,.pagination select{display:flex;align-items:center;cursor:pointer;background-color:transparent;border:2px solid var(--textDim);border-radius:0;width:auto;color:var(--textDim);-webkit-appearance:none;appearance:none}.pagination a:hover,.pagination select:hover{background-color:rgba(var(--textRGB), 0.1)}.pagination a:active,.pagination select:active{transition:none;transform:translateY(1px)}.pagination select{padding-right:1rem;padding-left:1rem;font-weight:var(--hFontWeight);text-transform:uppercase}.pagination a{padding-right:0.25rem;padding-left:0.25rem}.pagination a:nth-of-type(1){border-right:0;border-top-left-radius:var(--gRadius);border-bottom-left-radius:var(--gRadius)}.pagination a:nth-of-type(2){border-left:0;border-top-right-radius:var(--gRadius);border-bottom-right-radius:var(--gRadius)}.pagination path{fill:rgba(var(--textDimRGB), 0.7)}.pagination a:not([href]){visibility:hidden;opacity:0} +*/.post-column{grid-column:span 12;padding-top:var(--groupSpacing);padding-bottom:var(--groupSpacing)}.post-column>*+*{margin-top:var(--groupSpacing)}.the-content ~ *{max-width:var(--blogWidth);margin-left:auto;margin-right:auto}.post-column--has-sidebar{--blogWidth: 100%;grid-column:span 8}@media (max-width: 768px){.post-column--has-sidebar{grid-column:span 12}}.post-title h1,.post-title h2{margin-bottom:0.5rem}.post-hero{display:flex;align-items:flex-end;position:relative;min-height:250px;padding-bottom:2rem;background-color:var(--postHeroBg)}.post-hero picture{position:absolute;top:0;right:0;bottom:0;left:0}.post-hero picture::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-color:rgba(255,255,255,0.5)}.hero-column{position:relative;z-index:10;grid-column:span 8}.hero-column--narrow{grid-column:span 12}.hero-column--narrow>*{max-width:var(--blogWidth);margin-right:auto;margin-left:auto}.post-meta{--metaGap: 0.5rem;display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;color:var(--textDim);font-size:var(--smallFontSize)}.post-meta>*{display:inline-block;margin-right:0.75rem;margin-bottom:0.25rem}.post-meta>*:last-child{margin-right:0}.post-meta a{display:inline-block;color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta a:active{transition:none;transform:translateY(1px)}.post-meta i::before{width:1em;height:1em;font-size:1rem;vertical-align:middle;transform:translateY(-2px)}.post-title .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid rgba(0,0,0,0.2);border-bottom:2px solid rgba(0,0,0,0.2)}.post-hero .post-meta{color:var(--text)}.post-archive .post-meta:last-child{margin-top:auto}.meta-categories a,.meta-tags a{display:inline-block;padding:0 0.375rem;background-color:var(--buttonBg);border-radius:var(--gRadius);color:var(--buttonColor)}.meta-categories a:hover,.meta-tags a:hover{background-color:var(--buttonBgHover);color:var(--buttonColorHover)}.meta-categories{--buttonBg: var(--mainLight);--buttonBgHover: var(--mainLight);--buttonColor: var(--text);--buttonColorHover: var(--text);margin-right:0.25rem}.meta-categories a{text-transform:uppercase;letter-spacing:0.025em}.meta-tags{--buttonBg: rgba(var(--textRGB), 0.075);--buttonBgHover: rgba(var(--textRGB), 0.15);--buttonColor: var(--textDim);--buttonColorHover: var(--text)}.featured-image{display:flex;align-items:center;padding:0}.featured-image picture{overflow:hidden;max-width:none}.featured-image img{margin-right:auto;margin-left:auto}.featured-image--narrow picture{width:var(--blogWidth);border-radius:var(--gRadius)}.featured-image--narrow .image-fit--custom{--fitHeight: var(--postImageHeight)}.featured-image--wide .image-fit,.featured-image--full .image-fit{--fitHeight: var(--postImageHeight)}.featured-image--wide picture{width:calc(var(--blogWidth) + 200px);max-width:100%}.featured-image--full picture{width:100%}.post-author{padding:1rem;background-color:var(--textInvert);box-shadow:0px 50px 90px rgba(210,213,218,0.4)}body.archive .post-author{background-color:transparent;margin-bottom:2rem;box-shadow:none}.post-author a:active{transition:none;transform:translateY(1px)}@media (min-width: 481px){.post-author{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1.5rem;grid-row-gap:0.5rem}}.author-avatar{grid-row:span 2}.author-avatar img{border-radius:50%;background-color:var(--siteBackgroundColor);height:4em;width:4em;box-shadow:var(--shadow1)}@media (max-width: 480px){.author-avatar{float:right}}.author-bio{grid-column:2 / span 1;font-size:var(--smallFontSize)}.author-bio *+*{margin-top:0.5rem}.author-bio a{display:inline-block;color:inherit;text-decoration:none}.author-bio a:hover{color:inherit;text-decoration:underline}.author-bio label{margin-bottom:-0.5rem;color:var(--textDim)}.author-bio h5,.author-bio h6{text-transform:uppercase;letter-spacing:0.025em}.author-links{--linkColor: var(--textDim);display:flex;flex-wrap:wrap;grid-column:2 / span 1;margin:0.5rem -0.5rem 0;font-size:var(--smallFontSize)}.author-links a{display:flex;align-items:center;padding:0 0.5rem}.author-links a:hover{--linkColor: var(--main)}.author-links svg{width:1rem;margin-right:0.25rem}.author-links path{fill:var(--linkColor);transition:var(--gTransition)}.post-nav{display:flex}.post-nav a{display:flex;flex:1;align-items:center;padding:0.5rem 0;color:var(--text)}.post-nav a:hover{opacity:.75}.post-nav a:hover span{text-decoration:underline}.post-nav a:active{transition:none;transform:translateY(1px)}.post-nav img{width:70px;height:70px;margin-right:0.5rem;background-color:var(--textDim);border-radius:50%}.post-nav p{flex:1;font-weight:var(--hFontWeight)}.post-nav em{display:block;text-transform:uppercase;font-size:var(--xsmallFontSize);font-style:normal;font-weight:400}.post-nav span{font-family:var(--hFontFamily)}@media (max-width: 480px){.post-nav{flex-wrap:wrap}.post-nav a{flex:auto;width:100%}}.nav-next{flex-direction:row-reverse;text-align:right}.nav-next img{margin-right:0;margin-left:0.5rem}.related-posts{--blogWidth: var(--siteWidth);--postsPerRow: 3;padding-top:2rem;padding-bottom:2rem;background-color:var(--postRelatedBg)}.related-posts .related-title{margin-bottom:2rem;font-weight:var(--fontWeight)}.related-posts .post-archive{background-color:var(--siteBackgroundColor)}@media (max-width: 960px){.related-posts{--postsPerRow: 2}}@media (max-width: 768px){.related-posts{--padding: 2rem}}@media (max-width: 480px){.related-posts{--postsPerRow: 1}}.post-comments{padding:0 calc( var(--gridGap) / 2);max-width:var(--blogWidth);margin-left:auto;margin-right:auto}.post-comments ul{list-style-type:none}.post-comments h4{margin-bottom:1rem;text-align:center}.comments-list{padding-left:0;margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:white;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius)}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:var(--smallFontSize);color:var(--textDim)}.comment-text p+p{margin-top:1rem}.replies-list{margin-top:1.5rem;padding-left:1.25rem;border-left:2px solid rgba(0,0,0,0.1)}.replies-list .comment{font-size:var(--smallFontSize)}.replies-list>li+li{margin-top:1.5rem}.replies-list header{margin-bottom:0.5rem}.replies-list p+p{margin-top:0.5rem}a.comment-reply-link{position:absolute;top:5px;right:0;padding-right:0.5rem;padding-left:0.5rem;border-radius:var(--gRadius);background-color:rgba(var(--mainRGB), 0.1);font-size:var(--smallFontSize);font-weight:var(--hFontWeight);letter-spacing:0.05em;text-transform:uppercase}a.comment-reply-link:hover{background-color:rgba(var(--mainRGB), 0.25)}a.comment-reply-link:active{transition:none;transform:translateY(1px)}.comment-reply-title{display:none}.comment-respond{margin-bottom:2rem}.comments-list .comment-respond{width:110%;margin:0 -5%}.comment-form{display:flex;flex-wrap:wrap;padding:1rem;background-color:white;border-radius:var(--gRadius);box-shadow:var(--shadow0)}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--textDim);letter-spacing:0.05em;font-size:var(--smallFontSize)}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--textDim);font-size:var(--smallFontSize)}.comment-form:not(.--active){padding:0}.comment-form:not(.--active) :not(.comment-form-comment){overflow:hidden;height:0;margin:0}.comment-form-comment label{display:none}.comment-form-comment textarea{height:9rem}.comment-form:not(.--active) .comment-form-comment{margin:0}.comment-form:not(.--active) .comment-form-comment textarea{cursor:pointer;padding:1.5rem;border:0;background-color:rgba(var(--mainRGB), 0.1);height:4.5rem;box-shadow:none}.comment-form:not(.--active) .comment-form-comment textarea:hover{background-color:transparent}p.comment-form-author,p.comment-form-email{width:50%}@media (max-width: 480px){p.comment-form-author,p.comment-form-email{width:100%}}p.comment-form-author{padding-right:0.5rem}p.comment-form-email{padding-left:0.5rem}p.comment-form-url{display:none}p.comment-form-cookies-consent{flex-direction:row}p.comment-form-cookies-consent input{margin-top:2px;margin-right:0.5rem}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:flex-end;margin-bottom:0}.archive-column{grid-column:span 12;padding-top:2rem;padding-bottom:2rem}.archive-column>*+*{margin-top:2rem}@media (min-width: 769px){.archive-column--has-sidebar{grid-column:span 8}}.sidebar{order:1;grid-column:span 4;align-self:flex-start;display:grid;grid-template-columns:1fr;grid-row-gap:2rem;grid-column-gap:2rem;padding-top:2rem;padding-left:3rem}.sidebar .widget{grid-column:span 1;list-style-type:none}.sidebar .widget *+*{margin-top:0.5rem}.sidebar .widgettitle{font-size:var(--h4Size)}@media (max-width: 960px){.sidebar{padding-left:1.5rem}}@media (max-width: 768px){.sidebar{order:1;grid-column:span 12;grid-template-columns:repeat(2, minmax(0, 1fr));padding-top:0;padding-left:0;margin-bottom:2rem}}@media (max-width: 480px){.sidebar{grid-template-columns:auto}}.archive-header{position:relative}.archive-header h1,.archive-header h2,.archive-header p{margin-bottom:1rem}.archive-header a:hover{text-decoration:underline}.author .archive-header small{display:block;font-size:1rem;font-weight:var(--fontWeight)}.author .archive-header img{float:right;width:70px;border-radius:var(--gRadius)}.post-archives{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-column-gap:1rem;grid-row-gap:1rem;padding-left:0;list-style-type:none}.post-archives a:active{transition:none;transform:translateY(1px)}@media (max-width: 960px){.post-archives{--archivePadding: 1rem}}.archive-column--no-sidebar .post-archives--default{max-width:var(--blogWidth);margin:0 auto}.post-archives--grid{grid-template-columns:repeat(var(--postsPerRow, 3), minmax(0, 1fr))}.post-archive{overflow:hidden;display:flex;flex-direction:column;flex-wrap:wrap;position:relative;background-color:var(--archiveBg);padding:var(--archivePadding);border-radius:var(--gRadius);box-shadow:var(--shadow0)}.post-archive>*{margin-bottom:var(--archivePadding)}.post-archive>*:last-child{margin-bottom:0}.post-archive a{text-decoration:none}.post-archive h3{font-size:var(--h5Size)}.post-archive h3 a{display:block;color:var(--text)}.post-archive h3 a:hover{text-decoration:underline;color:var(--linkColorHover)}.post-archive p{font-size:var(--smallFontSize)}.post-archive .button{align-self:flex-start;justify-self:flex-start}@media (min-width: 481px){.post-archives--default .post-archive{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:auto 1fr;grid-column-gap:var(--archivePadding);padding-left:0}.post-archives--default .post-archive>*{order:2;grid-column:2 / span 1}}.archive-figure{--margin: calc(-1 * var(--archivePadding));width:calc( 100% + var(--archivePadding) + var(--archivePadding));margin-right:var(--margin);margin-left:var(--margin)}.archive-figure:first-child{margin-top:var(--margin)}.archive-figure:hover img{opacity:.8;transform:scale(1.05)}.archive-figure img{transition:var(--gTransition)}.archive-figure.image-fit--custom{--fitHeight: var(--archiveImageHeight)}@media (min-width: 481px){.post-archives--default .archive-figure{order:1;grid-row:span 5;grid-column:span 1;min-width:200px;width:100%;height:calc( 100% + var(--archivePadding) + var(--archivePadding));margin:var(--margin) 0}}.pagination{display:flex;justify-content:center;color:var(--textDim);font-size:var(--smallFontSize)}.pagination a,.pagination select{display:flex;align-items:center;cursor:pointer;background-color:transparent;border:2px solid var(--textDim);border-radius:0;width:auto;color:var(--textDim);-webkit-appearance:none;appearance:none}.pagination a:hover,.pagination select:hover{background-color:rgba(var(--textRGB), 0.1)}.pagination a:active,.pagination select:active{transition:none;transform:translateY(1px)}.pagination select{padding-right:1rem;padding-left:1rem;font-weight:var(--hFontWeight);text-transform:uppercase}.pagination a{padding-right:0.25rem;padding-left:0.25rem}.pagination a:nth-of-type(1){border-right:0;border-top-left-radius:var(--gRadius);border-bottom-left-radius:var(--gRadius)}.pagination a:nth-of-type(2){border-left:0;border-top-right-radius:var(--gRadius);border-bottom-right-radius:var(--gRadius)}.pagination path{fill:rgba(var(--textDimRGB), 0.7)}.pagination a:not([href]){visibility:hidden;opacity:0} diff --git a/assets/sass/_settings.scss b/assets/sass/_settings.scss index 7ea7f33..fc3c43a 100644 --- a/assets/sass/_settings.scss +++ b/assets/sass/_settings.scss @@ -55,51 +55,4 @@ $retina: "min-resolution: 192dpi"; // ASSET PATH - Relative to the /css folder // for image-url() and font-url() $image-url: '../images/'; -$font-url: '../fonts/'; - - -// For gutenberg's Social block -$social-colors: ( - amazon: #f90, - bandcamp: #1ea0c3, - behance: #0757fe, - chain: #f0f0f0, - codepen: #1e1f26, - deviantart: #02e49b, - dribbble: #e94c89, - dropbox: #4280ff, - etsy: #f45800, - facebook: #1977f2, - feed: #f0f0f0, - fivehundredpx: #000, - flickr: #0461dd, - foursquare: #e65678, - github: #24292d, - goodreads: #eceadd, - google: #ea4434, - instagram: #f00075, - lastfm: #e21b24, - linkedin: #0577b5, - line: #03c302, - mail: #f0f0f0, - mastodon: #3288d4, - medium: #02ab6c, - meetup: #f6405f, - pinterest: #e60122, - pocket: #ef4155, - reddit: #fe4500, - skype: #0478d7, - snapchat: #fefc00, - soundcloud: #ff5600, - spotify: #1bd760, - telegram: #08c, - tumblr: #011835, - twitch: #6440a4, - twitter: #21a1f3, - vimeo: #1eb7ea, - vk: #4680c2, - wordpress: #3499cd, - jetpack-whatsapp: #25d366, - yelp: #d32422, - youtube: #ff0100, -); \ No newline at end of file +$font-url: '../fonts/'; \ No newline at end of file diff --git a/assets/sass/app/_blocks-custom.sass b/assets/sass/app/_blocks-custom.sass index 1e0a067..27b6592 100644 --- a/assets/sass/app/_blocks-custom.sass +++ b/assets/sass/app/_blocks-custom.sass @@ -26,6 +26,18 @@ transition: none box-shadow: var(--shadow0) transform: translateY(1px) + + &::-webkit-details-marker + display: none + + &::before + content: "+" + display: inline-block + margin-right: 0.75rem + font-family: var(--codeFontFamily) + + [open] & + content: "-" [open] & opacity: 1 diff --git a/assets/sass/app/_blocks.sass b/assets/sass/app/_blocks.sass index 394eb15..20ad2cc 100644 --- a/assets/sass/app/_blocks.sass +++ b/assets/sass/app/_blocks.sass @@ -400,24 +400,6 @@ ul.blocks-gallery-grid display: block font-size: var(--smallFontSize) color: var(--textDim) - - &::after - content: "\f122" - display: flex - align-items: center - justify-content: center - - position: absolute - left: 0 - top: 0 - background-color: var(--siteBackgroundColor) - width: 2rem - height: 2rem - color: var(--text) - font-family: "dashicons" - border-radius: var(--gRadius) - transform: translateX(-50%) - &.is-style-large padding-top: 1rem @@ -444,31 +426,20 @@ ul.blocks-gallery-grid border-left: none border-right: 3px solid var(--text) - &::after - left: auto - right: 0 - transform: translateX(50%) - - &.has-text-align-center - padding-top: 0 + padding-top: 1.5rem padding-bottom: 0 border-left: none &::before content: "" - display: block - margin: 0 auto 2rem - height: 3px - width: 200px + position: absolute + top: 0 + width: 100px + height: 4px background-color: var(--text) - &::after - left: 0 - right: 0 - margin-right: auto - margin-left: auto - transform: translateY(-50%) - + transform: translateX(-50%) + ///// AUDIO @@ -535,7 +506,6 @@ ul.blocks-gallery-grid table width: 100% - tr background-color: var(--tableBg) thead tr, @@ -565,7 +535,7 @@ ul.blocks-gallery-grid // Table styles .wp-block-table &.is-style-stripes - tbody tr:nth-child(odd) + tbody tr:nth-child(even) background-color: var(--tableStripe) .has-fixed-layout @@ -578,22 +548,21 @@ ul.blocks-gallery-grid .has-subtle-light-gray-background-color --tableBorder: var(--textDim) --tableHeader: #{ h-rgba(--textDim, .1) } - --tableBg: #{ h-rgba(--textDim, .05) } .has-subtle-pale-green-background-color --tableBorder: var(--green) - --tableHeader: #{ h-rgba(--green, .1) } - --tableBg: #{ h-rgba(--green, .05) } + --tableHeader: #{ h-rgba(--green, .2) } + --tableStripe: #{ h-rgba(--green, .1) } .has-subtle-pale-blue-background-color --tableBorder: var(--blue) - --tableHeader: #{ h-rgba(--blue, .1) } - --tableBg: #{ h-rgba(--blue, .05) } + --tableHeader: #{ h-rgba(--blue, .2) } + --tableStripe: #{ h-rgba(--blue, .1) } .has-subtle-pale-pink-background-color --tableBorder: var(--red) - --tableHeader: #{ h-rgba(--red, .1) } - --tableBg: #{ h-rgba(--red, .05) } + --tableHeader: #{ h-rgba(--red, .2) } + --tableStripe: #{ h-rgba(--red, .1) } @@ -822,76 +791,84 @@ code ///// SOCIAL LINKS - -ul.wp-block-social-links - display: flex - justify-content: flex-start - flex-wrap: wrap - padding-left: 0 - list-style-type: none - - &.aligncenter - justify-content: center - -.wp-social-link a - display: flex - align-items: center - justify-content: center - - margin-right: 0.75rem - margin-bottom: 0.75rem - width: 42px - height: 42px - border: 1px solid rgba(black, .2) - border-bottom-width: 2px - border-radius: var(--gRadius) +// By default it's disabled - you can enable it via filter `h_disallowed_blocks` + +// ul.wp-block-social-links +// display: flex +// justify-content: flex-start +// flex-wrap: wrap +// padding-left: 0 +// list-style-type: none + +// &.aligncenter +// justify-content: center + +// .wp-social-link a +// display: flex +// align-items: center +// justify-content: center + +// margin-right: 0.75rem +// margin-bottom: 0.75rem +// width: 42px +// height: 42px +// border: 1px solid rgba(black, .2) +// border-bottom-width: 2px +// border-radius: var(--gRadius) - background-color: var(--color) - line-height: 0 - - transition: var(--gTransition) - will-change: opacity - - &:hover - opacity: .7 - &:active - border-top-width: 2px - border-bottom-width: 1px - transition: none - - .is-style-logos-only & - background-color: transparent - border-color: transparent - margin-right: 0.5rem - - svg - fill: var(--color) - &:hover - border-color: rgba(black, .2) - - .is-style-pill-shape & - border-radius: 50px - padding-left: 1rem - padding-right: 1rem - width: auto - -.wp-social-link svg - width: 28px - height: 28px - fill: white +// background-color: var(--color) +// line-height: 0 + +// transition: var(--gTransition) +// will-change: opacity + +// &:hover +// opacity: .7 +// &:active +// border-top-width: 2px +// border-bottom-width: 1px +// transition: none + +// .is-style-logos-only & +// background-color: transparent +// border-color: transparent +// margin-right: 0.5rem + +// svg +// fill: var(--color) +// &:hover +// border-color: rgba(black, .2) + +// .is-style-pill-shape & +// border-radius: 50px +// padding-left: 1rem +// padding-right: 1rem +// width: auto + +// .wp-social-link svg +// width: 28px +// height: 28px +// fill: white -// color -@each $name, $color in $social-colors - .wp-social-link-#{ $name } - --color: #{ $color } - -.wp-social-link-goodreads, -.wp-social-link-chain, -.wp-social-link-feed, -.wp-social-link-mail - svg - fill: #382110 - -.wp-social-link-snapchat - stroke: black \ No newline at end of file +// .wp-social-link-goodreads, +// .wp-social-link-chain, +// .wp-social-link-feed, +// .wp-social-link-mail +// svg +// fill: #382110 + +// $social-colors: ( amazon: #f90, bandcamp: #1ea0c3, behance: #0757fe, chain: #f0f0f0, codepen: #1e1f26, deviantart: #02e49b, dribbble: #e94c89, dropbox: #4280ff, etsy: #f45800, facebook: #1977f2, feed: #f0f0f0, fivehundredpx: #000, flickr: #0461dd, foursquare: #e65678, github: #24292d, goodreads: #eceadd, google: #ea4434, instagram: #f00075, lastfm: #e21b24, linkedin: #0577b5, line: #03c302, mail: #f0f0f0, mastodon: #3288d4, medium: #02ab6c, meetup: #f6405f, pinterest: #e60122, pocket: #ef4155, reddit: #fe4500, skype: #0478d7, snapchat: #fefc00, soundcloud: #ff5600, spotify: #1bd760, telegram: #08c, tumblr: #011835, twitch: #6440a4, twitter: #21a1f3, vimeo: #1eb7ea, vk: #4680c2, wordpress: #3499cd, jetpack-whatsapp: #25d366, yelp: #d32422, youtube: #ff0100) +// @each $name, $color in $social-colors +// .wp-social-link-#{ $name } +// --color: #{ $color } + +// .wp-social-link-goodreads, +// .wp-social-link-chain, +// .wp-social-link-feed, +// .wp-social-link-mail +// svg +// fill: #382110 + +// .wp-social-link-snapchat +// stroke: black \ No newline at end of file diff --git a/assets/sass/app/_jetpack.sass b/assets/sass/app/_jetpack.sass index 8fc4a3e..9375f8d 100644 --- a/assets/sass/app/_jetpack.sass +++ b/assets/sass/app/_jetpack.sass @@ -1,3 +1,128 @@ +///// INFINITE SCROLL + +body[class^="paged-"] #infinite-footer + display: none // if infinite-footer is turned on (in theme_support), hide it in paged list. + +.infinite-loader + margin-top: 2rem + margin-bottom: 2rem + + .spinner + left: 50% !important + transform: translateX(-50%) + + +///// SHARING + +.sharedaddy + + .share-end + display: none + + .sd-title + margin-bottom: 1rem + white-space: nowrap + font-size: var(--fontSize) + font-family: var(--fontFamily) + letter-spacing: 0.05em + text-transform: uppercase + + &::before + display: none + + .sd-button + text-decoration: none + +.sharedaddy .sd-content + ul + display: flex + flex-wrap: wrap + list-style-type: none + padding-left: 0 + margin: 0 -4px + + li + display: flex + align-items: center + padding: 0 0.25rem + margin-bottom: 0.5rem + + li:not([class]), + li.share-end + padding: 0 + + +// Button +.sd-button + --color: #333333 + + display: inline-block + overflow: hidden + border: 1px solid + border-bottom-width: 2px + border-radius: var(--gRadius) + color: var(--color) + + &:hover + color: var(--color) + box-shadow: var(--shadow1) + + &:active + border-top-width: 2px + border-bottom-width: 1px + transition: none + + span + display: flex + align-items: center + svg + max-height: 1rem + b + margin-left: 0.25rem + font-weight: var(--fontWeight) + path, + circle + fill: var(--color) + + .sd-social-icon-text &, + .sd-social-text & + padding: 0px 10px 2px + + .sd-social-icon & + padding: 9px 10px + border-radius: 50% + + &.share-more::before + margin-right: 0.25rem + + svg + max-height: 1.5rem + + .sharing-screen-reader-text b + display: none + + // more button + &.share-more + margin-left: 0.25rem + + // stays as box even when style is Icon Only + .sd-social-icon & + padding-top: 0 + padding-bottom: 0 + border-radius: var(--gRadius) + + + +// Custom button +.share-custom + .sd-social-icon-text & + padding-left: 6px + span + padding-left: 1.25rem + background: left no-repeat + background-size: 1em + + ///// BREADCRUMB .entry-breadcrumbs diff --git a/assets/sass/blog/_archive.sass b/assets/sass/blog/_archive.sass index 44d8e78..3a46e49 100644 --- a/assets/sass/blog/_archive.sass +++ b/assets/sass/blog/_archive.sass @@ -129,6 +129,7 @@ font-size: var(--h5Size) h3 a display: block + color: var(--text) h3 a:hover text-decoration: underline color: var(--linkColorHover) diff --git a/assets/sass/blog/_single.sass b/assets/sass/blog/_single.sass index 3b5a42b..263485f 100644 --- a/assets/sass/blog/_single.sass +++ b/assets/sass/blog/_single.sass @@ -11,6 +11,12 @@ $output-infinite-scroll: false > * + * margin-top: var(--groupSpacing) +.the-content ~ * + max-width: var(--blogWidth) + margin-left: auto + margin-right: auto + + .post-column--has-sidebar --blogWidth: 100% grid-column: span 8 @@ -26,6 +32,7 @@ $output-infinite-scroll: false h1, h2 margin-bottom: 0.5rem + // Banner Title .post-hero @@ -190,9 +197,6 @@ $output-infinite-scroll: false ///// SINGLE AUTHOR .post-author - max-width: var(--blogWidth) - margin-right: auto - margin-left: auto padding: 1rem background-color: var(--textInvert) box-shadow: 0px 50px 90px rgba(210, 213, 218, 0.4) @@ -288,18 +292,18 @@ $output-infinite-scroll: false .post-nav display: flex - max-width: var(--blogWidth) - margin-right: auto - margin-left: auto a display: flex flex: 1 align-items: center padding: 0.5rem 0 + color: var(--text) a:hover opacity: .75 + span + text-decoration: underline a:active transition: none transform: translateY(1px) @@ -311,7 +315,7 @@ $output-infinite-scroll: false background-color: var(--textDim) border-radius: 50% - span + p flex: 1 font-weight: var(--hFontWeight) @@ -323,6 +327,9 @@ $output-infinite-scroll: false font-style: normal font-weight: 400 + span + font-family: var(--hFontFamily) + // @media ($below-xs) flex-wrap: wrap @@ -374,6 +381,9 @@ $output-infinite-scroll: false .post-comments padding: 0 calc( var(--gridGap) / 2 ) + max-width: var(--blogWidth) + margin-left: auto + margin-right: auto ul list-style-type: none @@ -605,131 +615,3 @@ p.form-submit background-color: white padding-right: 2rem padding-left: 2rem - - -///// INFINITE SCROLL (Jetpack) - -@if $output-infinite-scroll - body[class^="paged-"] #infinite-footer - display: none // if infinite-footer is turned on (in theme_support), hide it in paged list. - - .infinite-loader - margin-top: 2rem - margin-bottom: 2rem - - .spinner - left: 50% !important - transform: translateX(-50%) - -///// SHARING - -$social-logos: ( twitter: '\f202', facebook: '\f203', pinterest: '\f210', jetpack-whatsapp: '\f608', skype: '\f220', pocket: '\f224', linkedin: '\f207', reddit: '\f222', tumblr: '\f607', telegram: '\f606', youtube: '\f213', instagram: '\f215', print: '\f469', more: '\f415' ); - -.sharedaddy - .share-end - display: none - .sd-title - margin-bottom: 1rem - white-space: nowrap - font-size: var(--fontSize) - letter-spacing: 0.05em - text-transform: uppercase - - &::before - display: none - .sd-button - text-decoration: none - -.sharedaddy .sd-content - ul - display: flex - flex-wrap: wrap - list-style-type: none - padding-left: 0 - margin: 0 -4px - li - display: flex - align-items: center - padding: 0 0.25rem - margin-bottom: 0.5rem - -// Button -.sd-button - --color: #333 - --colorHover: #{ rgba(#333, .2) } - display: inline-block - overflow: hidden - border: 1px solid var(--color) - border-bottom-width: 2px - border-radius: var(--gRadius) - color: var(--color) - - &:hover - color: var(--color) - background-color: var(--colorHover) - &:active - border-top-width: 2px - border-bottom-width: 1px - transition: none - - .sd-social-icon-text &, - .sd-social-text & - padding: 0px 10px 2px - - .sd-social-icon & - padding: 4px 10px - border-radius: 50% - - &.share-more - padding-top: 0 - padding-bottom: 0 - border-radius: var(--gRadius) - &.share-more::before - margin-right: 0.25rem - - span - vertical-align: middle - .sharing-screen-reader-text - display: none - - -.sd-button::before - content: "" - display: inline-block - position: relative - top: 1px - - vertical-align: middle - line-height: 1 - text-align: center - font-family: 'social-logos' - font-size: 18px - - .sd-social-official & - top: -2px - .sd-social-icon & - top: 0 - font-size: 20px - .sd-social-icon-text & - margin-right: 0.25rem - -// Social colors -@each $name, $value in $social-logos - @if map-has-key( $social-colors, $name ) - .sd-button.share-#{ $name } - --color: #{ map-get($social-colors , $name) } - --colorHover: #{ rgba( map-get($social-colors, $name), .2 ) } - - .sd-social-icon-text .sd-button.share-#{ $name }::before, - .sd-social-icon .sd-button.share-#{ $name }::before - content: $value - - -// Custom button -.share-custom - .sd-social-icon-text & - padding-left: 6px - span - padding-left: 1.25rem - background: left no-repeat - background-size: 1em \ No newline at end of file diff --git a/assets/sass/my-editor.sass b/assets/sass/my-editor.sass index bef1fcd..060ba25 100644 --- a/assets/sass/my-editor.sass +++ b/assets/sass/my-editor.sass @@ -3,4 +3,4 @@ @import "vars" .wp-block - max-width: 600px + max-width: 600px \ No newline at end of file diff --git a/functions.php b/functions.php index c19fb32..e05469b 100644 --- a/functions.php +++ b/functions.php @@ -1,7 +1,13 @@ Activate now ».' ), admin_url('plugins.php') . '?s=library' ); + echo '

' . $text . '

'; + }); +} + require_once __DIR__ . '/functions/_index.php'; if( class_exists('WooCommerce') ) { @@ -28,12 +34,6 @@ function my_before_setup_theme() { */ // H::register_post_type( 'product', [ 'icon' => 'dashicons-cart' ] ); // H::register_taxonomy( 'brand', [ 'post_type' => 'product' ] ); - - /** - * Create ACF Gutenberg block for post-type listing - */ - // H::register_post_type_block( 'post' ); - // H::register_post_type_block( 'product' ); } @@ -59,4 +59,4 @@ function my_after_setup_theme() { 'parent_slug' => 'themes.php', ] ); } -} +} \ No newline at end of file diff --git a/functions/api.php b/functions/api.php index 3cfc987..c8cdbe7 100644 --- a/functions/api.php +++ b/functions/api.php @@ -1,10 +1,4 @@ \d+)', [ + 'methods' => 'GET', + 'callback' => [$this, 'sample_get'], + ] ); + + register_rest_route( $namespace, '/sample-post/(?P\d+)', [ + 'methods' => 'POST', + 'callback' => [$this, 'sample_post'], + ] ); } /** @@ -32,15 +29,7 @@ function rest_api_init() { */ function sample_get( $params ) { $id = $params['id']; - return 'version 1'; - } - - /** - * @get my/v2/sample-get/:id - */ - function sample_get_v2( $params ) { - $id = $params['id']; - return 'version 2'; + return 'you passed in ID ' . $id; } /** diff --git a/functions/enqueue.php b/functions/enqueue.php index 0eaa286..0188644 100644 --- a/functions/enqueue.php +++ b/functions/enqueue.php @@ -1,5 +1,5 @@ Activate now ».', 'my'), - admin_url('plugins.php') . '?s=timber' - ); - echo '

' . $text . '

'; - }); - } - return $is_all_installed; - } -} diff --git a/style.css b/style.css index 26a45f1..553fce9 100644 --- a/style.css +++ b/style.css @@ -3,7 +3,7 @@ Theme Name: Edje Basic Theme Author: Pixel Studio Author URI: https://pixelstudio.id Description: Base theme for EDJE framework - Built using Timber and ACF -Version: 6.3.0 +Version: 6.3.1 Tags: private theme, timber, edje, acf, woocomemrce, custom-menu, editor-style */ diff --git a/views/single.twig b/views/single.twig index abd3cdf..684232f 100644 --- a/views/single.twig +++ b/views/single.twig @@ -66,20 +66,20 @@ {% if post.prev %} - +

{{ __('Previous Post') }} - {{ post.prev.title }} - + {{ post.prev.title }} +

{% endif %} {% if post.next %} - +

{{ __('Next Post') }} - {{ post.next.title }} - + {{ post.next.title }} +

{% endif %} @@ -98,7 +98,7 @@ {# Post Footer Elements #} {% for e in mods.post_footer_elements if e.enabled %} - {# Rleated Posts #} + {# Related Posts #} {% if e.id == 'related-posts' %}