From b996ccb4396fcf68b3fd899737ebfaf129dfd543 Mon Sep 17 00:00:00 2001 From: Henner Setyono Date: Mon, 16 Sep 2019 00:42:05 +0700 Subject: [PATCH] 5.5.0 REFACTOR ASSETS - Moved all subdirectories of `/assets` to root - Combined /images and /fonts into `/files` - Tidy up Sass partials into its own directory. For example `_app-gutenberg.sass` now moved and renamed to `app/_gutenberg.sass` - Split `shop.sass` to several files. REFACTOR PHP - Moved all partials TWIG file to `/views` - Renamed `/codes` to `/functions`. - Moved code that enqueue assets in `functions.php` to newly created `enqueue.php` --- assets/css/my-block-editor.css | 27 - assets/css/shop.css | 4 - assets/js-vendor/cash.min.js | 37 - assets/sass/_app-gutenberg.sass | 704 ------------------ codes/hooks.php | 17 - {assets/css => css}/app.css | 4 +- css/app/test.sass | 2 + {assets/css => css}/framework.css | 6 +- css/my-editor.css | 4 + css/shop.css | 4 + {assets/fonts => files}/.keep | 0 functions.php | 66 +- {codes => functions}/api.php | 5 +- {codes => functions}/blocks.php | 20 +- functions/enqueue.php | 59 ++ {codes => functions}/helpers.php | 0 functions/hooks.php | 19 + .../shop-hooks.php | 46 +- functions-shop.php => functions/shop.php | 33 +- {codes => functions}/shortcodes.php | 5 +- {codes => functions}/timber.php | 4 +- {assets/js => js}/app.js | 0 .../js/my-block-editor.js => js/my-editor.js | 0 package.json | 2 +- .../edje => sass/_edje}/_functional-vars.scss | 0 {assets/sass/edje => sass/_edje}/_output.scss | 0 .../sass/edje => sass/_edje}/_utility-h.scss | 0 .../sass/edje => sass/_edje}/_utility.scss | 28 + {assets/sass => sass}/_settings.scss | 30 +- {assets/sass => sass}/app.sass | 10 +- sass/app/_gutenberg.sass | 703 +++++++++++++++++ .../sass/_app-nav.sass => sass/app/_nav.sass | 0 sass/framework.sass | 17 + .../framework/_blog.sass | 0 sass/framework/_cf7.sass | 25 + .../framework/_elements.sass | 66 +- .../framework/_jetpack.scss | 0 sass/my-admin.sass | 3 + .../my-editor.sass | 2 +- sass/shop.sass | 21 + .../images/.keep => sass/shop/_archive.sass | 0 .../_shop-cart.sass => sass/shop/_cart.sass | 0 .../sass/shop.sass => sass/shop/_single.sass | 170 ----- sass/shop/_toast.sass | 57 ++ style.css | 4 +- views/404.twig | 18 +- views/{partials => }/_author-info.twig | 0 views/{partials => }/_comments.twig | 0 views/{partials => }/_pagination.twig | 0 views/{partials => }/_post-meta.twig | 0 views/{partials => }/_posts.twig | 4 +- views/{partials => }/_related-posts.twig | 0 views/index.twig | 4 +- views/page.twig | 10 +- views/partials/_featured-image.twig | 14 - views/shop/{shop.twig => archive.twig} | 0 views/single.twig | 20 +- woocommerce.php | 2 +- 58 files changed, 1065 insertions(+), 1211 deletions(-) delete mode 100644 assets/css/my-block-editor.css delete mode 100644 assets/css/shop.css delete mode 100644 assets/js-vendor/cash.min.js delete mode 100644 assets/sass/_app-gutenberg.sass delete mode 100644 codes/hooks.php rename {assets/css => css}/app.css (78%) create mode 100644 css/app/test.sass rename {assets/css => css}/framework.css (90%) create mode 100644 css/my-editor.css create mode 100644 css/shop.css rename {assets/fonts => files}/.keep (100%) rename {codes => functions}/api.php (98%) rename {codes => functions}/blocks.php (51%) create mode 100644 functions/enqueue.php rename {codes => functions}/helpers.php (100%) create mode 100644 functions/hooks.php rename codes/hooks-shop.php => functions/shop-hooks.php (74%) rename functions-shop.php => functions/shop.php (55%) rename {codes => functions}/shortcodes.php (95%) rename {codes => functions}/timber.php (99%) rename {assets/js => js}/app.js (100%) rename assets/js/my-block-editor.js => js/my-editor.js (100%) rename {assets/sass/edje => sass/_edje}/_functional-vars.scss (100%) rename {assets/sass/edje => sass/_edje}/_output.scss (100%) rename {assets/sass/edje => sass/_edje}/_utility-h.scss (100%) rename {assets/sass/edje => sass/_edje}/_utility.scss (90%) rename {assets/sass => sass}/_settings.scss (84%) rename {assets/sass => sass}/app.sass (55%) create mode 100644 sass/app/_gutenberg.sass rename assets/sass/_app-nav.sass => sass/app/_nav.sass (100%) create mode 100644 sass/framework.sass rename assets/sass/_fw-blog.sass => sass/framework/_blog.sass (100%) create mode 100644 sass/framework/_cf7.sass rename assets/sass/framework.sass => sass/framework/_elements.sass (60%) rename assets/sass/_fw-jetpack.scss => sass/framework/_jetpack.scss (100%) create mode 100644 sass/my-admin.sass rename assets/sass/my-block-editor.sass => sass/my-editor.sass (83%) create mode 100644 sass/shop.sass rename assets/images/.keep => sass/shop/_archive.sass (100%) rename assets/sass/_shop-cart.sass => sass/shop/_cart.sass (100%) rename assets/sass/shop.sass => sass/shop/_single.sass (63%) create mode 100644 sass/shop/_toast.sass rename views/{partials => }/_author-info.twig (100%) rename views/{partials => }/_comments.twig (100%) rename views/{partials => }/_pagination.twig (100%) rename views/{partials => }/_post-meta.twig (100%) rename views/{partials => }/_posts.twig (91%) rename views/{partials => }/_related-posts.twig (100%) delete mode 100644 views/partials/_featured-image.twig rename views/shop/{shop.twig => archive.twig} (100%) diff --git a/assets/css/my-block-editor.css b/assets/css/my-block-editor.css deleted file mode 100644 index f2ec3b4..0000000 --- a/assets/css/my-block-editor.css +++ /dev/null @@ -1,27 +0,0 @@ -/*! - EDJE Functional Sass v3.0.0 - Documentation: https://github.com/hrsetyono/edje/wiki -*/:root{--red: #d32f2f;--redRGB: 211, 47, 47 - ;--red-dark: #b71c1c;--red-darkRGB: 183, 28, 28 - ;--red-light: #ffcdd2;--red-lightRGB: 255, 205, 210 - ;--orange: #fB8c00;--orangeRGB: 251, 140, 0 - ;--orange-dark: #e65100;--orange-darkRGB: 230, 81, 0 - ;--orange-light: #ffe0b2;--orange-lightRGB: 255, 224, 178 - ;--yellow: #ffee58;--yellowRGB: 255, 238, 88 - ;--yellow-dark: #ffd600;--yellow-darkRGB: 255, 214, 0 - ;--yellow-light: #fff9c4;--yellow-lightRGB: 255, 249, 196 - ;--green: #4caf50;--greenRGB: 76, 175, 80 - ;--green-dark: #2e7d32;--green-darkRGB: 46, 125, 50 - ;--green-light: #c8e6c9;--green-lightRGB: 200, 230, 201 - ;--blue: #1976d2;--blueRGB: 25, 118, 210 - ;--blue-dark: #1565c0;--blue-darkRGB: 21, 101, 192 - ;--blue-light: #bbdefb;--blue-lightRGB: 187, 222, 251 - ;--gray: #b0bec5;--grayRGB: 176, 190, 197 - ;--gray-dark: #90a4ae;--gray-darkRGB: 144, 164, 174 - ;--gray-light: #eceff1;--gray-lightRGB: 236, 239, 241 - ;--black: #000;--blackRGB: 0, 0, 0 - ;--white: #fff;--whiteRGB: 255, 255, 255 - ;--main: var(--blue);--main-dark: var(--blue-dark);--main-light: var(--blue-light);--sub: var(--gray);--sub-dark: var(--gray-dark);--sub-light: var(--gray-light);--text: #222;--textRGB: 34, 34, 34 - ;--passive: #888;--passiveRGB: 136, 136, 136 - ;--header: var(--text);--body: #fff;--bodyRGB: 255, 255, 255 - } diff --git a/assets/css/shop.css b/assets/css/shop.css deleted file mode 100644 index 8979513..0000000 --- a/assets/css/shop.css +++ /dev/null @@ -1,4 +0,0 @@ -/*! - EDJE Functional Sass v3.0.0 - Documentation: https://github.com/hrsetyono/edje/wiki -*/.h-close-toast,.category-tease h3,.product-tease h3,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.25em}@media (max-width: 767px){.h-close-toast,.category-tease h3,.product-tease h3,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.125em}}.woocommerce-cart-form{margin-top:2rem;margin-bottom:2rem}.shop_table{width:100%;max-width:960px;border:1px solid #dee3e7}.shop_table th{padding:1rem;text-align:left;background-color:#dee3e7}.shop_table td{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem}.shop_table tr{border-bottom:1px solid var(--gray-light)}.shop_table tr:nth-child(even){background-color:var(--gray-light)}.shop_table .product-name a{font-weight:700}.shop_table .variation dt,.shop_table .variation dd{display:inline-block}.shop_table .product-remove a{display:inline-block;background-color:var(--red);width:1rem;height:1rem;color:var(--white);font-size:1.125em;font-weight:700;text-align:center;border-radius:50%;line-height:0.9}.shop_table .product-remove a:hover{background-color:#aa2424}.shop_table img{height:auto;width:60px}.shop_table label.screen-reader-text{display:none}.shop_table input[type="number"]{width:3.5rem}.shop_table .actions{text-align:right}.shop_table .hoo-subtotal-note{font-size:.875em}.shop_table button[name="update_cart"]{float:left}.cross-sells{margin-top:3rem;margin-bottom:2rem}.cross-sells>h3{margin-bottom:1rem;text-align:center}.nav-item-cart{position:fixed;z-index:100;bottom:1rem;right:1rem}#cart-button{box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}#cart-button b{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:rgba(var(--blackRGB), 0.25);font-size:.875em;border-radius:4px;line-height:1.4}#cart-button.--cart-active{animation:cartBounce 4s 1s infinite}@keyframes cartBounce{0%,10%,25%,40%,50%{transform:translateY(0)}20%{transform:translateY(-10px)}30%{transform:translateY(-5px)}}.cart-dialog{cursor:default;position:absolute;visibility:hidden;z-index:100;opacity:0;bottom:100%;right:0;background-color:var(--gray-light);padding:0.25rem;text-align:center;border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);transition:all 0.25s ease-out;width:340px;transform:translateY(1.5rem)}.cart-dialog::before{content:"";position:absolute;bottom:0;right:2rem;width:1rem;height:1rem;background-color:var(--gray-light);border-radius:4px;transform:translateY(50%) rotate(45deg)}.has-active-cart .cart-dialog{visibility:visible;opacity:1;box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);transform:translateY(-1rem)}.cart-dialog .widgettitle{padding-top:0.5rem;padding-bottom:0.75rem;font-size:.875em;text-transform:uppercase;text-align:center;letter-spacing:2px}.cart-dialog .blockOverlay{background-position:center center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.8) !important;background-image:url("../../../../../wp-admin/images/spinner.gif")}@media (max-width: 767px){.cart-dialog{top:calc(100% + 10px)}}.widget_shopping_cart_content{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.woocommerce-mini-cart{background-color:var(--white);overflow-y:auto;width:100%;max-height:240px;list-style-type:none;text-align:left}.woocommerce-mini-cart-item{position:relative;padding:0.5rem;font-size:.875em;border-bottom:1px solid #dee3e7;line-height:1.5}.woocommerce-mini-cart-item::before,.woocommerce-mini-cart-item::after{content:"";display:table}.woocommerce-mini-cart-item::after{clear:both}.woocommerce-mini-cart-item img{float:left;margin-right:0.5rem;width:40px}.woocommerce-mini-cart-item figure{position:relative}.woocommerce-mini-cart-item a{display:block;color:inherit;font-weight:600}.woocommerce-mini-cart-item a:hover{text-decoration:underline}.woocommerce-mini-cart-item a:hover img{opacity:.7}.woocommerce-mini-cart-item .variation{margin-bottom:0.5rem}.woocommerce-mini-cart-item dt,.woocommerce-mini-cart-item dd{display:inline-block}.woocommerce-mini-cart-item .quantity{font-size:.875em;color:var(--passive);font-weight:700}.woocommerce-mini-cart__total{flex:1;padding:0.5rem;line-height:1.25}.woocommerce-mini-cart__total .woocommerce-Price-amount{font-weight:700}.woocommerce-mini-cart__total strong{font-size:.875em;font-weight:400}.woocommerce-mini-cart__buttons{flex:1;align-self:center;text-align:right;padding-right:0.5rem;padding-left:0.5rem}.woocommerce-mini-cart__buttons a:first-child{display:none}.woocommerce-mini-cart__buttons .button{text-transform:uppercase}.woocommerce-mini-cart__buttons .button::after{content:" »"}a.remove_from_cart_button{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;position:absolute;background-color:var(--gray-light);top:0.25rem;right:0.25rem;width:1.5rem;height:1.5rem;color:var(--main-dark);text-align:center;line-height:1;border-radius:50%;font-size:20px}a.remove_from_cart_button:hover{background-color:var(--red);color:var(--white);text-decoration:none}.woocommerce-mini-cart__empty-message{padding-top:1.5rem;padding-right:1.5rem;padding-left:1.5rem;padding-bottom:4rem;width:100%;text-align:center;font-size:1.125em}.price del{display:block;opacity:.5;font-size:.875em}.price ins{display:block;text-decoration:none}.woocommerce-Price-currencySymbol{font-weight:400;font-size:.875em}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg)}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.woocommerce-info,.woocommerce-message,.woocommerce-error{_display:"-webkit-flex";display:flex;flex-direction:column-reverse;align-items:flex-end;position:fixed;z-index:100;padding:1.25rem;background-color:var(--gray-light);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);border-radius:4px;-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:1em;right:1em;animation:1s flipInX both}.woocommerce-info .button,.woocommerce-message .button,.woocommerce-error .button{margin-top:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.woocommerce-error{background-color:var(--red);list-style-type:none;color:var(--white)}.h-close-toast{cursor:pointer;position:absolute;top:0;left:0;background-color:var(--red);text-align:center;color:var(--white);line-height:1;font-weight:700;border-radius:50%;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);width:24px;height:24px;transform:translateX(-50%) translateY(-50%)}.h-close-toast:hover{opacity:.7}.woocommerce-store-notice{position:fixed;bottom:0;left:0;right:0;background-color:var(--main);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;text-align:center;color:var(--white);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16)}.woocommerce-store-notice a{display:inline-block;float:right;background-color:var(--main-dark);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:2rem;padding-left:2rem;color:var(--white);text-decoration:underline;margin:-0.5em -1em}.woocommerce-store-notice a:hover{opacity:.7}.shop-categories{margin:0;margin-bottom:3rem}.shop-categories h2{margin-bottom:1rem;font-weight:400;text-align:center}.category-tease:hover figure{opacity:.8}.category-tease:hover h3{text-decoration:underline}.category-tease figure{margin-bottom:1rem;transition:all 0.25s ease-out}.category-tease img{border-radius:4px}.category-tease h3{color:var(--text);text-align:center}.before-products{_display:"-webkit-flex";display:flex;align-items:center;margin-bottom:2rem}.before-products p{margin-right:1rem;margin-left:auto;font-size:.875em}.shop-products{margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product-tease{position:relative;text-align:center}.product-tease a:hover figure{opacity:.8}.product-tease a:hover h3{text-decoration:underline}.product-tease figure{margin-bottom:1rem;transition:all 0.25s ease-out}.product-tease img{border-radius:4px}.product-tease .price{display:block}.product-tease .button{margin-top:0.5rem;font-size:.875em;vertical-align:middle}.product-tease .button.added{position:relative;background-color:var(--green);color:transparent;border-color:var(--green);border-color:#449e48}.product-tease .button.added::after{content:"\f147";position:absolute;top:50%;left:50%;color:var(--white);font-weight:400;font-family:"dashicons";font-size:1.5em;transform:translateX(-50%) translateY(-50%)}.product-tease .added_to_cart{display:none}.onsale{display:inline-block;padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:1rem;border:1px dashed;border-color:var(--white);background-color:var(--red);color:var(--white);font-weight:700;font-size:.875em;text-transform:uppercase;border-radius:4px;box-shadow:0 0 0 2px var(--red)}.product-tease .onsale{position:absolute;top:1em;right:1em}.product-figure .onsale{position:absolute;z-index:5;top:10px;left:10px}.product{margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product_meta{margin-top:0;font-size:.875em}.product_meta>span{display:block}.before-product{margin-bottom:2rem}.before-product .sharedaddy{padding-top:05rem;padding-bottom:05rem;padding-right:0;padding-left:0;margin:0;margin-top:0.75rem;border-bottom:1px solid;border-color:var(--gray)}.before-product .sd-block{flex-direction:row;align-items:center}.before-product .sd-content{display:inline-block}.before-product .sd-content li{margin-bottom:0}.before-product .sd-block .sd-title{display:inline-block;margin-bottom:0;margin-right:1rem}@media (max-width: 767px){.before-product .sd-block .sd-title{display:block;margin-bottom:0.5rem}}.product-figure{position:relative}.product-figure .flex-viewport{margin-bottom:0.25rem;border:2px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}@media (max-width: 767px){.product-figure{margin-bottom:2rem}}.woocommerce-product-gallery{position:relative}.woocommerce-product-gallery__image img{border-radius:4px}.woocommerce-product-gallery__trigger{position:absolute;z-index:10;top:0.5rem;right:0.5rem;font-size:0}.woocommerce-product-gallery__trigger::before{content:"\f504";display:inline-block;background-color:var(--white);padding:0.25rem;line-height:1;color:var(--text);border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);font-family:"dashicons";font-size:1.5rem}.woocommerce-product-gallery__trigger:hover::before{background-color:var(--gray)}.zoomImg{cursor:zoom-in}.zoomImg[style*="opacity: 1"]{cursor:zoom-out}.flex-control-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;margin:1em -0.25em 0}.flex-control-nav li{cursor:pointer;width:25%;padding-right:0.25rem;padding-left:0.25rem}.flex-control-nav li:hover img{opacity:1}.flex-control-nav img{opacity:.5;border-radius:4px;transition:all 0.25s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flex-control-nav .flex-active{opacity:1;box-shadow:0 0 0 3px var(--main)}.wc-tabs-wrapper{margin-bottom:1rem}ul.wc-tabs{_display:"-webkit-flex";display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style-type:none}ul.wc-tabs a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;border:0;text-decoration:none;font-size:.875em;border-radius:4px 4px 0 0}ul.wc-tabs .active a{background-color:rgba(var(--mainRGB), 0.25)}.wc-tab{padding:0.5rem;border:4px solid rgba(var(--mainRGB), 0.25);border-radius:0 4px 4px 4px}.wc-tab>h2:first-child{display:none}.wc-tab>*:last-child{margin-bottom:0}table.woocommerce-product-attributes th,table.woocommerce-product-attributes td{vertical-align:middle}table.woocommerce-product-attributes th{padding-right:1rem;text-transform:uppercase;letter-spacing:.025em}table.woocommerce-product-attributes p{margin-bottom:0}.product-purchase{padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:1rem}.product-purchase form.cart{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.product-purchase .price{display:block;background-color:rgba(var(--mainRGB), 0.10);padding:0.75rem;border:1px solid;border-color:var(--main-light);text-align:center;border-radius:4px;line-height:1.15}.product-purchase>.price{margin-bottom:1.5rem}.product-purchase .quantity{flex:1;margin-right:1rem}.product-purchase .amount{display:block;font-weight:700}.product-purchase label{font-size:.875em}.product-purchase label[for*="quantity"]{display:none}.product-purchase .single_add_to_cart_button{align-self:flex-end}@media (max-width: 767px){.product-purchase{margin-bottom:1.5rem}}.woocommerce-Reviews h2{display:none}.woocommerce-Reviews ol{list-style-type:none;padding-left:0}.comment-review{margin-bottom:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}.review-header{_display:"-webkit-flex";display:flex;align-items:center;background-color:rgba(var(--blackRGB), 0.05);padding:0.5rem;line-height:1.25}.review-header .meta{margin-bottom:0;font-size:.875em}.review-header time{display:inline-block;color:var(--passive);font-size:.875em}.review-text{padding:05rem}.review-text p{margin-bottom:0.5rem}.star-rating{display:inline-block;position:relative;line-height:1}.star-rating::before,.star-rating span::before{content:'★★★★★';color:var(--text);font-size:1rem}.star-rating::before{opacity:.3}.star-rating span{overflow:hidden;position:absolute;top:0;left:0;font-size:0}.comment-form-rating{margin-bottom:1rem}.comment-form-rating a{opacity:.3;display:inline-block;line-height:1;text-decoration:none;font-size:0}.comment-form-rating a::before{content:'★';font-size:1.25rem}.comment-form-rating .stars{display:inline-block}.comment-form-rating .stars:hover a,.comment-form-rating .selected a{opacity:1}.comment-form-rating a:hover ~ a,.comment-form-rating a.active ~ a{opacity:.25 !important}.single-variation-wrap{margin-bottom:1.5rem}.single_variation{_display:"-webkit-flex";display:flex;flex-direction:column}.single_variation .out-of-stock{color:var(--red);font-weight:700}.single_variation .woocommerce-variation-price{order:1;margin-bottom:1rem}.single_variation .woocommerce-variation-availability{order:2}.single_variation .woocommerce-variation-description{order:3}.single_variation .woocommerce-variation-description p{margin-bottom:1rem}.woocommerce-variation-add-to-cart{_display:"-webkit-flex";display:flex}table.variations{margin-top:1.5rem;width:100%}table.variations label,table.variations select{margin-bottom:0.5rem}table.variations .reset_variations{display:inline-block;padding:0.25rem;padding-right:1rem;padding-left:1rem;background-color:var(--gray-light);border-radius:4px;text-transform:uppercase;font-weight:700;font-size:.875em;letter-spacing:.025em}table.variations .reset_variations:hover{background-color:var(--gray)}.product_meta span{margin-bottom:0.5rem;font-weight:700}.product_meta a{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:var(--gray-light);border-radius:4px;font-weight:400;color:var(--text)}.product_meta a:hover{background-color:var(--main-light)}section.upsells>h2{margin-top:1rem;margin-bottom:1rem}ul.products{flex-wrap:wrap;list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:0.5rem;grid-row-gap:0.5rem}ul.products li{margin:0;grid-column:span 1}ul.products a{_display:"-webkit-flex";display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:center;overflow:hidden;height:80px;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}ul.products a:hover{background-color:transparent;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}ul.products a>*{flex:1rem 1rem}ul.products h2{font-weight:400;margin:0;letter-spacing:.025em;width:calc( 100% - 80px)}ul.products img{height:80px;width:auto;margin-right:0.5rem}ul.products span{font-size:.875em;font-weight:700;color:var(--main)}ul.products .add_to_cart_button{display:none}.product-related{margin-top:4rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product-related h2{text-align:center;font-weight:400} diff --git a/assets/js-vendor/cash.min.js b/assets/js-vendor/cash.min.js deleted file mode 100644 index 04c62f9..0000000 --- a/assets/js-vendor/cash.min.js +++ /dev/null @@ -1,37 +0,0 @@ -/* MIT https://github.com/kenwheeler/cash */ -(function(){ - 'use strict';var e=document,g=window,k=e.createElement("div"),l=Array.prototype,m=l.filter,n=l.indexOf,aa=l.map,q=l.push,r=l.reverse,u=l.slice,v=l.some,ba=l.splice,ca=/^#[\w-]*$/,da=/^\.[\w-]*$/,ea=/<.+>/,fa=/^\w+$/;function w(a,b){void 0===b&&(b=e);return b!==e&&1!==b.nodeType?[]:da.test(a)?b.getElementsByClassName(a.slice(1)):fa.test(a)?b.getElementsByTagName(a):b.querySelectorAll(a)} - var x=function(){function a(a,c){void 0===c&&(c=e);if(a){if(a instanceof x)return a;var b=a;if(y(a)){if(b=c instanceof x?c[0]:c,b=ca.test(a)?b.getElementById(a.slice(1)):ea.test(a)?z(a):w(a,b),!b)return}else if(A(a))return this.ready(a);if(b.nodeType||b===g)b=[b];this.length=b.length;a=0;for(c=this.length;aa?a+this.length:a]};x.prototype.eq=function(a){return B(this.get(a))};x.prototype.first=function(){return this.eq(0)};x.prototype.last=function(){return this.eq(-1)};x.prototype.map=function(a){return B(aa.call(this,function(b,c){return a.call(b,c,b)}))};x.prototype.slice=function(){return B(u.apply(this,arguments))};var ha=/-([a-z])/g;function ia(a,b){return b.toUpperCase()}function C(a){return a.replace(ha,ia)}B.camelCase=C; - function D(a,b){for(var c=0,d=a.length;cc?0:1;darguments.length?this[0]&&this[0][a]:this.each(function(c,f){f[a]=b});for(var c in a)this.prop(c,a[c]);return this}};function J(a){return y(a)?function(b,c){return G(c,a)}:A(a)?a:a instanceof x?function(b,c){return a.is(c)}:function(b,c){return c===a}}x.prototype.filter=function(a){if(!a)return B();var b=J(a);return B(m.call(this,function(a,d){return b.call(a,d,a)}))};function K(a,b){return b&&a.length?a.filter(b):a}var ka=/\S+/g; - function L(a){return y(a)?a.match(ka)||[]:[]}x.prototype.hasClass=function(a){return a&&v.call(this,function(b){return b.classList.contains(a)})};x.prototype.removeAttr=function(a){var b=L(a);return b.length?this.each(function(a,d){D(b,function(a,b){d.removeAttribute(b)})}):this}; - x.prototype.attr=function(a,b){if(a){if(y(a)){if(2>arguments.length){if(!this[0])return;var c=this[0].getAttribute(a);return null===c?void 0:c}return null===b?this.removeAttr(a):this.each(function(c,f){f.setAttribute(a,b)})}for(c in a)this.attr(c,a[c]);return this}};x.prototype.toggleClass=function(a,b){var c=L(a),d=void 0!==b;return c.length?this.each(function(a,h){D(c,function(a,c){d?b?h.classList.add(c):h.classList.remove(c):h.classList.toggle(c)})}):this}; - x.prototype.addClass=function(a){return this.toggleClass(a,!0)};x.prototype.removeClass=function(a){return arguments.length?this.toggleClass(a,!1):this.attr("class","")};function N(a){return 1arguments.length)return this[0]&&O(this[0],a,c);if(!a)return this;b=pa(a,b,c);return this.each(function(d,h){1===h.nodeType&&(c?h.style.setProperty(a,b):h.style[a]=b)})}for(var d in a)this.css(d,a[d]);return this};var qa=/^data-(.*)/;B.hasData=function(a){return"__cashData"in a};function S(a){return a.__cashData=a.__cashData||{}} - function ra(a,b){var c=S(a);if(b){if(!(b in c)&&(a=a.dataset?a.dataset[b]||a.dataset[C(b)]:B(a).attr("data-"+b),void 0!==a)){try{a=JSON.parse(a)}catch(d){}c[b]=a}return c[b]}return c}x.prototype.data=function(a,b){var c=this;if(!a){if(!this[0])return;D(this[0].attributes,function(a,b){(a=b.name.match(qa))&&c.data(a[1])});return ra(this[0])}if(y(a))return void 0===b?this[0]&&ra(this[0],a):this.each(function(c,d){S(d)[a]=b});for(var d in a)this.data(d,a[d]);return this}; - x.prototype.removeData=function(a){return this.each(function(b,c){void 0===a?delete c.__cashData:delete S(c)[a]})};function sa(a,b){return P(a,"border"+(b?"Left":"Top")+"Width")+P(a,"padding"+(b?"Left":"Top"))+P(a,"padding"+(b?"Right":"Bottom"))+P(a,"border"+(b?"Right":"Bottom")+"Width")}D(["Width","Height"],function(a,b){x.prototype["inner"+b]=function(){if(this[0])return this[0]===g?g["inner"+b]:this[0]["client"+b]}}); - D(["width","height"],function(a,b){x.prototype[b]=function(c){if(!this[0])return void 0===c?void 0:this;if(!arguments.length)return this[0]===g?this[0][C("outer-"+b)]:this[0].getBoundingClientRect()[b]-sa(this[0],!a);var d=parseInt(c,10);return this.each(function(c,h){1===h.nodeType&&(c=O(h,"boxSizing"),h.style[b]=pa(b,d+("border-box"===c?sa(h,!a):0)))})}}); - D(["Width","Height"],function(a,b){x.prototype["outer"+b]=function(c){if(this[0])return this[0]===g?g["outer"+b]:this[0]["offset"+b]+(c?P(this[0],"margin"+(a?"Top":"Left"))+P(this[0],"margin"+(a?"Bottom":"Right")):0)}});var T={}; - x.prototype.toggle=function(a){return this.each(function(b,c){if(a=void 0!==a?a:"none"===O(c,"display")){if(c.style.display="","none"===O(c,"display")){b=c.style;c=c.tagName;if(T[c])c=T[c];else{var d=e.createElement(c);e.body.appendChild(d);var f=O(d,"display");e.body.removeChild(d);c=T[c]="none"!==f?f:"block"}b.display=c}}else c.style.display="none"})};x.prototype.hide=function(){return this.toggle(!1)};x.prototype.show=function(){return this.toggle(!0)}; - function ta(a,b){return!b||!v.call(b,function(b){return 0>a.indexOf(b)})}var U={focus:"focusin",blur:"focusout"},ua={mouseenter:"mouseover",mouseleave:"mouseout"},va=/^(?:mouse|pointer|contextmenu|drag|drop|click|dblclick)/i;function wa(a,b,c,d){d.guid=d.guid||F++;var f=a.__cashEvents=a.__cashEvents||{};f[b]=f[b]||[];f[b].push([c,d]);a.addEventListener(b,d)}function V(a){a=a.split(".");return[a[0],a.slice(1).sort()]} - function W(a,b,c,d){var f=a.__cashEvents=a.__cashEvents||{};if(b)f[b]&&(f[b]=f[b].filter(function(f){var h=f[0];f=f[1];if(d&&f.guid!==d.guid||!ta(h,c))return!0;a.removeEventListener(b,f)}));else{for(b in f)W(a,b,c,d);delete a.__cashEvents}}x.prototype.off=function(a,b){var c=this;void 0===a?this.each(function(a,b){return W(b)}):D(L(a),function(a,f){a=V(ua[f]||U[f]||f);var d=a[0],p=a[1];c.each(function(a,c){return W(c,d,p,b)})});return this}; - x.prototype.on=function(a,b,c,d){var f=this;if(!y(a)){for(var h in a)this.on(h,b,a[h]);return this}A(b)&&(c=b,b="");D(L(a),function(a,h){a=V(ua[h]||U[h]||h);var p=a[0],M=a[1];f.each(function(a,f){a=function za(a){if(!a.namespace||ta(M,a.namespace.split("."))){var h=f;if(b){for(var t=a.target;!G(t,b);){if(t===f)return;t=t.parentNode;if(!t)return}h=t;a.__delegate=!0}a.__delegate&&Object.defineProperty(a,"currentTarget",{configurable:!0,get:function(){return h}});t=c.call(h,a,a.data);d&&W(f,p,M,za); - !1===t&&(a.preventDefault(),a.stopPropagation())}};a.guid=c.guid=c.guid||F++;wa(f,p,M,a)})});return this};x.prototype.one=function(a,b,c){return this.on(a,b,c,!0)};x.prototype.ready=function(a){function b(){return a(B)}"loading"!==e.readyState?setTimeout(b):e.addEventListener("DOMContentLoaded",b);return this}; - x.prototype.trigger=function(a,b){var c=a;if(y(a)){var d=V(a);a=d[0];d=d[1];var f=va.test(a)?"MouseEvents":"HTMLEvents";c=e.createEvent(f);c.initEvent(a,!0,!0);c.namespace=d.join(".")}c.data=b;var h=c.type in U;return this.each(function(a,b){if(h&&A(b[c.type]))b[c.type]();else b.dispatchEvent(c)})};function xa(a){return a.multiple?H(m.call(a.options,function(a){return a.selected&&!a.disabled&&!a.parentNode.disabled}),"value"):a.value||""}var ya=/%20/g,Aa=/file|reset|submit|button|image/i,Ba=/radio|checkbox/i; - x.prototype.serialize=function(){var a="";this.each(function(b,c){D(c.elements||[c],function(b,c){c.disabled||!c.name||"FIELDSET"===c.tagName||Aa.test(c.type)||Ba.test(c.type)&&!c.checked||(b=xa(c),void 0!==b&&(b=I(b)?b:[b],D(b,function(b,d){b=a;d="&"+encodeURIComponent(c.name)+"="+encodeURIComponent(d).replace(ya,"+");a=b+d})))})});return a.substr(1)}; - x.prototype.val=function(a){return void 0===a?this[0]&&xa(this[0]):this.each(function(b,c){if("SELECT"===c.tagName){var d=I(a)?a:null===a?[]:[a];D(c.options,function(a,b){b.selected=0<=d.indexOf(b.value)})}else c.value=null===a?"":a})};x.prototype.clone=function(){return this.map(function(a,b){return b.cloneNode(!0)})};x.prototype.detach=function(){return this.each(function(a,b){b.parentNode&&b.parentNode.removeChild(b)})};var Ca=/^\s*<(\w+)[^>]*>/,Da=/^\s*<(\w+)\s*\/?>(?:<\/\1>)?\s*$/,X; - function z(a){if(!X){var b=e.createElement("table"),c=e.createElement("tr");X={"*":k,tr:e.createElement("tbody"),td:c,th:c,thead:b,tbody:b,tfoot:b}}if(!y(a))return[];if(Da.test(a))return[e.createElement(RegExp.$1)];b=Ca.test(a)&&RegExp.$1;b=X[b]||X["*"];b.innerHTML=a;return B(b.childNodes).detach().get()}B.parseHTML=z;x.prototype.empty=function(){var a=this[0];if(a)for(;a.firstChild;)a.removeChild(a.firstChild);return this}; - x.prototype.html=function(a){return void 0===a?this[0]&&this[0].innerHTML:this.each(function(b,c){c.innerHTML=a})};x.prototype.remove=function(){return this.detach().off()};x.prototype.text=function(a){return void 0===a?this[0]?this[0].textContent:"":this.each(function(b,c){c.textContent=a})};x.prototype.unwrap=function(){this.parent().each(function(a,b){a=B(b);a.replaceWith(a.children())});return this};var Ea=e.documentElement; - x.prototype.offset=function(){var a=this[0];if(a)return a=a.getBoundingClientRect(),{top:a.top+g.pageYOffset-Ea.clientTop,left:a.left+g.pageXOffset-Ea.clientLeft}};x.prototype.offsetParent=function(){return B(this[0]&&this[0].offsetParent)};x.prototype.position=function(){var a=this[0];if(a)return{left:a.offsetLeft,top:a.offsetTop}};x.prototype.children=function(a){var b=[];this.each(function(a,d){q.apply(b,d.children)});return K(B(N(b)),a)}; - x.prototype.contents=function(){var a=[];this.each(function(b,c){q.apply(a,"IFRAME"===c.tagName?[c.contentDocument]:c.childNodes)});return B(N(a))};x.prototype.find=function(a){for(var b=[],c=0,d=this.length;c\s*$/g; - function Y(a){a=B(a);a.filter("script").add(a.find("script")).each(function(a,c){!c.src&&Fa.test(c.type)&&c.ownerDocument.documentElement.contains(c)&&eval(c.textContent.replace(Ga,""))})}function Z(a,b,c){D(a,function(a,f){D(b,function(b,d){b=a?d.cloneNode(!0):d;c?f.insertBefore(b,c&&f.firstChild):f.appendChild(b);Y(b)})})}x.prototype.append=function(){var a=this;D(arguments,function(b,c){Z(a,B(c))});return this};x.prototype.appendTo=function(a){Z(B(a),this);return this}; - x.prototype.insertAfter=function(a){var b=this;B(a).each(function(a,d){var c=d.parentNode;c&&b.each(function(b,f){b=a?f.cloneNode(!0):f;c.insertBefore(b,d.nextSibling);Y(b)})});return this};x.prototype.after=function(){var a=this;D(r.apply(arguments),function(b,c){r.apply(B(c).slice()).insertAfter(a)});return this};x.prototype.insertBefore=function(a){var b=this;B(a).each(function(a,d){var c=d.parentNode;c&&b.each(function(b,f){b=a?f.cloneNode(!0):f;c.insertBefore(b,d);Y(b)})});return this}; - x.prototype.before=function(){var a=this;D(arguments,function(b,c){B(c).insertBefore(a)});return this};x.prototype.prepend=function(){var a=this;D(arguments,function(b,c){Z(a,B(c),!0)});return this};x.prototype.prependTo=function(a){Z(B(a),r.apply(this.slice()),!0);return this};x.prototype.replaceWith=function(a){return this.before(a).remove()};x.prototype.replaceAll=function(a){B(a).replaceWith(this);return this}; - x.prototype.wrapAll=function(a){if(this[0]){a=B(a);this.first().before(a);for(a=a[0];a.children.length;)a=a.firstElementChild;this.appendTo(a)}return this};x.prototype.wrap=function(a){return this.each(function(b,c){var d=B(a)[0];B(c).wrapAll(b?d.cloneNode(!0):d)})};x.prototype.wrapInner=function(a){return this.each(function(b,c){b=B(c);c=b.contents();c.length?c.wrapAll(a):b.append(a)})}; - x.prototype.has=function(a){var b=y(a)?function(b,d){return!!w(a,d).length}:function(b,d){return d.contains(a)};return this.filter(b)};x.prototype.is=function(a){if(!a||!this[0])return!1;var b=J(a),c=!1;this.each(function(a,f){c=b.call(f,a,f);return!c});return c};x.prototype.next=function(a,b){return K(B(N(H(this,"nextElementSibling",b))),a)};x.prototype.nextAll=function(a){return this.next(a,!0)}; - x.prototype.not=function(a){if(!a||!this[0])return this;var b=J(a);return this.filter(function(a,d){return!b.call(d,a,d)})};x.prototype.parent=function(a){return K(B(N(H(this,"parentNode"))),a)};x.prototype.index=function(a){var b=a?B(a)[0]:this[0];a=a?this:B(b).parent().children();return n.call(a,b)};x.prototype.closest=function(a){if(!a||!this[0])return B();var b=this.filter(a);return b.length?b:this.parent().closest(a)}; - x.prototype.parents=function(a){return K(B(N(H(this,"parentElement",!0))),a)};x.prototype.prev=function(a,b){return K(B(N(H(this,"previousElementSibling",b))),a)};x.prototype.prevAll=function(a){return this.prev(a,!0)};x.prototype.siblings=function(a){var b=this[0];return K(this.parent().children().filter(function(a,d){return d!==b}),a)};"undefined"!==typeof exports?module.exports=B:g.cash=g.$=B; - })(); \ No newline at end of file diff --git a/assets/sass/_app-gutenberg.sass b/assets/sass/_app-gutenberg.sass deleted file mode 100644 index 5a529bc..0000000 --- a/assets/sass/_app-gutenberg.sass +++ /dev/null @@ -1,704 +0,0 @@ -///// GUTENBERG COLORS - -[class*="-background-color"] - background-color: var(--bgColor) - -.has-text-color - color: var(--textColor) - -///// GENERAL - -article - p, - ul, - ol, - blockquote, - pre, - table, - figure - +h( mb1_5 ) - - p a, - li a - +h( td-u ) - - ul, ol - +h( pl1_5 ) - - ul ul, - ol ol, - ul ol, - ol ul - +h( mb0 ) - - img - +h( brad ) - - -.the-content - letter-spacing: 0.01 * $font-size - - h1, h2, h3, h4, h5, h6 - +h( mb1_5 clear-both ) - color: var(--textColor) - - - // all woocommerce page become alignwide - > .woocommerce - +h( mh-auto ) - max-width: $grid-max-width - - > *:first-child - +h( mt0 ) - -.the-content, -.wp-block-group - > * - +h( mh-auto mb1_5 ) - max-width: $content-width - - @media (below($grid-max-width)) - padding-right: $grid-rim - padding-left: $grid-rim - -// Alignments -.alignright, -.has-text-align-right - +h( ta-right ) - -.alignleft, -.has-text-align-left - +h( ta-left ) - -.aligncenter, -.has-text-align-center - +h( ta-center ) - -.alignwide - max-width: $grid-max-width - -.alignfull - +h( maxw-none mv2_5 ) - - + .alignfull - +h( mt-2_5 ) - - &:last-child - +h( mb0 ) - - @media (below($grid-max-width)) - margin-right: -1 * $grid-rim - margin-left: -1 * $grid-rim - - -.is-vertically-aligned-top - +h( ai-start as-start ) - -.is-vertically-aligned-center - +h( ai-center as-center ) - -.is-vertically-aligned-bottom - +h( ai-end as-end ) - - -////// GROUP - -.wp-block-group - +h( pv2 ) - - &:not(.has-background) - +h( pv0 ) - - &:not(.has-background) + .alignfull - +h( mt0 ) - - *:last-child - +h( mb0 ) - - -///// COVER - -.wp-block-cover - +h( d-flex ai-center jc-center bgs-cover bgp-cc bg-black ) - +h( minh400px ) - - &.--for-featured-image - +h( ai-end ) - - .post-meta - +h( pv0_5 c-white_60 ) - border-top: 1px solid - border-bottom: 2px solid - - .post-meta + p - +h( mt1_5 ) - - &.--for-post-tease - +h( ov-hidden ai-end ph2 pb2 brad ) - max-width: calc(#{ $content-width } + 4rem ) - - a:hover h1 - +h( td-u ) - - .post-meta - +h( c-white_60 ) - - -.wp-block-cover__inner-container - +h( relative z2 c-white ) - width: $content-width - - @media (below($grid-max-width)) - padding-right: $grid-rim - padding-left: $grid-rim - -.has-parallax - background-attachment: fixed - -.has-background-dim - +h( relative ) - - &::before - content: "" - +h( absolute-fill z1 o50 bg-inherit ) - -.has-background-dim-10::before - +h( o10 ) -.has-background-dim-20::before - +h( o20 ) -.has-background-dim-30::before - +h( o30 ) -.has-background-dim-40::before - +h( o40 ) -.has-background-dim-60::before - +h( o60 ) -.has-background-dim-70::before - +h( o70 ) -.has-background-dim-80::before - +h( o80 ) -.has-background-dim-90::before - +h( o90 ) -.has-background-dim-100::before - +h( o100 ) - - -///// PARAGRAPH - -p.has-background - +h( p1 brad ) - -.has-small-font-size - +h( fs-s ) - -.has-medium-font-size - +h( fs-m ) - -.has-large-font-size - font-size: 2.25rem - -.has-huge-font-size - font-size: 3rem - - -///// QUOTE - -.wp-block-quote - +h( p1 ) - border-left: 4px solid var(--text) - - p, - li - +h( mb0 ) - - p + p, - li + li - +h( mt1 ) - - cite - +h( d-block mt1 fs-s c-passive ) - - &.is-style-large - +h( fs-h4 ta-center ) - border-left: none - border-top: 3px solid var(--text) - border-bottom: 3px solid var(--text) - - cite - +h( fs-body ) - - &[style="text-align:right"], - &[style="text-align: right"] - border-left: none - border-right: 4px solid var(--text) - - &[style="text-align:center"], - &[style="text-align: center"] - border-left: none - border-top: 4px solid var(--text) - - -///// PULLQUOTE - -.wp-block-pullquote - +h( pv0 ) - background-color: var(--bgColor) - - blockquote - +h( d-flex fd-column ta-left ) - - > * - +h( order2 ) - - p, li - +h( ph1 mb0 fs-body h0 ov-hidden transition ) - - cite - +h( d-flex order1 cursor-pointer relative pv0_5 ph1 bg-black_05 ) - +h( fw700 fs-m transition brad ) - font-style: normal - - &::before - content: "+" - +h( d-iblock mr1 ff-monospace ) - - &:hover - +h( bg-black_20 ) - - &.--expanded - cite - +h( mb1 ) - - cite::before - content: "-" - - p, li - +h( mb1 h-auto ) - -.wp-block-pullquote.is-style-solid-color - +h( brad ) - - cite - +h( bg-transparent ) - - cite:hover - +h( bg-white_25 ) - - &.--expanded - cite - +h( bg-transparent ) - -///// IMAGE - -%figcaption - +h( d-iblock p0_5 mh-auto bb1-solid bc-gray ) - +h( fs-s ) - -.wp-block-image - +h( ta-center ) - - &.alignfull - img - +h( brad0 ) - - figcaption - @extend %figcaption - - -// hover effect -.wp-block-image a, -.wp-block-gallery a - +h( d-block ov-hidden brad ) - - img - +h( transition ) - - &:hover img - +h( backface-hidden ) - transform: scale(1.1) - - -///// GALLERY - -.wp-block-gallery - +h( d-flex fw-wrap list-none pl0 ) - max-width: calc(#{ $content-width } + 1rem) - - &.alignwide - max-width: calc(#{ $grid-max-width } + 1rem) - - &.alignfull - max-width: 100% - - &.is-cropped img - +h( flex1 h100p w100p ) - object-fit: cover - - figure - +h( relative d-flex ai-end jc-start h100p mb0 brad ) - - a - +h( h100p ) - - figcaption - +h( absolute bottom0 w100p p0_5 fs-s c-white ta-center ) - background-image: linear-gradient( 0deg,rgba(0,0,0,.7),rgba(0,0,0,.5) 50%,transparent) - -.blocks-gallery-item - +h( ph0_5 pb1 ) - flex-grow: 1 - - @media ($above-s) - .columns-2 & - width: 50% - .columns-3 & - width: calc(100% / 3) - .columns-4 & - width: 25% - .columns-5 & - width: 20% - .columns-6 & - width: calc(100% / 6) - .columns-7 & - width: calc(100% / 7) - .columns-8 & - width: 12.5% - .columns- & - width: 20% - - @media ($below-s) - width: 33.33% - - .columns-2 & - width: 50% - - @media ($below-xs) - width: 50% - - -///// GALLERY SLIDER - -.is-style-h-slider - .blocks-gallery-item - flex-grow: initial - - &.is-cropped .hSlider-slide - +h( ai-stretch ) - - -///// AUDIO - -.wp-block-audio - +h( ta-center ) - - audio - +h( w100p ) - - figcaption - @extend %figcaption - -///// FILE - -.wp-block-file - +h( d-flex ai-center jc-center ) - +h( p1_25 bg-gray-light b1-solid bc-black_10 brad ) - - &.alignleft - +h( jc-start ) - - &.alignright - +h( jc-end ) - -.wp-block-file__button - +h( ml1 ) - - -///// VIDEO - -.wp-block-video - +h( w100p ta-center ) - - video - +h( w100p ) - - figcaption - @extend %figcaption - - -///// SPACER - -.wp-block-spacer - +h( mb0 ) - - -///// SEPARATOR - -.wp-block-separator - +h( d-block bt2-solid bc-gray mv2_5 mh-auto p0 lh1 ) - width: 120px - - &.is-style-wide - width: $content-width - - &.is-style-dots - +h( b0 h-auto w-auto ta-center ) - - &::before - content: "\00b7 \00b7 \00b7" - +h( pl2 ff-monospace c-text fs-m ) - letter-spacing: 2rem - - -///// TABLE - -table.wp-block-table, -.wp-block-table table - +h( w100p bg-white ) - --tableBorder: var(--black) - --tableHeader: var(--gray-light) - --tableBg: rgba(var(--grayRGB), .1) - - thead tr, - tfoot tr - +h( fw700 ta-left ) - background-color: var(--tableHeader) - - thead tr - border-bottom: 2px solid var(--tableBorder) - tfoot tr - border-top: 2px solid var(--tableBorder) - - th, - td - +h( pv0_5 ph1 b1-solid bc-black_10 ) - - // - @media ($below-s) - td - +h( pv0_25 ph0_5 ) - -// Table styles -.wp-block-table - &.is-style-stripes - tr:nth-child(even) - background-color: var(--tableBg) - - &.has-fixed-layout - +h( w100p ) - table-layout: fixed - - // default color palette - .has-subtle-pale-green-background-color - --tableBorder: var(--green) - --tableHeader: var(--green-light) - --tableBg: rgba(var(--greenRGB), .1) - - .has-subtle-pale-blue-background-color - --tableBorder: var(--blue) - --tableHeader: var(--blue-light) - --tableBg: rgba(var(--blueRGB), .1) - - .has-subtle-pale-pink-background-color - --tableBorder: var(--red) - --tableHeader: var(--red-light) - --tableBg: rgba(var(--redRGB), .1) - - -///// BUTTON - -.is-style-squared - a - +h( brad ) - - -///// COLUMNS - -.wp-block-columns - +h( d-flex ) - grid-row-gap: $grid-gap - grid-column-gap: $grid-gap - - @media ($below-s) - +h( fw-wrap ) - -.wp-block-column - +h( flex1 ) - - > *:last-child - +h( mb0 ) - - @media ($above-s) - + .wp-block-column - +h( ml1_5 ) - - @media ($below-s) - +h( w100p ) - flex-basis: 100% !important - - + .wp-block-column - +h( mt1_5 ) - - -@media ($above-s) - .is-style-h-2-1 - .wp-block-column:nth-child(1) - flex: 2 - .wp-block-column:nth-child(2) - flex: 1 - - .is-style-h-1-2 - .wp-block-column:nth-child(1) - flex: 1 - .wp-block-column:nth-child(2) - flex: 2 - -@media ($below-s) - .is-style-h-1-1-mobile - .wp-block-column - flex-basis: 50% !important - - .wp-block-column:nth-child(even) - +h( mt0 ) - - -///// MEDIA TEXT - -.wp-block-media-text - +h( d-grid ) - grid-row-gap: $grid-gap - grid-column-gap: $grid-gap - - &[class*="-background-color"] - +h( p1 brad ) - - @media ($above-xs) - grid-template-areas: "media text" - grid-template-columns: 6fr 6fr - - &.has-media-on-the-right - grid-template-areas: "text media" - - &.is-style-h-smaller-image, - &.is-style-h-larger-image.has-media-on-the-right - grid-template-columns: 4fr 8fr - - &.is-style-h-larger-image, - &.is-style-h-smaller-image.has-media-on-the-right - grid-template-columns: 8fr 4fr - - // - @media ($below-xs) - grid-template-areas: "media" "text" - grid-template-columns: repeat(1, 1fr) - - -.wp-block-media-text__media - +h( mb0 ) - grid-area: media - - @media ($above-xs) - .is-image-fill & - +h( as-stretch bgr-no bgs-cover brad ) - - img - +h( d-none ) - - @media ($below-xs) - .is-image-fill & - background-image: none !important - - -.wp-block-media-text__content - grid-area: text - - > *:last-child - +h( mb0 ) - - -///// CODE & PREFORMATTED - -.wp-block-code, -.wp-block-preformatted - +h( p1 b1-solid bc-black_10 bg-gray-light brad ) - font-size: 15px - - code - +h( p0 b0 bg-transparent ) - -pre, -code - +h( ff-monospace ) - -code - +h( pv0 ph0_5 ) - - -///// EMBED - -.wp-block-embed - +h( mv2 ta-center ) - - figcaption - @extend %figcaption - -.wp-block-embed__wrapper - +h( d-flex jc-center relative ) - - &::before - .wp-has-aspect-ratio &, - .wp-block-embed-wordpress & - +h( content-empty d-block w100p ) - - .wp-embed-aspect-21-9 &, - .wp-block-embed-wordpress & - padding-top: 42.85% - .wp-embed-aspect-18-9 & - padding-top: 50% - .wp-embed-aspect-16-9 & - padding-top: 56.25% - .wp-embed-aspect-4-3 & - padding-top: 75% - .wp-embed-aspect-1-1 & - padding-top: 100% - .wp-embed-aspect-9-6 & - padding-top: 66.667% - .wp-embed-aspect-1-2 & - padding-top: 200% - - -.wp-has-aspect-ratio, -.wp-block-embed-wordpress - iframe - +h( absolute-fill w100p h100p ) - - -.wp-block-embed-wordpress - blockquote - +h( d-none ) - - iframe - clip: auto !important - - -///// READ MORE - -.h-block-readmore - +h( mv2 transition ) - - .button - +h( d-block pv1 tt-uppercase ta-center ) - - ~ * - +h( transition ) - - // hide all the content after Read More block - &:not(.--expanded) - ~ * - +h( d-block ov-hidden h0 p0 m0 b0 transition ) - - &.--expanded - +h( ov-hidden h0 p0 m0 ) - - -///// ACF POST LIST - -.acf-block-post-list diff --git a/codes/hooks.php b/codes/hooks.php deleted file mode 100644 index 452bf31..0000000 --- a/codes/hooks.php +++ /dev/null @@ -1,17 +0,0 @@ -a{display:block;padding-top:0.75rem;padding-bottom:0.75rem;padding-right:1rem;padding-left:1rem;color:var(--text);transition:none}.nav-item>a:hover{opacity:.7}.nav-item.current-menu-item>a,.nav-item.current-page-ancestor>a,.nav-item.current-menu-ancestor>a,.nav-item.current-menu-parent>a,.nav-item.current_page_parent>a{color:var(--main)}.nav-children{position:absolute;visibility:hidden;opacity:0;top:100%;left:0;background-color:var(--gray-light);white-space:nowrap;padding:0.25rem;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px;transition:all 0.25s ease-out;width:200px}.nav-item:hover .nav-children{visibility:visible;opacity:1}.nav-children a{display:block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:inherit;border-radius:4px}.nav-children a:hover{background-color:var(--gray)}@media (max-width: 767px){.nav-children{top:0;left:100%;transform:translateX(-10px)}.nav-children a{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:0.75rem;padding-left:0.75rem}}.nav-toggle i{line-height:1}.nav-toggle i,.nav-toggle b{display:inline-block;vertical-align:middle}.nav-toggle .dashicons-before::before{font-size:1.125em;width:18px;height:18px}@media (min-width: 768px){.nav-toggle{display:none}}.nav-extra{_display:"-webkit-flex";display:flex;order:2;align-items:center;position:relative}.nav-extra .button{line-height:1;margin-left:0.25rem}.nav-extra span{line-height:20px}@media (max-width: 767px){.nav-extra span{display:none}}.main-footer{margin-top:auto;background-color:rgba(var(--blackRGB), 0.75);color:var(--white)}.footer-widgets{padding-top:2.5rem;padding-bottom:2.5rem;color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.footer-widgets h-grid{grid-row-gap:20px}.footer-widgets .widget{list-style-type:none;grid-column:span 4}.footer-widgets .widgettitle{margin-bottom:0.25rem;color:rgba(var(--whiteRGB), 0.75)}.footer-widgets ul{padding-left:1.25rem}.footer-bar{padding-top:0.5rem;padding-bottom:0.5rem;background-color:rgba(var(--mainRGB), 0.10);color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.copyright,.partners{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center}.copyright header,.partners header{font-weight:700;line-height:1.4}.copyright a{margin-right:0.5rem}@media (min-width: 768px){.copyright header{margin-right:1.5rem}}.partners{justify-content:flex-end}.partners img{padding:0.25rem;width:32px}.partners a{display:block;position:relative;margin-right:0.25rem;margin-left:0.25rem;background-color:rgba(var(--mainRGB), 0.25);border-radius:50%;transition:all 0.25s ease-out}.partners a:hover{background-color:rgba(var(--mainRGB), 0.50);color:var(--white)}.partner-caption{visibility:hidden;opacity:0;position:absolute;right:0;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:var(--main);color:var(--white);text-align:center;border-radius:4px;transition:all 0.25s ease-out;bottom:calc(100% + 8px);transform:translateY(20px)}.partner-caption::after{content:"";position:absolute;top:100%;right:10px;width:0;height:0;font-size:0;line-height:0%;border-style:solid;border-color:transparent;border-width:5px 6px 0 6px;border-top-color:var(--main)}a:hover .partner-caption{visibility:visible;opacity:1;transform:none}.partner-caption h5{font-size:.875em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:var(--white);white-space:nowrap}.partner-caption p{white-space:nowrap;font-size:12px}[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor)}article p,article ul,article ol,article blockquote,article pre,article table,article figure{margin-bottom:1.5rem}article p a,article li a{text-decoration:underline}article ul,article ol{padding-left:1.5rem}article ul ul,article ol ol,article ul ol,article ol ul{margin-bottom:0}article img{border-radius:4px}.the-content{letter-spacing:0.16px}.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{margin-bottom:1.5rem;clear:both;color:var(--textColor)}.the-content>.woocommerce{margin-right:auto;margin-left:auto;max-width:1120px}.the-content>*:first-child{margin-top:0}.the-content>*,.wp-block-group>*{margin-right:auto;margin-left:auto;margin-bottom:1.5rem;max-width:650px}@media (max-width: 1120px){.the-content,.wp-block-group{padding-right:16px;padding-left:16px}}.alignright,.has-text-align-right{text-align:right}.alignleft,.has-text-align-left{text-align:left}.aligncenter,.has-text-align-center{text-align:center}.alignwide{max-width:1120px}.alignfull{max-width:none;margin-top:2.5rem;margin-bottom:2.5rem}.alignfull+.alignfull{margin-top:-2.5rem}.alignfull:last-child{margin-bottom:0}@media (max-width: 1120px){.alignfull{margin-right:-16px;margin-left:-16px}}.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-group{padding-top:2rem;padding-bottom:2rem}.wp-block-group:not(.has-background){padding-top:0;padding-bottom:0}.wp-block-group:not(.has-background)+.alignfull{margin-top:0}.wp-block-group *:last-child{margin-bottom:0}.wp-block-cover{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--black);min-height:400px}.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;color:rgba(var(--whiteRGB), 0.60);border-top:1px solid;border-bottom:2px solid}.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-right:2rem;padding-left:2rem;padding-bottom:2rem;border-radius:4px;max-width:calc(650px + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(var(--whiteRGB), 0.60)}.wp-block-cover__inner-container{position:relative;z-index:2;color:var(--white);width:650px}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:16px;padding-left:16px}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;left:0;bottom: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}p.has-background{padding:1rem;border-radius:4px}.has-small-font-size{font-size:.875em}.has-medium-font-size{font-size:1.125em}.has-large-font-size{font-size:2.25rem}.has-huge-font-size{font-size:3rem}.wp-block-quote{padding:1rem;border-left:4px solid var(--text)}.wp-block-quote p,.wp-block-quote li{margin-bottom:0}.wp-block-quote p+p,.wp-block-quote li+li{margin-top:1rem}.wp-block-quote cite{display:block;margin-top:1rem;font-size:.875em;color:var(--passive)}.wp-block-quote.is-style-large{text-align:center;border-left:none;border-top:3px solid var(--text);border-bottom:3px solid var(--text)}.wp-block-quote.is-style-large cite{font-size:1rem}.wp-block-quote[style="text-align:right"],.wp-block-quote[style="text-align: right"]{border-left:none;border-right:4px solid var(--text)}.wp-block-quote[style="text-align:center"],.wp-block-quote[style="text-align: center"]{border-left:none;border-top:4px solid var(--text)}.wp-block-pullquote{padding-top:0;padding-bottom:0;background-color:var(--bgColor)}.wp-block-pullquote blockquote{_display:"-webkit-flex";display:flex;flex-direction:column;text-align:left}.wp-block-pullquote blockquote>*{order:2}.wp-block-pullquote p,.wp-block-pullquote li{padding-right:1rem;padding-left:1rem;margin-bottom:0;font-size:1rem;height:0;overflow:hidden;transition:all 0.25s ease-out}.wp-block-pullquote cite{_display:"-webkit-flex";display:flex;order:1;cursor:pointer;position:relative;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:rgba(var(--blackRGB), 0.05);font-weight:700;font-size:1.125em;transition:all 0.25s ease-out;border-radius:4px;font-style:normal}.wp-block-pullquote cite::before{content:"+";display:inline-block;margin-right:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.wp-block-pullquote cite:hover{background-color:rgba(var(--blackRGB), 0.20)}.wp-block-pullquote.--expanded cite{margin-bottom:1rem}.wp-block-pullquote.--expanded cite::before{content:"-"}.wp-block-pullquote.--expanded p,.wp-block-pullquote.--expanded li{margin-bottom:1rem;height:auto}.wp-block-pullquote.is-style-solid-color{border-radius:4px}.wp-block-pullquote.is-style-solid-color cite{background-color:transparent}.wp-block-pullquote.is-style-solid-color cite:hover{background-color:rgba(var(--whiteRGB), 0.25)}.wp-block-pullquote.is-style-solid-color.--expanded cite{background-color:transparent}.wp-block-image figcaption,.wp-block-audio figcaption,.wp-block-video figcaption,.wp-block-embed figcaption{display:inline-block;padding:0.5rem;margin-right:auto;margin-left:auto;border-bottom:1px solid;border-color:var(--gray);font-size:.875em}.wp-block-image{text-align:center}.wp-block-image.alignfull img{border-radius:0}.wp-block-image a,.wp-block-gallery a{display:block;overflow:hidden;border-radius:4px}.wp-block-image a img,.wp-block-gallery a img{transition:all 0.25s ease-out}.wp-block-image a:hover img,.wp-block-gallery a:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;max-width:calc(650px + 1rem)}.wp-block-gallery.alignwide{max-width:calc(1120px + 1rem)}.wp-block-gallery.alignfull{max-width:100%}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery figure{position:relative;_display:"-webkit-flex";display:flex;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:4px}.wp-block-gallery a{height:100%}.wp-block-gallery figcaption{position:absolute;bottom:0;width:100%;padding:0.5rem;font-size:.875em;color:var(--white);text-align:center;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent)}.blocks-gallery-item{padding-right:0.5rem;padding-left:0.5rem;padding-bottom:1rem;flex-grow:1}@media (min-width: 768px){.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: 767px){.blocks-gallery-item{width:33.33%}.columns-2 .blocks-gallery-item{width:50%}}@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-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:var(--gray-light);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.wp-block-file.alignleft{justify-content:flex-start}.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-spacer{margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid;border-color:var(--gray);margin-top:2.5rem;margin-bottom:2.5rem;margin-right:auto;margin-left:auto;padding:0;line-height:1;width:120px}.wp-block-separator.is-style-wide{width:650px}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;color:var(--text);font-size:1.125em;letter-spacing:2rem}table.wp-block-table,.wp-block-table table{width:100%;background-color:var(--white);--tableBorder: var(--black);--tableHeader: var(--gray-light);--tableBg: rgba(var(--grayRGB), .1)}table.wp-block-table thead tr,table.wp-block-table tfoot tr,.wp-block-table table thead tr,.wp-block-table table tfoot tr{font-weight:700;text-align:left;background-color:var(--tableHeader)}table.wp-block-table thead tr,.wp-block-table table thead tr{border-bottom:2px solid var(--tableBorder)}table.wp-block-table tfoot tr,.wp-block-table table tfoot tr{border-top:2px solid var(--tableBorder)}table.wp-block-table th,table.wp-block-table td,.wp-block-table table th,.wp-block-table table td{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10)}@media (max-width: 767px){table.wp-block-table td,.wp-block-table table td{padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem}}.wp-block-table.is-style-stripes tr:nth-child(even){background-color:var(--tableBg)}.wp-block-table.has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table .has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: var(--green-light);--tableBg: rgba(var(--greenRGB), .1)}.wp-block-table .has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: var(--blue-light);--tableBg: rgba(var(--blueRGB), .1)}.wp-block-table .has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: var(--red-light);--tableBg: rgba(var(--redRGB), .1)}.is-style-squared a{border-radius:4px}.wp-block-columns{_display:"-webkit-flex";display:flex;grid-row-gap:20px;grid-column-gap:20px}@media (max-width: 767px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex:1}.wp-block-column>*:last-child{margin-bottom:0}@media (min-width: 768px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 767px){.wp-block-column{width:100%;flex-basis:100% !important}.wp-block-column+.wp-block-column{margin-top:1.5rem}}@media (min-width: 768px){.is-style-h-2-1 .wp-block-column:nth-child(1){flex:2}.is-style-h-2-1 .wp-block-column:nth-child(2){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(1){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(2){flex:2}}@media (max-width: 767px){.is-style-h-1-1-mobile .wp-block-column{flex-basis:50% !important}.is-style-h-1-1-mobile .wp-block-column:nth-child(even){margin-top:0}}.wp-block-media-text{_display:"-ms-grid";display:grid;grid-row-gap:20px;grid-column-gap:20px}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:4px}@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"}.wp-block-media-text.is-style-h-smaller-image,.wp-block-media-text.is-style-h-larger-image.has-media-on-the-right{grid-template-columns:4fr 8fr}.wp-block-media-text.is-style-h-larger-image,.wp-block-media-text.is-style-h-smaller-image.has-media-on-the-right{grid-template-columns:8fr 4fr}}@media (max-width: 480px){.wp-block-media-text{grid-template-areas:"media" "text";grid-template-columns:repeat(1, 1fr)}}.wp-block-media-text__media{margin-bottom:0;grid-area:media}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:4px}.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-media-text__content>*:last-child{margin-bottom:0}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);background-color:var(--gray-light);border-radius:4px;font-size:15px}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}code{padding-top:0;padding-bottom:0;padding-right:0.5rem;padding-left:0.5rem}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{_display:"-webkit-flex";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;left:0;bottom:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}.h-block-readmore{margin-top:2rem;margin-bottom:2rem;transition:all 0.25s ease-out}.h-block-readmore .button{display:block;padding-top:1rem;padding-bottom:1rem;text-transform:uppercase;text-align:center}.h-block-readmore ~ *{transition:all 0.25s ease-out}.h-block-readmore:not(.--expanded) ~ *{display:block;overflow:hidden;height:0;padding:0;margin:0;border:0;transition:all 0.25s ease-out}.h-block-readmore.--expanded{overflow:hidden;height:0;padding:0;margin:0}.has-fixed-nav main{padding-top:74px;color:#1976d2}@media (max-width: 782px){html[lang]{margin-top:0 !important}#wpadminbar{display:none}} +*/.wp-block-quote.is-style-large{font-size:1.5em}@media (max-width: 767px){.wp-block-quote.is-style-large{font-size:1.25em}}.footer-widgets .widgettitle{font-size:1.25em}@media (max-width: 767px){.footer-widgets .widgettitle{font-size:1.125em}}body{_display:"-webkit-flex";display:flex;flex-direction:column;overflow-x:hidden;height:100vh}.main-nav{position:relative;background-color:var(--white);border-bottom:1px solid;border-color:var(--gray);z-index:100;padding-top:0.75rem;padding-bottom:0.75rem}.has-fixed-nav .main-nav{position:fixed;width:100%}.nav-wrapper{_display:"-webkit-flex";display:flex;align-items:center}body.has-active-nav,body.has-active-cart{cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0)}.nav-logo img{width:auto;height:2.5em}@media (max-width: 767px){.nav-logo{order:1;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto}}.nav-items{_display:"-webkit-flex";display:flex;flex:1;justify-content:flex-start;flex-wrap:wrap;transition:all 0.25s ease-out}@media (max-width: 767px){.nav-items{flex-direction:column;visibility:hidden;position:fixed;opacity:0;z-index:100;top:0;left:0;bottom:0;padding-top:3rem;padding-bottom:2rem;padding-right:0;padding-left:0;background-color:var(--white);transition:all 0.25s ease-out;box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);width:180px;transform:translateX(-100%)}}.has-active-nav .nav-items{visibility:visible;opacity:1;transform:none}.nav-item{position:relative}.nav-item>a{display:block;padding-top:0.75rem;padding-bottom:0.75rem;padding-right:1rem;padding-left:1rem;color:var(--text);transition:none}.nav-item>a:hover{opacity:.7}.nav-item.current-menu-item>a,.nav-item.current-page-ancestor>a,.nav-item.current-menu-ancestor>a,.nav-item.current-menu-parent>a,.nav-item.current_page_parent>a{color:var(--main)}.nav-children{position:absolute;visibility:hidden;opacity:0;top:100%;left:0;background-color:var(--gray-light);white-space:nowrap;padding:0.25rem;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px;transition:all 0.25s ease-out;width:200px}.nav-item:hover .nav-children{visibility:visible;opacity:1}.nav-children a{display:block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:inherit;border-radius:4px}.nav-children a:hover{background-color:var(--gray)}@media (max-width: 767px){.nav-children{top:0;left:100%;transform:translateX(-10px)}.nav-children a{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:0.75rem;padding-left:0.75rem}}.nav-toggle i{line-height:1}.nav-toggle i,.nav-toggle b{display:inline-block;vertical-align:middle}.nav-toggle .dashicons-before::before{font-size:1.125em;width:18px;height:18px}@media (min-width: 768px){.nav-toggle{display:none}}.nav-extra{_display:"-webkit-flex";display:flex;order:2;align-items:center;position:relative}.nav-extra .button{line-height:1;margin-left:0.25rem}.nav-extra span{line-height:20px}@media (max-width: 767px){.nav-extra span{display:none}}.main-footer{margin-top:auto;background-color:rgba(var(--blackRGB), 0.75);color:var(--white)}.footer-widgets{padding-top:2.5rem;padding-bottom:2.5rem;color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.footer-widgets h-grid{grid-row-gap:20px}.footer-widgets .widget{list-style-type:none;grid-column:span 4}.footer-widgets .widgettitle{margin-bottom:0.25rem;color:rgba(var(--whiteRGB), 0.75)}.footer-widgets ul{padding-left:1.25rem}.footer-bar{padding-top:0.5rem;padding-bottom:0.5rem;background-color:rgba(var(--mainRGB), 0.10);color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.copyright,.partners{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center}.copyright header,.partners header{font-weight:700;line-height:1.4}.copyright a{margin-right:0.5rem}@media (min-width: 768px){.copyright header{margin-right:1.5rem}}.partners{justify-content:flex-end}.partners img{padding:0.25rem;width:32px}.partners a{display:block;position:relative;margin-right:0.25rem;margin-left:0.25rem;background-color:rgba(var(--mainRGB), 0.25);border-radius:50%;transition:all 0.25s ease-out}.partners a:hover{background-color:rgba(var(--mainRGB), 0.50);color:var(--white)}.partner-caption{visibility:hidden;opacity:0;position:absolute;right:0;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:var(--main);color:var(--white);text-align:center;border-radius:4px;transition:all 0.25s ease-out;bottom:calc(100% + 8px);transform:translateY(20px)}.partner-caption::after{content:"";position:absolute;top:100%;right:10px;width:0;height:0;font-size:0;line-height:0%;border-style:solid;border-color:transparent;border-width:5px 6px 0 6px;border-top-color:var(--main)}a:hover .partner-caption{visibility:visible;opacity:1;transform:none}.partner-caption h5{font-size:.875em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:var(--white);white-space:nowrap}.partner-caption p{white-space:nowrap;font-size:12px}[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor)}article p,article ul,article ol,article blockquote,article pre,article table,article figure{margin-bottom:1.5rem}article p a,article li a{text-decoration:underline}article ul,article ol{padding-left:1.5rem}article ul ul,article ol ol,article ul ol,article ol ul{margin-bottom:0}article img{border-radius:4px}.the-content{letter-spacing:0.16px}.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{margin-bottom:1.5rem;clear:both;color:var(--textColor)}.the-content>.woocommerce{margin-right:auto;margin-left:auto;max-width:1120px}.the-content>*:first-child{margin-top:0}.the-content>*,.wp-block-group>*{margin-right:auto;margin-left:auto;margin-bottom:1.5rem;max-width:650px}@media (max-width: 1120px){.the-content,.wp-block-group{padding-right:16px;padding-left:16px}}.alignright,.has-text-align-right{text-align:right}.alignleft,.has-text-align-left{text-align:left}.aligncenter,.has-text-align-center{text-align:center}.alignwide{max-width:1120px}.alignfull{max-width:none;margin-top:2.5rem;margin-bottom:2.5rem}.alignfull+.alignfull{margin-top:-2.5rem}.alignfull:last-child{margin-bottom:0}@media (max-width: 1120px){.alignfull{margin-right:-16px;margin-left:-16px}}.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-group{padding-top:2rem;padding-bottom:2rem}.wp-block-group:not(.has-background){padding-top:0;padding-bottom:0}.wp-block-group:not(.has-background)+.alignfull{margin-top:0}.wp-block-group *:last-child{margin-bottom:0}.wp-block-cover{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--black);min-height:400px}.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;color:rgba(var(--whiteRGB), 0.60);border-top:1px solid;border-bottom:2px solid}.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-right:2rem;padding-left:2rem;padding-bottom:2rem;border-radius:4px;max-width:calc(650px + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(var(--whiteRGB), 0.60)}.wp-block-cover__inner-container{position:relative;z-index:2;color:var(--white);width:650px}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:16px;padding-left:16px}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;left:0;bottom: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}p.has-background{padding:1rem;border-radius:4px}.has-small-font-size{font-size:.875em}.has-medium-font-size{font-size:1.125em}.has-large-font-size{font-size:2.25rem}.has-huge-font-size{font-size:3rem}.wp-block-quote{padding:1rem;border-left:4px solid var(--text)}.wp-block-quote p,.wp-block-quote li{margin-bottom:0}.wp-block-quote p+p,.wp-block-quote li+li{margin-top:1rem}.wp-block-quote cite{display:block;margin-top:1rem;font-size:.875em;color:var(--passive)}.wp-block-quote.is-style-large{text-align:center;border-left:none;border-top:3px solid var(--text);border-bottom:3px solid var(--text)}.wp-block-quote.is-style-large cite{font-size:1rem}.wp-block-quote[style="text-align:right"],.wp-block-quote[style="text-align: right"]{border-left:none;border-right:4px solid var(--text)}.wp-block-quote[style="text-align:center"],.wp-block-quote[style="text-align: center"]{border-left:none;border-top:4px solid var(--text)}.wp-block-pullquote{padding-top:0;padding-bottom:0;background-color:var(--bgColor)}.wp-block-pullquote blockquote{_display:"-webkit-flex";display:flex;flex-direction:column;text-align:left}.wp-block-pullquote blockquote>*{order:2}.wp-block-pullquote p,.wp-block-pullquote li{padding-right:1rem;padding-left:1rem;margin-bottom:0;font-size:1rem;height:0;overflow:hidden;transition:all 0.25s ease-out}.wp-block-pullquote cite{_display:"-webkit-flex";display:flex;order:1;cursor:pointer;position:relative;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:rgba(var(--blackRGB), 0.05);font-weight:700;font-size:1.125em;transition:all 0.25s ease-out;border-radius:4px;font-style:normal}.wp-block-pullquote cite::before{content:"+";display:inline-block;margin-right:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.wp-block-pullquote cite:hover{background-color:rgba(var(--blackRGB), 0.20)}.wp-block-pullquote.--expanded cite{margin-bottom:1rem}.wp-block-pullquote.--expanded cite::before{content:"-"}.wp-block-pullquote.--expanded p,.wp-block-pullquote.--expanded li{margin-bottom:1rem;height:auto}.wp-block-pullquote.is-style-solid-color{border-radius:4px}.wp-block-pullquote.is-style-solid-color cite{background-color:transparent}.wp-block-pullquote.is-style-solid-color cite:hover{background-color:rgba(var(--whiteRGB), 0.25)}.wp-block-pullquote.is-style-solid-color.--expanded cite{background-color:transparent}.wp-block-image figcaption,.wp-block-audio figcaption,.wp-block-video figcaption,.wp-block-embed figcaption{display:inline-block;padding:0.5rem;margin-right:auto;margin-left:auto;border-bottom:1px solid;border-color:var(--gray);font-size:.875em}.wp-block-image{text-align:center}.wp-block-image.alignfull img{border-radius:0}.wp-block-image a,.wp-block-gallery a{display:block;overflow:hidden;border-radius:4px}.wp-block-image a img,.wp-block-gallery a img{transition:all 0.25s ease-out}.wp-block-image a:hover img,.wp-block-gallery a:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;max-width:calc(650px + 1rem)}.wp-block-gallery.alignwide{max-width:calc(1120px + 1rem)}.wp-block-gallery.alignfull{max-width:100%}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery figure{position:relative;_display:"-webkit-flex";display:flex;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:4px}.wp-block-gallery a{height:100%}.wp-block-gallery figcaption{position:absolute;bottom:0;width:100%;padding:0.5rem;font-size:.875em;color:var(--white);text-align:center;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent)}.blocks-gallery-item{padding-right:0.5rem;padding-left:0.5rem;padding-bottom:1rem;flex-grow:1}@media (min-width: 768px){.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: 767px){.blocks-gallery-item{width:33.33%}.columns-2 .blocks-gallery-item{width:50%}}@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-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:var(--gray-light);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.wp-block-file.alignleft{justify-content:flex-start}.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-spacer{margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid;border-color:var(--gray);margin-top:2.5rem;margin-bottom:2.5rem;margin-right:auto;margin-left:auto;padding:0;line-height:1;width:120px}.wp-block-separator.is-style-wide{width:650px}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;color:var(--text);font-size:1.125em;letter-spacing:2rem}table.wp-block-table,.wp-block-table table{width:100%;background-color:var(--white);--tableBorder: var(--black);--tableHeader: var(--gray-light);--tableBg: rgba(var(--grayRGB), .1)}table.wp-block-table thead tr,table.wp-block-table tfoot tr,.wp-block-table table thead tr,.wp-block-table table tfoot tr{font-weight:700;text-align:left;background-color:var(--tableHeader)}table.wp-block-table thead tr,.wp-block-table table thead tr{border-bottom:2px solid var(--tableBorder)}table.wp-block-table tfoot tr,.wp-block-table table tfoot tr{border-top:2px solid var(--tableBorder)}table.wp-block-table th,table.wp-block-table td,.wp-block-table table th,.wp-block-table table td{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10)}@media (max-width: 767px){table.wp-block-table td,.wp-block-table table td{padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem}}.wp-block-table.is-style-stripes tr:nth-child(even){background-color:var(--tableBg)}.wp-block-table.has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table .has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: var(--green-light);--tableBg: rgba(var(--greenRGB), .1)}.wp-block-table .has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: var(--blue-light);--tableBg: rgba(var(--blueRGB), .1)}.wp-block-table .has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: var(--red-light);--tableBg: rgba(var(--redRGB), .1)}.is-style-squared a{border-radius:4px}.wp-block-columns{_display:"-webkit-flex";display:flex}@media (max-width: 767px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex:1}.wp-block-column>*:last-child{margin-bottom:0}@media (min-width: 768px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 767px){.wp-block-column{width:100%;flex-basis:100% !important}.wp-block-column+.wp-block-column{margin-top:1.5rem}}@media (min-width: 768px){.is-style-h-2-1 .wp-block-column:nth-child(1){flex:2}.is-style-h-2-1 .wp-block-column:nth-child(2){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(1){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(2){flex:2}}@media (max-width: 767px){.is-style-h-1-1-mobile .wp-block-column{flex-basis:50% !important}.is-style-h-1-1-mobile .wp-block-column:nth-child(even){margin-top:0}}.wp-block-media-text{_display:"-ms-grid";display:grid;grid-row-gap:20px;grid-column-gap:20px}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:4px}@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"}.wp-block-media-text.is-style-h-smaller-image,.wp-block-media-text.is-style-h-larger-image.has-media-on-the-right{grid-template-columns:4fr 8fr}.wp-block-media-text.is-style-h-larger-image,.wp-block-media-text.is-style-h-smaller-image.has-media-on-the-right{grid-template-columns:8fr 4fr}}@media (max-width: 480px){.wp-block-media-text{grid-template-areas:"media" "text";grid-template-columns:repeat(1, 1fr)}}.wp-block-media-text__media{margin-bottom:0;grid-area:media}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:4px}.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-media-text__content>*:last-child{margin-bottom:0}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);background-color:var(--gray-light);border-radius:4px;font-size:15px}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}code{padding-top:0;padding-bottom:0;padding-right:0.5rem;padding-left:0.5rem}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{_display:"-webkit-flex";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;left:0;bottom:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}.h-block-readmore{margin-top:2rem;margin-bottom:2rem;transition:all 0.25s ease-out}.h-block-readmore .button{display:block;padding-top:1rem;padding-bottom:1rem;text-transform:uppercase;text-align:center}.h-block-readmore ~ *{transition:all 0.25s ease-out}.h-block-readmore:not(.--expanded) ~ *{display:block;overflow:hidden;height:0;padding:0;margin:0;border:0;transition:all 0.25s ease-out}.h-block-readmore.--expanded{overflow:hidden;height:0;padding:0;margin:0}@media (max-width: 782px){html[lang]{margin-top:0 !important}#wpadminbar{display:none}} diff --git a/css/app/test.sass b/css/app/test.sass new file mode 100644 index 0000000..bf42ea4 --- /dev/null +++ b/css/app/test.sass @@ -0,0 +1,2 @@ +body + background-color: red \ No newline at end of file diff --git a/assets/css/framework.css b/css/framework.css similarity index 90% rename from assets/css/framework.css rename to css/framework.css index 18a16d4..5a09ae0 100644 --- a/assets/css/framework.css +++ b/css/framework.css @@ -1,7 +1,7 @@ /*! - EDJE Functional Sass v3.0.0 + EDJE Functional Sass v3.1.0 Documentation: https://github.com/hrsetyono/edje/wiki -*/*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,body{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,picture,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}a{cursor:pointer;text-decoration:none;background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0}img{border:0;display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}blockquote cite{display:block;font-style:italic}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}img,object,embed{max-width:100%;height:auto}#map_canvas img,.map_canvas img,#map_canvas object,.map_canvas object,#map_canvas embed,.map_canvas embed{max-width:none !important}object,embed{height:100%}[hidden],template{display:none}address,cite{font-style:normal}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}button,input,optgroup,select,textarea{outline:none;margin:0;color:inherit;font:inherit}button,input[type="submit"]{overflow:visible;cursor:pointer;outline:none;-webkit-backface-visibility:hidden}button:focus,input[type="submit"]:focus{outline:none}button,select{text-transform:none}optgroup{font-weight:bold}button,input,label{line-height:normal}label{display:block}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input::-webkit-calendar-picker-indicator{display:none}input[type="date"]::-webkit-input-placeholder{visibility:hidden !important}textarea{overflow:auto;vertical-align:top;resize:vertical;height:auto;min-height:50px}legend{border:0;padding:0}fieldset{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none !important;visibility:hidden !important}.flex-iframe{overflow:hidden;position:relative;height:0;padding-bottom:67.5%;padding-top:1.38889rem}.flex-iframe iframe,.flex-iframe object,.flex-iframe embed,.flex-iframe video{position:absolute;top:0;left:0;height:100%;width:100%}h-grid{_display:"-ms-grid";display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:20px;max-width:1152px;padding-right:16px;padding-left:16px;margin:0 auto;width:100%}h-grid.collapse{grid-column-gap:0}h-grid h-grid{margin:0;padding:0}.large-1{grid-column:span 1}.large-2{grid-column:span 2}.large-3{grid-column:span 3}.large-4{grid-column:span 4}.large-5{grid-column:span 5}.large-6{grid-column:span 6}.large-7{grid-column:span 7}.large-8{grid-column:span 8}.large-9{grid-column:span 9}.large-10{grid-column:span 10}.large-11{grid-column:span 11}.large-12{grid-column:span 12}@media (max-width: 767px){[class*="large-"]{grid-column:span 12}.small-1{grid-column:span 1}.small-2{grid-column:span 2}.small-3{grid-column:span 3}.small-4{grid-column:span 4}.small-5{grid-column:span 5}.small-6{grid-column:span 6}.small-7{grid-column:span 7}.small-8{grid-column:span 8}.small-9{grid-column:span 9}.small-10{grid-column:span 10}.small-11{grid-column:span 11}.small-12{grid-column:span 12}}h-tile{_display:"-ms-grid";display:grid;grid-column-gap:20px;grid-row-gap:20px}h-tile.collapse{grid-column-gap:0}h-tile>*{grid-column:span 1}.tile-1{grid-template-columns:repeat(1, 1fr)}.tile-2{grid-template-columns:repeat(2, 1fr)}.tile-3{grid-template-columns:repeat(3, 1fr)}.tile-4{grid-template-columns:repeat(4, 1fr)}.tile-5{grid-template-columns:repeat(5, 1fr)}.tile-6{grid-template-columns:repeat(6, 1fr)}.tile-7{grid-template-columns:repeat(7, 1fr)}.tile-8{grid-template-columns:repeat(8, 1fr)}@media (max-width: 767px){[class*="tile-"]{grid-template-columns:repeat(1, 1fr)}.small-tile-1{grid-template-columns:repeat(1, 1fr)}.small-tile-2{grid-template-columns:repeat(2, 1fr)}.small-tile-3{grid-template-columns:repeat(3, 1fr)}.small-tile-4{grid-template-columns:repeat(4, 1fr)}.small-tile-5{grid-template-columns:repeat(5, 1fr)}.small-tile-6{grid-template-columns:repeat(6, 1fr)}.small-tile-7{grid-template-columns:repeat(7, 1fr)}.small-tile-8{grid-template-columns:repeat(8, 1fr)}}h1{font-size:2.625em}@media (max-width: 767px){h1{font-size:1.875em}}h2,.content-error span{font-size:2.25em}@media (max-width: 767px){h2,.content-error span{font-size:1.625em}}h3{font-size:1.875em}@media (max-width: 767px){h3{font-size:1.375em}}h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.5em}@media (max-width: 767px){h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.25em}}h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.25em}@media (max-width: 767px){h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}h6{font-size:1em}@media (max-width: 767px){h6{font-size:1em}}body{position:relative;background:var(--body);font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.65;color:var(--text)}p{margin-top:0;margin-bottom:0}a{color:inherit;transition:all 0.25s ease-out}a:hover{color:var(--blue)}h1,h2,h3,h4,h5,h6{font-family:"Apple Garamond","Baskerville","Times New Roman","Droid Serif","Times","Source Serif Pro",serif;font-weight:700;line-height:1.25;color:var(--header);letter-spacing:0;text-transform:none}ul{list-style-type:disc}ul ul{list-style-type:circle}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}@media (min-width: 768px){.hide-for-l,.show-for-s{display:none !important}}@media (max-width: 767px){.hide-for-s,.show-for-l{display:none !important}}@media (min-width: 481px){.show-for-xs{display:none !important}}@media (max-width: 480px){.hide-for-xs{display:none !important}}:root{--red: #d32f2f;--redRGB: 211, 47, 47 +*/*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,body{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,picture,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}a{cursor:pointer;text-decoration:none;background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0}img{border:0;display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}blockquote cite{display:block;font-style:italic}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}img,object,embed{max-width:100%;height:auto}#map_canvas img,.map_canvas img,#map_canvas object,.map_canvas object,#map_canvas embed,.map_canvas embed{max-width:none !important}object,embed{height:100%}[hidden],template{display:none}address,cite{font-style:normal}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}button,input,optgroup,select,textarea{outline:none;margin:0;color:inherit;font:inherit}button,input[type="submit"]{overflow:visible;cursor:pointer;outline:none;-webkit-backface-visibility:hidden}button:focus,input[type="submit"]:focus{outline:none}button,select{text-transform:none}optgroup{font-weight:bold}button,input,label{line-height:normal}label{display:block}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input::-webkit-calendar-picker-indicator{display:none}input[type="date"]::-webkit-input-placeholder{visibility:hidden !important}textarea{overflow:auto;vertical-align:top;resize:vertical;height:auto;min-height:50px}legend{border:0;padding:0}fieldset{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none !important;visibility:hidden !important}.flex-iframe{overflow:hidden;position:relative;height:0;padding-bottom:67.5%;padding-top:1.38889rem}.flex-iframe iframe,.flex-iframe object,.flex-iframe embed,.flex-iframe video{position:absolute;top:0;left:0;height:100%;width:100%}h-grid{_display:"-ms-grid";display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:20px;max-width:1152px;padding-right:16px;padding-left:16px;margin:0 auto;width:100%}h-grid.collapse{grid-column-gap:0}h-grid h-grid{margin:0;padding:0}.large-1{grid-column:span 1}.large-2{grid-column:span 2}.large-3{grid-column:span 3}.large-4{grid-column:span 4}.large-5{grid-column:span 5}.large-6{grid-column:span 6}.large-7{grid-column:span 7}.large-8{grid-column:span 8}.large-9{grid-column:span 9}.large-10{grid-column:span 10}.large-11{grid-column:span 11}.large-12{grid-column:span 12}@media (max-width: 767px){[class*="large-"]{grid-column:span 12}.small-1{grid-column:span 1}.small-2{grid-column:span 2}.small-3{grid-column:span 3}.small-4{grid-column:span 4}.small-5{grid-column:span 5}.small-6{grid-column:span 6}.small-7{grid-column:span 7}.small-8{grid-column:span 8}.small-9{grid-column:span 9}.small-10{grid-column:span 10}.small-11{grid-column:span 11}.small-12{grid-column:span 12}}h-tile{_display:"-ms-grid";display:grid;grid-column-gap:20px;grid-row-gap:20px}h-tile.collapse{grid-column-gap:0}h-tile>*{grid-column:span 1}.tile-1{grid-template-columns:repeat(1, 1fr)}.tile-2{grid-template-columns:repeat(2, 1fr)}.tile-3{grid-template-columns:repeat(3, 1fr)}.tile-4{grid-template-columns:repeat(4, 1fr)}.tile-5{grid-template-columns:repeat(5, 1fr)}.tile-6{grid-template-columns:repeat(6, 1fr)}.tile-7{grid-template-columns:repeat(7, 1fr)}.tile-8{grid-template-columns:repeat(8, 1fr)}@media (max-width: 767px){[class*="tile-"]{grid-template-columns:repeat(1, 1fr)}.small-tile-1{grid-template-columns:repeat(1, 1fr)}.small-tile-2{grid-template-columns:repeat(2, 1fr)}.small-tile-3{grid-template-columns:repeat(3, 1fr)}.small-tile-4{grid-template-columns:repeat(4, 1fr)}.small-tile-5{grid-template-columns:repeat(5, 1fr)}.small-tile-6{grid-template-columns:repeat(6, 1fr)}.small-tile-7{grid-template-columns:repeat(7, 1fr)}.small-tile-8{grid-template-columns:repeat(8, 1fr)}}h1{font-size:2.625em}@media (max-width: 767px){h1{font-size:1.875em}}h2{font-size:2.25em}@media (max-width: 767px){h2{font-size:1.625em}}h3{font-size:1.875em}@media (max-width: 767px){h3{font-size:1.375em}}h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.5em}@media (max-width: 767px){h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.25em}}h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.25em}@media (max-width: 767px){h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}h6{font-size:1em}@media (max-width: 767px){h6{font-size:1em}}body{position:relative;background:var(--body);font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.65;color:var(--text)}p{margin-top:0;margin-bottom:0}a{color:inherit;transition:all 0.25s ease-out}a:hover{color:var(--blue)}h1,h2,h3,h4,h5,h6{font-family:"Apple Garamond","Baskerville","Times New Roman","Droid Serif","Times","Source Serif Pro",serif;font-weight:700;line-height:1.25;color:var(--header);letter-spacing:0;text-transform:none}ul{list-style-type:disc}ul ul{list-style-type:circle}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}@media (min-width: 768px){.hide-for-l,.show-for-s{display:none !important}}@media (max-width: 767px){.hide-for-s,.show-for-l{display:none !important}}@media (min-width: 481px){.show-for-xs{display:none !important}}@media (max-width: 480px){.hide-for-xs{display:none !important}}:root{--red: #d32f2f;--redRGB: 211, 47, 47 ;--red-dark: #b71c1c;--red-darkRGB: 183, 28, 28 ;--red-light: #ffcdd2;--red-lightRGB: 255, 205, 210 ;--orange: #fB8c00;--orangeRGB: 251, 140, 0 @@ -24,4 +24,4 @@ ;--main: var(--blue);--main-dark: var(--blue-dark);--main-light: var(--blue-light);--sub: var(--gray);--sub-dark: var(--gray-dark);--sub-light: var(--gray-light);--text: #222;--textRGB: 34, 34, 34 ;--passive: #888;--passiveRGB: 136, 136, 136 ;--header: var(--text);--body: #fff;--bodyRGB: 255, 255, 255 - }.pagination{_display:"-webkit-flex";display:flex;margin-top:2rem;margin-bottom:2rem;font-size:.875em;color:var(--passive);text-align:center}.pagination a,.pagination select{cursor:pointer;width:auto;-moz-appearance:none;-webkit-appearance:none;appearance:none}.pagination a{align-self:center}.pagination a:first-child{margin-right:auto}.pagination a:last-child{margin-left:auto}.pagination a:not([href]){visibility:hidden;opacity:0}.post-tease{_display:"-webkit-flex";display:flex;flex-direction:row-reverse;position:relative;padding-bottom:2rem;margin-top:2rem;margin-bottom:2rem;border-bottom:1px solid;border-color:var(--gray)}.post-tease a{text-decoration:none;color:inherit}.post-tease figure{margin-bottom:0;margin-left:0.75rem}@media (max-width: 767px){.post-tease{display:block}.post-tease figure{float:right}.post-tease img{width:150px}}@media (max-width: 960px){.post-tease img{width:100px}}.tease-body{flex:1}.tease-body>a:hover h3{text-decoration:underline}.tease-body h3{margin:0;margin-bottom:0.5rem}.tease-body p{margin-bottom:1rem}@media (max-width: 767px){.tease-body h3{clear:none}}.blog-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;margin-top:2rem;margin-bottom:2rem;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--text);border-top:1px solid var(--gray)}.blog-nav a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:var(--text);text-transform:uppercase;font-size:.875em;letter-spacing:.025em;border-radius:4px;transition:all 0.25s ease-out}.blog-nav a:hover{color:var(--main)}.blog-nav a.active{background-color:var(--main);color:var(--white)}.post-header{position:relative;margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.post-header h1,.post-header h2{margin-bottom:1rem}.post-header p{margin-bottom:1rem}.post-header a:hover{text-decoration:underline}.author .post-header small{display:block;font-size:1rem;font-weight:400}.author .post-header img{float:right;border-radius:4px;width:70px}.post-meta{position:relative}.post-meta a{color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta .dashicons-before::before{font-size:1rem;vertical-align:middle;width:1em;height:1em}.meta-author{padding-right:0.5rem}.meta-category{text-transform:uppercase}.meta-date,.meta-comments{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;border-left:1px solid;border-color:var(--gray)}@media (max-width: 767px){.meta-date,.meta-comments{padding-right:05rem;padding-left:05rem}}@media (max-width: 480px){.meta-date,.meta-comments{width:100rem}}.post-author{_display:"-webkit-flex";display:flex;padding-top:2rem;padding-bottom:2rem;margin-top:1rem;border-top:1px solid;border-color:var(--gray)}.post-author h6{margin-top:0;margin-bottom:0.5rem}@media (max-width: 480px){.post-author{flex-direction:column;text-align:center}}.banner-author{padding-top:2rem;padding-bottom:2rem;text-align:center}.author-image img{border:1px solid;border-color:var(--gray);padding:0.25rem;border-radius:4px;height:4em;width:4em}.banner-author .author-image{margin-bottom:1rem}@media (max-width: 480px){.author-image{margin-bottom:1rem}}.post-author .author-text{flex:1;padding-top:0;padding-bottom:0;padding-right:0.75rem;padding-left:0.75rem}.post-author .author-text p{margin-bottom:0;font-size:.875em}.banner-author .author-text{margin-bottom:1.5rem}.author-text *+p{margin-top:0.5rem}.author-text a{color:inherit;text-decoration:none}.author-text a:hover{color:inherit;text-decoration:underline}.author-text b{text-transform:uppercase;font-weight:400;font-size:.875em;letter-spacing:.05em}.post-author .author-text b{display:none}.author-text .author-url{color:var(--passive)}.banner-author .author-text .author-url{color:var(--main)}@media (max-width: 480px){.author-text{margin-bottom:1rem}}.post-footer{padding-top:1rem;background-color:rgba(var(--blackRGB), 0.05)}.post-footer-grid{grid-template-columns:repeat(4, 1fr);max-width:617px}div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{display:block;float:none;margin-top:2rem;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 767px){div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}div#jp-relatedposts{display:block;padding-top:0;margin-bottom:3rem}div#jp-relatedposts div.jp-relatedposts-items{_display:"-webkit-flex";display:flex;margin:0 -125px}div#jp-relatedposts div.jp-relatedposts-items::before,div#jp-relatedposts div.jp-relatedposts-items::after{content:"";display:table}div#jp-relatedposts div.jp-relatedposts-items::after{clear:both}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items{margin:0 -5px}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items{flex-direction:column;margin:0}}div#jp-relatedposts h3.jp-relatedposts-headline em{font-style:normal}div#jp-relatedposts h3.jp-relatedposts-headline em::before{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{overflow:hidden;padding:1rem;margin-right:0.75rem;margin-left:0.75rem;width:33%;opacity:1;background-color:var(--white);box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);border-radius:4px}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title .jp-relatedposts-post-a{text-decoration:none}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{margin-right:025rem;margin-left:025rem}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{width:100rem;margin:0;margin-bottom:1rem}}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a{overflow:hidden;display:block;max-height:160px;margin:-1em;margin-bottom:1em}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a:hover+.jp-relatedposts-post-title{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{clear:none;font-size:1.125em;letter-spacing:0;line-height:1.25}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title:hover{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{display:block;font-weight:700;color:inherit}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{font-size:1rem}}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post p,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span{overflow:visible;max-width:100rem;font-size:.875em}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-excerpt,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{display:inline-block;opacity:.6}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{font-size:.875em}}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{font-size:.875em}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{padding-bottom:0}div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs>.jp-relatedposts-post-a{float:left;margin-right:0.75rem;margin-bottom:0;max-width:150px}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items{flex-direction:row;margin:0 -10px}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{width:50rem;margin:0 10px}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{padding:05rem}}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev .jp-relatedposts-post>.jp-relatedposts-post-a{margin:-0.5em;margin-bottom:0.5em}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb{_display:"-webkit-flex";display:flex;flex-direction:column;justify-content:center;text-align:center}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{margin-top:1rem}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{display:none}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt a{display:block}.post-comments ul{list-style-type:none}.comments-list{margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:var(--white);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:.875em;color:var(--passive)}.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:.875em}.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;background-color:rgba(var(--mainRGB), 0.10);border-radius:4px;font-size:.875em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}a.comment-reply-link:hover{background-color:rgba(var(--mainRGB), 0.25)}.comment-reply-title{display:none}.comment-respond{margin-bottom:2rem}.comments-list .comment-respond{width:110%;margin:0 -5%}.comment-form{_display:"-webkit-flex";display:flex;flex-wrap:wrap;padding:1rem;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{_display:"-webkit-flex";display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--passive);letter-spacing:.05em;font-size:.875em}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--passive);font-size:.875em}.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.10);box-shadow:none;height:4.5rem}.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-right:0.5rem;margin-top:2px}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:center;margin-bottom:0}.sharedaddy{margin:2em 0 2em;padding-top:2em;border-top:1px solid var(--gray)}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;font-size:.875em;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sharedaddy .sd-title::before{display:none}.sd-content ul{display:-webkit-flex;display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sd-content li{display:-webkit-flex;display:flex;align-items:center;padding:0 4px;margin-bottom:8px}.sd-button{display:inline-block;overflow:hidden;border:1px solid #333;border-bottom-width:2px;text-decoration:none;color:#333;border-radius:4px}.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:0px;padding-bottom:0px;border-radius:4px}.sd-social-icon .sd-button.share-more::before{margin-right:4px}.sd-button:hover{background-color:rgba(51,51,51,0.2);color:inherit}.sd-button:active{border-top-width:2px;border-bottom-width:1px}.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;font-family:'social-logos';font-size:18px;line-height:1;vertical-align:middle;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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:4px}.social-logo__twitter:hover::before{color:#00acee}.social-logo__twitter-alt:hover::before{color:#00acee}.sd-button.share-twitter{border-color:#00acee;color:#00acee}.sd-button.share-twitter:hover{background-color:rgba(0,172,238,0.2)}.social-logo.social-logo__twitter::before,.sd-social-icon-text .sd-button.share-twitter::before,.sd-social-icon .sd-button.share-twitter::before{content:""}.social-logo__facebook:hover::before{color:#3b5998}.sd-button.share-facebook{border-color:#3b5998;color:#3b5998}.sd-button.share-facebook:hover{background-color:rgba(59,89,152,0.2)}.social-logo.social-logo__facebook::before,.sd-social-icon-text .sd-button.share-facebook::before,.sd-social-icon .sd-button.share-facebook::before{content:""}.social-logo__google-plus-1:hover::before{color:#dd4b39}.social-logo__google-plus:hover::before{color:#dd4b39}.sd-button.share-google-plus-1{border-color:#dd4b39;color:#dd4b39}.sd-button.share-google-plus-1:hover{background-color:rgba(221,75,57,0.2)}.social-logo.social-logo__google-plus-1::before,.sd-social-icon-text .sd-button.share-google-plus-1::before,.sd-social-icon .sd-button.share-google-plus-1::before{content:""}.social-logo__pinterest:hover::before{color:#ca1f27}.social-logo__pinterest-alt:hover::before{color:#ca1f27}.sd-button.share-pinterest{border-color:#ca1f27;color:#ca1f27}.sd-button.share-pinterest:hover{background-color:rgba(202,31,39,0.2)}.social-logo.social-logo__pinterest::before,.sd-social-icon-text .sd-button.share-pinterest::before,.sd-social-icon .sd-button.share-pinterest::before{content:""}.social-logo__jetpack-whatsapp:hover::before{color:#25d366}.social-logo__whatsapp:hover::before{color:#25d366}.sd-button.share-jetpack-whatsapp{border-color:#25d366;color:#25d366}.sd-button.share-jetpack-whatsapp:hover{background-color:rgba(37,211,102,0.2)}.social-logo.social-logo__jetpack-whatsapp::before,.sd-social-icon-text .sd-button.share-jetpack-whatsapp::before,.sd-social-icon .sd-button.share-jetpack-whatsapp::before{content:""}.social-logo__skype:hover::before{color:#00aff0}.sd-button.share-skype{border-color:#00aff0;color:#00aff0}.sd-button.share-skype:hover{background-color:rgba(0,175,240,0.2)}.social-logo.social-logo__skype::before,.sd-social-icon-text .sd-button.share-skype::before,.sd-social-icon .sd-button.share-skype::before{content:""}.social-logo__pocket:hover::before{color:#ee4056}.sd-button.share-pocket{border-color:#ee4056;color:#ee4056}.sd-button.share-pocket:hover{background-color:rgba(238,64,86,0.2)}.social-logo.social-logo__pocket::before,.sd-social-icon-text .sd-button.share-pocket::before,.sd-social-icon .sd-button.share-pocket::before{content:""}.social-logo__linkedin:hover::before{color:#0077b5}.sd-button.share-linkedin{border-color:#0077b5;color:#0077b5}.sd-button.share-linkedin:hover{background-color:rgba(0,119,181,0.2)}.social-logo.social-logo__linkedin::before,.sd-social-icon-text .sd-button.share-linkedin::before,.sd-social-icon .sd-button.share-linkedin::before{content:""}.social-logo__reddit:hover::before{color:#f54b00}.sd-button.share-reddit{border-color:#f54b00;color:#f54b00}.sd-button.share-reddit:hover{background-color:rgba(245,75,0,0.2)}.social-logo.social-logo__reddit::before,.sd-social-icon-text .sd-button.share-reddit::before,.sd-social-icon .sd-button.share-reddit::before{content:""}.social-logo__tumblr:hover::before{color:#324f6d}.sd-button.share-tumblr{border-color:#324f6d;color:#324f6d}.sd-button.share-tumblr:hover{background-color:rgba(50,79,109,0.2)}.social-logo.social-logo__tumblr::before,.sd-social-icon-text .sd-button.share-tumblr::before,.sd-social-icon .sd-button.share-tumblr::before{content:""}.social-logo__telegram:hover::before{color:#08c}.sd-button.share-telegram{border-color:#08c;color:#08c}.sd-button.share-telegram:hover{background-color:rgba(0,136,204,0.2)}.social-logo.social-logo__telegram::before,.sd-social-icon-text .sd-button.share-telegram::before,.sd-social-icon .sd-button.share-telegram::before{content:""}.social-logo__youtube:hover::before{color:#dd4b39}.sd-button.share-youtube{border-color:#dd4b39;color:#dd4b39}.sd-button.share-youtube:hover{background-color:rgba(221,75,57,0.2)}.social-logo.social-logo__youtube::before,.sd-social-icon-text .sd-button.share-youtube::before,.sd-social-icon .sd-button.share-youtube::before{content:""}.social-logo__instagram:hover::before{color:#8a3ab9}.sd-button.share-instagram{border-color:#8a3ab9;color:#8a3ab9}.sd-button.share-instagram:hover{background-color:rgba(138,58,185,0.2)}.social-logo.social-logo__instagram::before,.sd-social-icon-text .sd-button.share-instagram::before,.sd-social-icon .sd-button.share-instagram::before{content:""}.social-logo__custom-line:hover::before{color:#03c302}.sd-button.share-custom-line{border-color:#03c302;color:#03c302}.sd-button.share-custom-line:hover{background-color:rgba(3,195,2,0.2)}.social-logo.social-logo__print::before,.sd-social-icon-text .sd-button.share-print::before,.sd-social-icon .sd-button.share-print::before{content:""}.social-logo.social-logo__more::before,.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.25em;background:left no-repeat;background-size:1em}.social-logo{font-weight:normal;font-size:1.5em;line-height:1;vertical-align:top;color:rgba(0,0,0,0.4)}.main-footer .social-logo{color:rgba(255,255,255,0.4)}.button,[type="submit"],[type="reset"],.wp-block-file__button,.wp-block-button__link{cursor:pointer;overflow:hidden;display:inline-block;background-color:var(--main);border:1px solid;border-bottom:2px solid;border-color:rgba(var(--blackRGB), 0.25);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1.5rem;padding-left:1.5rem;white-space:nowrap;font-weight:600;font-size:1.125em;line-height:normal;vertical-align:top;color:var(--white);text-decoration:none;border-radius:999px;transition:none;outline:none}.button:hover,[type="submit"]:hover,[type="reset"]:hover,.wp-block-file__button:hover,.wp-block-button__link:hover{color:var(--white);border-color:rgba(var(--blackRGB), 0.50)}.button:active,[type="submit"]:active,[type="reset"]:active,.wp-block-file__button:active,.wp-block-button__link:active{border-top-width:2px;border-bottom-width:1px}.button[disabled],.button.disabled,[type="submit"][disabled],[type="submit"].disabled,[type="reset"][disabled],[type="reset"].disabled,.wp-block-file__button[disabled],.wp-block-file__button.disabled,.wp-block-button__link[disabled],.wp-block-button__link.disabled{cursor:not-allowed;opacity:.5}.button.--passive,.button.--loading{background-color:var(--gray-light);border-color:rgba(var(--blackRGB), 0.10);color:var(--text)}.button.--passive:hover,.button.--loading:hover{border-color:rgba(var(--blackRGB), 0.25);color:var(--text)}.button.--outline,.is-style-outline .wp-block-button__link{background-color:transparent;color:var(--main);border-color:inherit}.button.--outline:hover,.is-style-outline .wp-block-button__link:hover{background-color:rgba(var(--mainRGB), 0.10)}.button.--loading{cursor:not-allowed;background-position:center center;background-repeat:no-repeat;background-image:url("../../../../../wp-admin/images/spinner.gif");color:transparent !important}[type="text"],[type="number"],[type="tel"],[type="password"],[type="email"],[type="search"],[type="url"],[type="date"],[type="time"],textarea,select{display:block;width:100%;padding-top:0.75rem;padding-bottom:0.75rem;padding-right:0.5rem;padding-left:0.5rem;border:2px solid;border-color:var(--gray);border-radius:4px;line-height:normal;transition:all 0.25s ease-out}[type="text"]:focus,[type="number"]:focus,[type="tel"]:focus,[type="password"]:focus,[type="email"]:focus,[type="search"]:focus,[type="url"]:focus,[type="date"]:focus,[type="time"]:focus,textarea:focus,select:focus{border-color:var(--main);box-shadow:0 0 0 2px #78dcfa}select{border-width:2px 2px 3px}[type="radio"],[type="checkbox"]{cursor:pointer;border:1px solid;border-color:rgba(var(--blackRGB), 0.25);width:1rem;height:1rem;vertical-align:bottom;transition:all 0.25s ease-out;-moz-appearance:none;-webkit-appearance:none;appearance:none}[type="radio"]:hover,[type="checkbox"]:hover{border-color:var(--main)}[type="radio"]:checked,[type="checkbox"]:checked{border-color:var(--main);box-shadow:inset 0 0 0 4.5px var(--main)}[type="checkbox"]{border-radius:4px}[type="radio"]{border-radius:50%}.content-error{text-align:center;padding:100px 0}@media (max-width: 767px){.content-error{padding-top:2rem;padding-bottom:2rem}}.content-error h1{margin-bottom:1rem;text-transform:uppercase;line-height:1;color:var(--main)}.content-error span{display:block;color:var(--text)}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);max-width:570px}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block;font-size:.875em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:.875em}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;text-align:center;border-radius:4px;border-width:1px}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.20);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.50);border-color:var(--green);color:var(--green)} + }.pagination{_display:"-webkit-flex";display:flex;margin-top:2rem;margin-bottom:2rem;font-size:.875em;color:var(--passive);text-align:center}.pagination a,.pagination select{cursor:pointer;width:auto;-moz-appearance:none;-webkit-appearance:none;appearance:none}.pagination a{align-self:center}.pagination a:first-child{margin-right:auto}.pagination a:last-child{margin-left:auto}.pagination a:not([href]){visibility:hidden;opacity:0}.post-tease{_display:"-webkit-flex";display:flex;flex-direction:row-reverse;position:relative;padding-bottom:2rem;margin-top:2rem;margin-bottom:2rem;border-bottom:1px solid;border-color:var(--gray)}.post-tease a{text-decoration:none;color:inherit}.post-tease figure{margin-bottom:0;margin-left:0.75rem}@media (max-width: 767px){.post-tease{display:block}.post-tease figure{float:right}.post-tease img{width:150px}}@media (max-width: 960px){.post-tease img{width:100px}}.tease-body{flex:1}.tease-body>a:hover h3{text-decoration:underline}.tease-body h3{margin:0;margin-bottom:0.5rem}.tease-body p{margin-bottom:1rem}@media (max-width: 767px){.tease-body h3{clear:none}}.blog-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;margin-top:2rem;margin-bottom:2rem;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--text);border-top:1px solid var(--gray)}.blog-nav a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:var(--text);text-transform:uppercase;font-size:.875em;letter-spacing:.025em;border-radius:4px;transition:all 0.25s ease-out}.blog-nav a:hover{color:var(--main)}.blog-nav a.active{background-color:var(--main);color:var(--white)}.post-header{position:relative;margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.post-header h1,.post-header h2{margin-bottom:1rem}.post-header p{margin-bottom:1rem}.post-header a:hover{text-decoration:underline}.author .post-header small{display:block;font-size:1rem;font-weight:400}.author .post-header img{float:right;border-radius:4px;width:70px}.post-meta{position:relative}.post-meta a{color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta .dashicons-before::before{font-size:1rem;vertical-align:middle;width:1em;height:1em}.meta-author{padding-right:0.5rem}.meta-category{text-transform:uppercase}.meta-date,.meta-comments{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;border-left:1px solid;border-color:var(--gray)}@media (max-width: 767px){.meta-date,.meta-comments{padding-right:05rem;padding-left:05rem}}@media (max-width: 480px){.meta-date,.meta-comments{width:100rem}}.post-author{_display:"-webkit-flex";display:flex;padding-top:2rem;padding-bottom:2rem;margin-top:1rem;border-top:1px solid;border-color:var(--gray)}.post-author h6{margin-top:0;margin-bottom:0.5rem}@media (max-width: 480px){.post-author{flex-direction:column;text-align:center}}.banner-author{padding-top:2rem;padding-bottom:2rem;text-align:center}.author-image img{border:1px solid;border-color:var(--gray);padding:0.25rem;border-radius:4px;height:4em;width:4em}.banner-author .author-image{margin-bottom:1rem}@media (max-width: 480px){.author-image{margin-bottom:1rem}}.post-author .author-text{flex:1;padding-top:0;padding-bottom:0;padding-right:0.75rem;padding-left:0.75rem}.post-author .author-text p{margin-bottom:0;font-size:.875em}.banner-author .author-text{margin-bottom:1.5rem}.author-text *+p{margin-top:0.5rem}.author-text a{color:inherit;text-decoration:none}.author-text a:hover{color:inherit;text-decoration:underline}.author-text b{text-transform:uppercase;font-weight:400;font-size:.875em;letter-spacing:.05em}.post-author .author-text b{display:none}.author-text .author-url{color:var(--passive)}.banner-author .author-text .author-url{color:var(--main)}@media (max-width: 480px){.author-text{margin-bottom:1rem}}.post-footer{padding-top:1rem;background-color:rgba(var(--blackRGB), 0.05)}.post-footer-grid{grid-template-columns:repeat(4, 1fr);max-width:617px}div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{display:block;float:none;margin-top:2rem;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 767px){div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}div#jp-relatedposts{display:block;padding-top:0;margin-bottom:3rem}div#jp-relatedposts div.jp-relatedposts-items{_display:"-webkit-flex";display:flex;margin:0 -125px}div#jp-relatedposts div.jp-relatedposts-items::before,div#jp-relatedposts div.jp-relatedposts-items::after{content:"";display:table}div#jp-relatedposts div.jp-relatedposts-items::after{clear:both}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items{margin:0 -5px}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items{flex-direction:column;margin:0}}div#jp-relatedposts h3.jp-relatedposts-headline em{font-style:normal}div#jp-relatedposts h3.jp-relatedposts-headline em::before{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{overflow:hidden;padding:1rem;margin-right:0.75rem;margin-left:0.75rem;width:33%;opacity:1;background-color:var(--white);box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);border-radius:4px}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title .jp-relatedposts-post-a{text-decoration:none}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{margin-right:025rem;margin-left:025rem}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{width:100rem;margin:0;margin-bottom:1rem}}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a{overflow:hidden;display:block;max-height:160px;margin:-1em;margin-bottom:1em}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a:hover+.jp-relatedposts-post-title{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{clear:none;font-size:1.125em;letter-spacing:0;line-height:1.25}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title:hover{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{display:block;font-weight:700;color:inherit}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{font-size:1rem}}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post p,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span{overflow:visible;max-width:100rem;font-size:.875em}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-excerpt,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{display:inline-block;opacity:.6}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{font-size:.875em}}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{font-size:.875em}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{padding-bottom:0}div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs>.jp-relatedposts-post-a{float:left;margin-right:0.75rem;margin-bottom:0;max-width:150px}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items{flex-direction:row;margin:0 -10px}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{width:50rem;margin:0 10px}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{padding:05rem}}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev .jp-relatedposts-post>.jp-relatedposts-post-a{margin:-0.5em;margin-bottom:0.5em}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb{_display:"-webkit-flex";display:flex;flex-direction:column;justify-content:center;text-align:center}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{margin-top:1rem}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{display:none}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt a{display:block}.post-comments ul{list-style-type:none}.comments-list{margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:var(--white);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:.875em;color:var(--passive)}.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:.875em}.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;background-color:rgba(var(--mainRGB), 0.10);border-radius:4px;font-size:.875em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}a.comment-reply-link:hover{background-color:rgba(var(--mainRGB), 0.25)}.comment-reply-title{display:none}.comment-respond{margin-bottom:2rem}.comments-list .comment-respond{width:110%;margin:0 -5%}.comment-form{_display:"-webkit-flex";display:flex;flex-wrap:wrap;padding:1rem;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{_display:"-webkit-flex";display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--passive);letter-spacing:.05em;font-size:.875em}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--passive);font-size:.875em}.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.10);box-shadow:none;height:4.5rem}.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-right:0.5rem;margin-top:2px}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:center;margin-bottom:0}.sharedaddy{margin:2em 0 2em;padding-top:2em;border-top:1px solid var(--gray)}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;font-size:.875em;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sharedaddy .sd-title::before{display:none}.sd-content ul{display:-webkit-flex;display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sd-content li{display:-webkit-flex;display:flex;align-items:center;padding:0 4px;margin-bottom:8px}.sd-button{display:inline-block;overflow:hidden;border:1px solid #333;border-bottom-width:2px;text-decoration:none;color:#333;border-radius:4px}.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:0px;padding-bottom:0px;border-radius:4px}.sd-social-icon .sd-button.share-more::before{margin-right:4px}.sd-button:hover{background-color:rgba(51,51,51,0.2);color:inherit}.sd-button:active{border-top-width:2px;border-bottom-width:1px}.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;font-family:'social-logos';font-size:18px;line-height:1;vertical-align:middle;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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:4px}.social-logo__twitter:hover::before{color:#00acee}.social-logo__twitter-alt:hover::before{color:#00acee}.sd-button.share-twitter{border-color:#00acee;color:#00acee}.sd-button.share-twitter:hover{background-color:rgba(0,172,238,0.2)}.social-logo.social-logo__twitter::before,.sd-social-icon-text .sd-button.share-twitter::before,.sd-social-icon .sd-button.share-twitter::before{content:""}.social-logo__facebook:hover::before{color:#3b5998}.sd-button.share-facebook{border-color:#3b5998;color:#3b5998}.sd-button.share-facebook:hover{background-color:rgba(59,89,152,0.2)}.social-logo.social-logo__facebook::before,.sd-social-icon-text .sd-button.share-facebook::before,.sd-social-icon .sd-button.share-facebook::before{content:""}.social-logo__google-plus-1:hover::before{color:#dd4b39}.social-logo__google-plus:hover::before{color:#dd4b39}.sd-button.share-google-plus-1{border-color:#dd4b39;color:#dd4b39}.sd-button.share-google-plus-1:hover{background-color:rgba(221,75,57,0.2)}.social-logo.social-logo__google-plus-1::before,.sd-social-icon-text .sd-button.share-google-plus-1::before,.sd-social-icon .sd-button.share-google-plus-1::before{content:""}.social-logo__pinterest:hover::before{color:#ca1f27}.social-logo__pinterest-alt:hover::before{color:#ca1f27}.sd-button.share-pinterest{border-color:#ca1f27;color:#ca1f27}.sd-button.share-pinterest:hover{background-color:rgba(202,31,39,0.2)}.social-logo.social-logo__pinterest::before,.sd-social-icon-text .sd-button.share-pinterest::before,.sd-social-icon .sd-button.share-pinterest::before{content:""}.social-logo__jetpack-whatsapp:hover::before{color:#25d366}.social-logo__whatsapp:hover::before{color:#25d366}.sd-button.share-jetpack-whatsapp{border-color:#25d366;color:#25d366}.sd-button.share-jetpack-whatsapp:hover{background-color:rgba(37,211,102,0.2)}.social-logo.social-logo__jetpack-whatsapp::before,.sd-social-icon-text .sd-button.share-jetpack-whatsapp::before,.sd-social-icon .sd-button.share-jetpack-whatsapp::before{content:""}.social-logo__skype:hover::before{color:#00aff0}.sd-button.share-skype{border-color:#00aff0;color:#00aff0}.sd-button.share-skype:hover{background-color:rgba(0,175,240,0.2)}.social-logo.social-logo__skype::before,.sd-social-icon-text .sd-button.share-skype::before,.sd-social-icon .sd-button.share-skype::before{content:""}.social-logo__pocket:hover::before{color:#ee4056}.sd-button.share-pocket{border-color:#ee4056;color:#ee4056}.sd-button.share-pocket:hover{background-color:rgba(238,64,86,0.2)}.social-logo.social-logo__pocket::before,.sd-social-icon-text .sd-button.share-pocket::before,.sd-social-icon .sd-button.share-pocket::before{content:""}.social-logo__linkedin:hover::before{color:#0077b5}.sd-button.share-linkedin{border-color:#0077b5;color:#0077b5}.sd-button.share-linkedin:hover{background-color:rgba(0,119,181,0.2)}.social-logo.social-logo__linkedin::before,.sd-social-icon-text .sd-button.share-linkedin::before,.sd-social-icon .sd-button.share-linkedin::before{content:""}.social-logo__reddit:hover::before{color:#f54b00}.sd-button.share-reddit{border-color:#f54b00;color:#f54b00}.sd-button.share-reddit:hover{background-color:rgba(245,75,0,0.2)}.social-logo.social-logo__reddit::before,.sd-social-icon-text .sd-button.share-reddit::before,.sd-social-icon .sd-button.share-reddit::before{content:""}.social-logo__tumblr:hover::before{color:#324f6d}.sd-button.share-tumblr{border-color:#324f6d;color:#324f6d}.sd-button.share-tumblr:hover{background-color:rgba(50,79,109,0.2)}.social-logo.social-logo__tumblr::before,.sd-social-icon-text .sd-button.share-tumblr::before,.sd-social-icon .sd-button.share-tumblr::before{content:""}.social-logo__telegram:hover::before{color:#08c}.sd-button.share-telegram{border-color:#08c;color:#08c}.sd-button.share-telegram:hover{background-color:rgba(0,136,204,0.2)}.social-logo.social-logo__telegram::before,.sd-social-icon-text .sd-button.share-telegram::before,.sd-social-icon .sd-button.share-telegram::before{content:""}.social-logo__youtube:hover::before{color:#dd4b39}.sd-button.share-youtube{border-color:#dd4b39;color:#dd4b39}.sd-button.share-youtube:hover{background-color:rgba(221,75,57,0.2)}.social-logo.social-logo__youtube::before,.sd-social-icon-text .sd-button.share-youtube::before,.sd-social-icon .sd-button.share-youtube::before{content:""}.social-logo__instagram:hover::before{color:#8a3ab9}.sd-button.share-instagram{border-color:#8a3ab9;color:#8a3ab9}.sd-button.share-instagram:hover{background-color:rgba(138,58,185,0.2)}.social-logo.social-logo__instagram::before,.sd-social-icon-text .sd-button.share-instagram::before,.sd-social-icon .sd-button.share-instagram::before{content:""}.social-logo__custom-line:hover::before{color:#03c302}.sd-button.share-custom-line{border-color:#03c302;color:#03c302}.sd-button.share-custom-line:hover{background-color:rgba(3,195,2,0.2)}.social-logo.social-logo__print::before,.sd-social-icon-text .sd-button.share-print::before,.sd-social-icon .sd-button.share-print::before{content:""}.social-logo.social-logo__more::before,.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.25em;background:left no-repeat;background-size:1em}.social-logo{font-weight:normal;font-size:1.5em;line-height:1;vertical-align:top;color:rgba(0,0,0,0.4)}.main-footer .social-logo{color:rgba(255,255,255,0.4)}.button,[type="submit"],[type="reset"],.wp-block-file__button,.wp-block-button__link{cursor:pointer;overflow:hidden;display:inline-block;background-color:var(--main);border:1px solid;border-bottom:2px solid;border-color:rgba(var(--blackRGB), 0.25);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1.5rem;padding-left:1.5rem;white-space:nowrap;font-weight:600;font-size:1.125em;line-height:normal;vertical-align:top;color:var(--white);text-decoration:none;border-radius:999px;transition:none;outline:none}.button:hover,[type="submit"]:hover,[type="reset"]:hover,.wp-block-file__button:hover,.wp-block-button__link:hover{color:var(--white);border-color:rgba(var(--blackRGB), 0.50)}.button:active,[type="submit"]:active,[type="reset"]:active,.wp-block-file__button:active,.wp-block-button__link:active{border-top-width:2px;border-bottom-width:1px}.button[disabled],.button.disabled,[type="submit"][disabled],[type="submit"].disabled,[type="reset"][disabled],[type="reset"].disabled,.wp-block-file__button[disabled],.wp-block-file__button.disabled,.wp-block-button__link[disabled],.wp-block-button__link.disabled{cursor:not-allowed;opacity:.5}.button.--passive,.button.--loading{background-color:var(--gray-light);border-color:rgba(var(--blackRGB), 0.10);color:var(--text)}.button.--passive:hover,.button.--loading:hover{border-color:rgba(var(--blackRGB), 0.25);color:var(--text)}.button.--outline,.is-style-outline .wp-block-button__link{background-color:transparent;color:var(--main);border-color:inherit}.button.--outline:hover,.is-style-outline .wp-block-button__link:hover{background-color:rgba(var(--mainRGB), 0.10)}.button.--loading{cursor:not-allowed;background-position:center center;background-repeat:no-repeat;background-image:url("../../../../../wp-admin/images/spinner.gif");color:transparent !important}[type="text"],[type="number"],[type="tel"],[type="password"],[type="email"],[type="search"],[type="url"],[type="date"],[type="time"],textarea,select{display:block;width:100%;padding-top:0.75rem;padding-bottom:0.75rem;padding-right:0.5rem;padding-left:0.5rem;border:2px solid;border-color:var(--gray);border-radius:4px;line-height:normal;transition:all 0.25s ease-out}[type="text"]:focus,[type="number"]:focus,[type="tel"]:focus,[type="password"]:focus,[type="email"]:focus,[type="search"]:focus,[type="url"]:focus,[type="date"]:focus,[type="time"]:focus,textarea:focus,select:focus{border-color:var(--main);box-shadow:0 0 0 2px #78dcfa}select{border-width:2px 2px 3px}[type="radio"],[type="checkbox"]{cursor:pointer;border:1px solid;border-color:rgba(var(--blackRGB), 0.25);width:1rem;height:1rem;vertical-align:bottom;transition:all 0.25s ease-out;-moz-appearance:none;-webkit-appearance:none;appearance:none}[type="radio"]:hover,[type="checkbox"]:hover{border-color:var(--main)}[type="radio"]:checked,[type="checkbox"]:checked{border-color:var(--main);box-shadow:inset 0 0 0 4.5px var(--main)}[type="checkbox"]{border-radius:4px}[type="radio"]{border-radius:50%}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);max-width:570px}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block;font-size:.875em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:.875em}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;text-align:center;border-radius:4px;border-width:1px}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.20);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.50);border-color:var(--green);color:var(--green)} diff --git a/css/my-editor.css b/css/my-editor.css new file mode 100644 index 0000000..f244f37 --- /dev/null +++ b/css/my-editor.css @@ -0,0 +1,4 @@ +/*! + EDJE Functional Sass v3.1.0 + Documentation: https://github.com/hrsetyono/edje/wiki +*/body{color:var(--blue);font-size:20px} diff --git a/css/shop.css b/css/shop.css new file mode 100644 index 0000000..7e366f6 --- /dev/null +++ b/css/shop.css @@ -0,0 +1,4 @@ +/*! + EDJE Functional Sass v3.1.0 + Documentation: https://github.com/hrsetyono/edje/wiki +*/.h-close-toast,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.25em}@media (max-width: 767px){.h-close-toast,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.125em}}.price del{display:block;opacity:.5;font-size:.875em}.price ins{display:block;text-decoration:none}.woocommerce-Price-currencySymbol{font-weight:400;font-size:.875em}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg)}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.woocommerce-info,.woocommerce-message,.woocommerce-error{_display:"-webkit-flex";display:flex;flex-direction:column-reverse;align-items:flex-end;position:fixed;z-index:100;padding:1.25rem;background-color:var(--gray-light);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);border-radius:4px;-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:1em;right:1em;animation:1s flipInX both}.woocommerce-info .button,.woocommerce-message .button,.woocommerce-error .button{margin-top:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.woocommerce-error{background-color:var(--red);list-style-type:none;color:var(--white)}.h-close-toast{cursor:pointer;position:absolute;top:0;left:0;background-color:var(--red);text-align:center;color:var(--white);line-height:1;font-weight:700;border-radius:50%;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);width:24px;height:24px;transform:translateX(-50%) translateY(-50%)}.h-close-toast:hover{opacity:.7}.woocommerce-store-notice{position:fixed;bottom:0;left:0;right:0;background-color:var(--main);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;text-align:center;color:var(--white);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16)}.woocommerce-store-notice a{display:inline-block;float:right;background-color:var(--main-dark);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:2rem;padding-left:2rem;color:var(--white);text-decoration:underline;margin:-0.5em -1em}.woocommerce-store-notice a:hover{opacity:.7}.product{margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product_meta{margin-top:0;font-size:.875em}.product_meta>span{display:block}.before-product{margin-bottom:2rem}.before-product .sharedaddy{padding-top:05rem;padding-bottom:05rem;padding-right:0;padding-left:0;margin:0;margin-top:0.75rem;border-bottom:1px solid;border-color:var(--gray)}.before-product .sd-block{flex-direction:row;align-items:center}.before-product .sd-content{display:inline-block}.before-product .sd-content li{margin-bottom:0}.before-product .sd-block .sd-title{display:inline-block;margin-bottom:0;margin-right:1rem}@media (max-width: 767px){.before-product .sd-block .sd-title{display:block;margin-bottom:0.5rem}}.product-figure{position:relative}.product-figure .flex-viewport{margin-bottom:0.25rem;border:2px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}@media (max-width: 767px){.product-figure{margin-bottom:2rem}}.woocommerce-product-gallery{position:relative}.woocommerce-product-gallery__image img{border-radius:4px}.woocommerce-product-gallery__trigger{position:absolute;z-index:10;top:0.5rem;right:0.5rem;font-size:0}.woocommerce-product-gallery__trigger::before{content:"\f504";display:inline-block;background-color:var(--white);padding:0.25rem;line-height:1;color:var(--text);border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);font-family:"dashicons";font-size:1.5rem}.woocommerce-product-gallery__trigger:hover::before{background-color:var(--gray)}.zoomImg{cursor:zoom-in}.zoomImg[style*="opacity: 1"]{cursor:zoom-out}.flex-control-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;margin:1em -0.25em 0}.flex-control-nav li{cursor:pointer;width:25%;padding-right:0.25rem;padding-left:0.25rem}.flex-control-nav li:hover img{opacity:1}.flex-control-nav img{opacity:.5;border-radius:4px;transition:all 0.25s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flex-control-nav .flex-active{opacity:1;box-shadow:0 0 0 3px var(--main)}.wc-tabs-wrapper{margin-bottom:1rem}ul.wc-tabs{_display:"-webkit-flex";display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style-type:none}ul.wc-tabs a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;border:0;text-decoration:none;font-size:.875em;border-radius:4px 4px 0 0}ul.wc-tabs .active a{background-color:rgba(var(--mainRGB), 0.25)}.wc-tab{padding:0.5rem;border:4px solid rgba(var(--mainRGB), 0.25);border-radius:0 4px 4px 4px}.wc-tab>h2:first-child{display:none}.wc-tab>*:last-child{margin-bottom:0}table.woocommerce-product-attributes th,table.woocommerce-product-attributes td{vertical-align:middle}table.woocommerce-product-attributes th{padding-right:1rem;text-transform:uppercase;letter-spacing:.025em}table.woocommerce-product-attributes p{margin-bottom:0}.product-purchase{padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:1rem}.product-purchase form.cart{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.product-purchase .price{display:block;background-color:rgba(var(--mainRGB), 0.10);padding:0.75rem;border:1px solid;border-color:var(--main-light);text-align:center;border-radius:4px;line-height:1.15}.product-purchase>.price{margin-bottom:1.5rem}.product-purchase .quantity{flex:1;margin-right:1rem}.product-purchase .amount{display:block;font-weight:700}.product-purchase label{font-size:.875em}.product-purchase label[for*="quantity"]{display:none}.product-purchase .single_add_to_cart_button{align-self:flex-end}@media (max-width: 767px){.product-purchase{margin-bottom:1.5rem}}.woocommerce-Reviews h2{display:none}.woocommerce-Reviews ol{list-style-type:none;padding-left:0}.comment-review{margin-bottom:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}.review-header{_display:"-webkit-flex";display:flex;align-items:center;background-color:rgba(var(--blackRGB), 0.05);padding:0.5rem;line-height:1.25}.review-header .meta{margin-bottom:0;font-size:.875em}.review-header time{display:inline-block;color:var(--passive);font-size:.875em}.review-text{padding:05rem}.review-text p{margin-bottom:0.5rem}.star-rating{display:inline-block;position:relative;line-height:1}.star-rating::before,.star-rating span::before{content:'★★★★★';color:var(--text);font-size:1rem}.star-rating::before{opacity:.3}.star-rating span{overflow:hidden;position:absolute;top:0;left:0;font-size:0}.comment-form-rating{margin-bottom:1rem}.comment-form-rating a{opacity:.3;display:inline-block;line-height:1;text-decoration:none;font-size:0}.comment-form-rating a::before{content:'★';font-size:1.25rem}.comment-form-rating .stars{display:inline-block}.comment-form-rating .stars:hover a,.comment-form-rating .selected a{opacity:1}.comment-form-rating a:hover ~ a,.comment-form-rating a.active ~ a{opacity:.25 !important}.single-variation-wrap{margin-bottom:1.5rem}.single_variation{_display:"-webkit-flex";display:flex;flex-direction:column}.single_variation .out-of-stock{color:var(--red);font-weight:700}.single_variation .woocommerce-variation-price{order:1;margin-bottom:1rem}.single_variation .woocommerce-variation-availability{order:2}.single_variation .woocommerce-variation-description{order:3}.single_variation .woocommerce-variation-description p{margin-bottom:1rem}.woocommerce-variation-add-to-cart{_display:"-webkit-flex";display:flex}table.variations{margin-top:1.5rem;width:100%}table.variations label,table.variations select{margin-bottom:0.5rem}table.variations .reset_variations{display:inline-block;padding:0.25rem;padding-right:1rem;padding-left:1rem;background-color:var(--gray-light);border-radius:4px;text-transform:uppercase;font-weight:700;font-size:.875em;letter-spacing:.025em}table.variations .reset_variations:hover{background-color:var(--gray)}.product_meta span{margin-bottom:0.5rem;font-weight:700}.product_meta a{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:var(--gray-light);border-radius:4px;font-weight:400;color:var(--text)}.product_meta a:hover{background-color:var(--main-light)}section.upsells>h2{margin-top:1rem;margin-bottom:1rem}ul.products{flex-wrap:wrap;list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:0.5rem;grid-row-gap:0.5rem}ul.products li{margin:0;grid-column:span 1}ul.products a{_display:"-webkit-flex";display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:center;overflow:hidden;height:80px;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}ul.products a:hover{background-color:transparent;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}ul.products a>*{flex:1rem 1rem}ul.products h2{font-weight:400;margin:0;letter-spacing:.025em;width:calc( 100% - 80px)}ul.products img{height:80px;width:auto;margin-right:0.5rem}ul.products span{font-size:.875em;font-weight:700;color:var(--main)}ul.products .add_to_cart_button{display:none}.product-related{margin-top:4rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product-related h2{text-align:center;font-weight:400}.woocommerce-cart-form{margin-top:2rem;margin-bottom:2rem}.shop_table{width:100%;max-width:960px;border:1px solid #dee3e7}.shop_table th{padding:1rem;text-align:left;background-color:#dee3e7}.shop_table td{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem}.shop_table tr{border-bottom:1px solid var(--gray-light)}.shop_table tr:nth-child(even){background-color:var(--gray-light)}.shop_table .product-name a{font-weight:700}.shop_table .variation dt,.shop_table .variation dd{display:inline-block}.shop_table .product-remove a{display:inline-block;background-color:var(--red);width:1rem;height:1rem;color:var(--white);font-size:1.125em;font-weight:700;text-align:center;border-radius:50%;line-height:0.9}.shop_table .product-remove a:hover{background-color:#aa2424}.shop_table img{height:auto;width:60px}.shop_table label.screen-reader-text{display:none}.shop_table input[type="number"]{width:3.5rem}.shop_table .actions{text-align:right}.shop_table .hoo-subtotal-note{font-size:.875em}.shop_table button[name="update_cart"]{float:left}.cross-sells{margin-top:3rem;margin-bottom:2rem}.cross-sells>h3{margin-bottom:1rem;text-align:center}.nav-item-cart{position:fixed;z-index:100;bottom:1rem;right:1rem}#cart-button{box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}#cart-button b{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:rgba(var(--blackRGB), 0.25);font-size:.875em;border-radius:4px;line-height:1.4}#cart-button.--cart-active{animation:cartBounce 4s 1s infinite}@keyframes cartBounce{0%,10%,25%,40%,50%{transform:translateY(0)}20%{transform:translateY(-10px)}30%{transform:translateY(-5px)}}.cart-dialog{cursor:default;position:absolute;visibility:hidden;z-index:100;opacity:0;bottom:100%;right:0;background-color:var(--gray-light);padding:0.25rem;text-align:center;border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);transition:all 0.25s ease-out;width:340px;transform:translateY(1.5rem)}.cart-dialog::before{content:"";position:absolute;bottom:0;right:2rem;width:1rem;height:1rem;background-color:var(--gray-light);border-radius:4px;transform:translateY(50%) rotate(45deg)}.has-active-cart .cart-dialog{visibility:visible;opacity:1;box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);transform:translateY(-1rem)}.cart-dialog .widgettitle{padding-top:0.5rem;padding-bottom:0.75rem;font-size:.875em;text-transform:uppercase;text-align:center;letter-spacing:2px}.cart-dialog .blockOverlay{background-position:center center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.8) !important;background-image:url("../../../../../wp-admin/images/spinner.gif")}@media (max-width: 767px){.cart-dialog{top:calc(100% + 10px)}}.widget_shopping_cart_content{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.woocommerce-mini-cart{background-color:var(--white);overflow-y:auto;width:100%;max-height:240px;list-style-type:none;text-align:left}.woocommerce-mini-cart-item{position:relative;padding:0.5rem;font-size:.875em;border-bottom:1px solid #dee3e7;line-height:1.5}.woocommerce-mini-cart-item::before,.woocommerce-mini-cart-item::after{content:"";display:table}.woocommerce-mini-cart-item::after{clear:both}.woocommerce-mini-cart-item img{float:left;margin-right:0.5rem;width:40px}.woocommerce-mini-cart-item figure{position:relative}.woocommerce-mini-cart-item a{display:block;color:inherit;font-weight:600}.woocommerce-mini-cart-item a:hover{text-decoration:underline}.woocommerce-mini-cart-item a:hover img{opacity:.7}.woocommerce-mini-cart-item .variation{margin-bottom:0.5rem}.woocommerce-mini-cart-item dt,.woocommerce-mini-cart-item dd{display:inline-block}.woocommerce-mini-cart-item .quantity{font-size:.875em;color:var(--passive);font-weight:700}.woocommerce-mini-cart__total{flex:1;padding:0.5rem;line-height:1.25}.woocommerce-mini-cart__total .woocommerce-Price-amount{font-weight:700}.woocommerce-mini-cart__total strong{font-size:.875em;font-weight:400}.woocommerce-mini-cart__buttons{flex:1;align-self:center;text-align:right;padding-right:0.5rem;padding-left:0.5rem}.woocommerce-mini-cart__buttons a:first-child{display:none}.woocommerce-mini-cart__buttons .button{text-transform:uppercase}.woocommerce-mini-cart__buttons .button::after{content:" »"}a.remove_from_cart_button{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;position:absolute;background-color:var(--gray-light);top:0.25rem;right:0.25rem;width:1.5rem;height:1.5rem;color:var(--main-dark);text-align:center;line-height:1;border-radius:50%;font-size:20px}a.remove_from_cart_button:hover{background-color:var(--red);color:var(--white);text-decoration:none}.woocommerce-mini-cart__empty-message{padding-top:1.5rem;padding-right:1.5rem;padding-left:1.5rem;padding-bottom:4rem;width:100%;text-align:center;font-size:1.125em} diff --git a/assets/fonts/.keep b/files/.keep similarity index 100% rename from assets/fonts/.keep rename to files/.keep diff --git a/functions.php b/functions.php index 62f899a..ea11ecb 100644 --- a/functions.php +++ b/functions.php @@ -1,73 +1,45 @@ 'dashicons-cart' ] ); H::register_taxonomy( 'brand', [ 'post_type' => 'product' ] ); /** - * Create Gutenberg block for post listing + * Create Gutenberg block for post-type listing */ - H::register_post_block( 'post' ); - H::register_post_block( 'product' ); + H::register_post_type_block( 'post' ); + H::register_post_type_block( 'product' ); } -/** - * Register all your CSS and JS here - * @action wp_enqueue_scripts 100 - */ -function my_enqueue_assets() { - $css_dir = get_stylesheet_directory_uri() . '/assets/css'; - $js_dir = get_stylesheet_directory_uri() . '/assets/js'; - - // Stylesheet - wp_enqueue_style( 'my-framework', $css_dir . '/framework.css' ); - wp_enqueue_style( 'my-app', $css_dir . '/app.css' ); - wp_enqueue_style( 'dashicons', get_stylesheet_uri(), 'dashicons' ); // WP native icons - - // Edje Library - wp_enqueue_script( 'h-lightbox' ); - wp_enqueue_script( 'h-slider' ); - wp_enqueue_style( 'h-lightbox' ); - wp_enqueue_style( 'h-slider' ); - - // Javascript - wp_enqueue_script( 'my-app', $js_dir . '/app.js', ['jquery'], false, true ); -} /** diff --git a/codes/api.php b/functions/api.php similarity index 98% rename from codes/api.php rename to functions/api.php index e18b71e..d4674b4 100644 --- a/codes/api.php +++ b/functions/api.php @@ -9,7 +9,6 @@ * Handles registering new route and do GET / POST request */ class MyAPI { - // function __construct() { add_action( 'rest_api_init', [$this, 'rest_api_init'] ); } @@ -51,4 +50,6 @@ function sample_post( $request ) { $params = $request->get_params(); return $params; } -} \ No newline at end of file +} + +new MyAPI(); \ No newline at end of file diff --git a/codes/blocks.php b/functions/blocks.php similarity index 51% rename from codes/blocks.php rename to functions/blocks.php index fbe0d65..c36fb07 100644 --- a/codes/blocks.php +++ b/functions/blocks.php @@ -5,7 +5,7 @@ class MyBlocks { function __construct() { add_action( 'acf/init', [$this, 'create_blocks'] ); - add_action( 'enqueue_block_editor_assets', [$this, 'enqueue_assets'] ); + add_filter( 'acf/format_value/name=sample', [$this, 'acf_format_sample'], 10, 3 ); } @@ -22,15 +22,13 @@ function create_blocks() { } /** - * Enqueue assets that modify Gutenberg while editing + * Customize the return value of ACF field by the name of 'sample' + * @filter acf/format_value/name=sample */ - function enqueue_assets() { - if ( !is_admin() ) { return; } - - $css_dir = get_stylesheet_directory_uri() . '/assets/css'; - $js_dir = get_stylesheet_directory_uri() . '/assets/js'; - - wp_enqueue_script( 'my-block-editor', $js_dir . '/my-block-editor.js', [ 'wp-blocks', 'wp-dom' ] , false, true ); - wp_enqueue_style( 'my-block-editor', $css_dir . '/my-block-editor.css', [ 'wp-edit-blocks' ] ); + function acf_format_sample( $value, $post_id, $field ) { + return $value; } -} \ No newline at end of file +} + + +new MyBlocks(); \ No newline at end of file diff --git a/functions/enqueue.php b/functions/enqueue.php new file mode 100644 index 0000000..d23cd92 --- /dev/null +++ b/functions/enqueue.php @@ -0,0 +1,59 @@ +product ) ? $post->product : wc_get_product( $post->ID ); -} - /** * Codes for Shop page */ -class MyShop { +class MyShopHooks { function __construct() { + // Replace default HTML of pagination remove_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 ); add_action( 'woocommerce_after_shop_loop', [$this, 'custom_woocommerce_pagination'], 10 ); + + // Allow auto update on Cart widget + add_filter( 'woocommerce_add_to_cart_fragments', [$this, 'update_cart_widget_fragment'] ); + + // Replace default HTML of cross-sell + remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' ); // replace default cross-sell + add_action( 'woocommerce_cart_collaterals', [$this, 'custom_cross_sell_display'] ); } /** @@ -26,30 +26,7 @@ function custom_woocommerce_pagination() { $context = [ 'pagination' => Timber::get_pagination() ]; - Timber::render( '/partials/_pagination.twig', $context ); - } -} - -/** - * Codes for Single Product pages - */ -class MyProduct { - function __construct() { - } -} - - -/** - * Codes for Cart page - */ -class MyCart { - function __construct() { - // Cart navigation widget - add_filter( 'woocommerce_add_to_cart_fragments', [$this, 'update_cart_widget_fragment'] ); - - // replace default cross-sell - remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' ); - add_action( 'woocommerce_cart_collaterals', [$this, 'custom_cross_sell_display'] ); + Timber::render( '/_pagination.twig', $context ); } /** @@ -81,5 +58,4 @@ function custom_cross_sell_display( ) { Timber::render( 'shop/_cart-cross-sells.twig', $context ); } } - -} +} \ No newline at end of file diff --git a/functions-shop.php b/functions/shop.php similarity index 55% rename from functions-shop.php rename to functions/shop.php index 6e0e58e..db56819 100644 --- a/functions-shop.php +++ b/functions/shop.php @@ -1,19 +1,26 @@ product ) ? $post->product : wc_get_product( $post->ID ); +} diff --git a/codes/shortcodes.php b/functions/shortcodes.php similarity index 95% rename from codes/shortcodes.php rename to functions/shortcodes.php index e106d0d..0b12e99 100644 --- a/codes/shortcodes.php +++ b/functions/shortcodes.php @@ -19,4 +19,7 @@ function example( $atts, $content = null ) { return "

{$atts['name']}

$content
"; } -} \ No newline at end of file +} + + +new MyShortcodes(); \ No newline at end of file diff --git a/codes/timber.php b/functions/timber.php similarity index 99% rename from codes/timber.php rename to functions/timber.php index ed1ca1d..ea20e1f 100644 --- a/codes/timber.php +++ b/functions/timber.php @@ -47,7 +47,6 @@ function add_to_context( array $context ) : array { */ function add_to_twig( $twig ) { $twig->addExtension( new Twig_Extension_StringLoader() ); - $twig->addFilter( new Twig_SimpleFilter( 'my_example', [$this, 'filter_my_example'] ) ); return $twig; @@ -61,3 +60,6 @@ function filter_my_example( string $post_content, string $name ) : string { return "

$name

$post_content"; } } + + +new MyTimber(); \ No newline at end of file diff --git a/assets/js/app.js b/js/app.js similarity index 100% rename from assets/js/app.js rename to js/app.js diff --git a/assets/js/my-block-editor.js b/js/my-editor.js similarity index 100% rename from assets/js/my-block-editor.js rename to js/my-editor.js diff --git a/package.json b/package.json index e56c78a..bcad932 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "dependencies": {}, "devDependencies": {}, "scripts": { - "sass": "node-sass -w assets/sass -o assets/css --output-style compressed", + "sass": "node-sass -w sass -o css --output-style compressed", "bsync": "browser-sync start --proxy \"demo.test\" --files \"assets/css/*.css\"" } } diff --git a/assets/sass/edje/_functional-vars.scss b/sass/_edje/_functional-vars.scss similarity index 100% rename from assets/sass/edje/_functional-vars.scss rename to sass/_edje/_functional-vars.scss diff --git a/assets/sass/edje/_output.scss b/sass/_edje/_output.scss similarity index 100% rename from assets/sass/edje/_output.scss rename to sass/_edje/_output.scss diff --git a/assets/sass/edje/_utility-h.scss b/sass/_edje/_utility-h.scss similarity index 100% rename from assets/sass/edje/_utility-h.scss rename to sass/_edje/_utility-h.scss diff --git a/assets/sass/edje/_utility.scss b/sass/_edje/_utility.scss similarity index 90% rename from assets/sass/edje/_utility.scss rename to sass/_edje/_utility.scss index 6353651..feb6684 100644 --- a/assets/sass/edje/_utility.scss +++ b/sass/_edje/_utility.scss @@ -43,6 +43,34 @@ $_media-sizes: ( // COLOR // ------- +// Get color from $h-color variable. +// +// 2nd parameter is modifier to add transparency / darken / lighten +// - transparency : number between 0 to 1 +// - darken : negative percent +// - lighten : positive percent +// +@function h-color( $color, $modifier: false ) { + $color: map-get( $h-colors, quote($color) ); + + @if $color AND type-of($modifier) == 'number' { + // if between 0 to 1 = transparent + @if $modifier >= 0 AND $modifier <= 1 { + $color: rgba( $color, $modifier ); + } + // if positive = darken + @else if $modifier > 1 { + $color: darken( $color, $modifier ); + } + // if negative = lighten + @else if $modifier < 0 { + $color: lighten( $color, abs($modifier) ); + } + } + + @return $color; +} + // Override Darken functions to allow CSS Variable from $h-colors // // color: darken( --main, 10% ) diff --git a/assets/sass/_settings.scss b/sass/_settings.scss similarity index 84% rename from assets/sass/_settings.scss rename to sass/_settings.scss index 834c7ac..dc53eb6 100644 --- a/assets/sass/_settings.scss +++ b/sass/_settings.scss @@ -7,14 +7,20 @@ /* EDJE COLORS - - Each item will be outputted as CSS Variable. So you can use them with var(). + Each item will be outputted as CSS Variable. So you can use them with var(): - EXAMPLE>> border: 1px solid var(--red) + border: 1px solid var(--red) - - In h() mixin, each item can be used alongside these shorthand styles: - - bg (background-color) - - bc (border-color) - - c (color) + Use hColor() function to add transparency, darken, or lighten: + + color : hColor(text, .1) // transparent + background-color : hColor(red, +10%) // darken + border-color : hColor(main, -10%) // lighten + + In h() mixin, each item can be used alongside these shorthand styles: + - bg (background-color) + - bc (border-color) + - c (color) EXAMPLE>> +h( bg-red c-blue-light ) @@ -151,8 +157,8 @@ $shadow-z3: 0 6px 12px rgba(black, .23), 0 10px 40px rgba(black, .19); $g-radius : 4px; $g-transition : all .25s ease-out; -$image-url: '../images/'; -$font-url: '../fonts/'; +$image-url: '../files/'; +$font-url: '../files/'; @@ -162,7 +168,7 @@ $h-custom: ( ); -@import "edje/utility-h"; -@import "edje/utility"; -@import "edje/functional-vars"; -@import "edje/output"; \ No newline at end of file +@import "_edje/utility-h"; +@import "_edje/utility"; +@import "_edje/functional-vars"; +@import "_edje/output"; \ No newline at end of file diff --git a/assets/sass/app.sass b/sass/app.sass similarity index 55% rename from assets/sass/app.sass rename to sass/app.sass index 5e1785b..9b153f7 100644 --- a/assets/sass/app.sass +++ b/sass/app.sass @@ -1,15 +1,9 @@ // Put styles that are unique for this project here @import "settings" -@import "app-nav" -@import "app-gutenberg" +@import "app/nav" +@import "app/gutenberg" -// MAIN WRAPPER -main - .has-fixed-nav & - padding-top: 74px // the nav height\ - color: darken( --main, .2) - // hide wp admin bar @media ( below(782px) ) html[lang] diff --git a/sass/app/_gutenberg.sass b/sass/app/_gutenberg.sass new file mode 100644 index 0000000..22457f5 --- /dev/null +++ b/sass/app/_gutenberg.sass @@ -0,0 +1,703 @@ + ///// GUTENBERG COLORS + + [class*="-background-color"] + background-color: var(--bgColor) + + .has-text-color + color: var(--textColor) + + ///// GENERAL + + article + p, + ul, + ol, + blockquote, + pre, + table, + figure + +h( mb1_5 ) + + p a, + li a + +h( td-u ) + + ul, ol + +h( pl1_5 ) + + ul ul, + ol ol, + ul ol, + ol ul + +h( mb0 ) + + img + +h( brad ) + + + .the-content + letter-spacing: 0.01 * $font-size + + h1, h2, h3, h4, h5, h6 + +h( mb1_5 clear-both ) + color: var(--textColor) + + + // all woocommerce page become alignwide + > .woocommerce + +h( mh-auto ) + max-width: $grid-max-width + + > *:first-child + +h( mt0 ) + + .the-content, + .wp-block-group__inner-container, + .wp-block-cover__inner-container + > * + +h( mh-auto mb1_5 ) + max-width: $content-width + + @media (below($grid-max-width)) + padding-right: $grid-rim + padding-left: $grid-rim + + // Alignments + .alignright, + .has-text-align-right + +h( ta-right ) + + .alignleft, + .has-text-align-left + +h( ta-left ) + + .aligncenter, + .has-text-align-center + +h( ta-center ) + + .alignwide + max-width: $grid-max-width + + .alignfull + +h( maxw-none mv2_5 ) + + + .alignfull + +h( mt-2_5 ) + + &:last-child + +h( mb0 ) + + @media (below($grid-max-width)) + margin-right: -1 * $grid-rim + margin-left: -1 * $grid-rim + + + .is-vertically-aligned-top + +h( ai-start as-start ) + + .is-vertically-aligned-center + +h( ai-center as-center ) + + .is-vertically-aligned-bottom + +h( ai-end as-end ) + + + ////// GROUP + + .wp-block-group + +h( pv2 ) + + &:not(.has-background) + +h( pv0 ) + + &:not(.has-background) + .alignfull + +h( mt0 ) + + *:last-child + +h( mb0 ) + + + ///// COVER + + .wp-block-cover + +h( d-flex ai-center jc-center bgs-cover bgp-cc bg-black ) + +h( minh400px ) + + &.--for-featured-image + +h( ai-end ) + + .post-meta + +h( pv0_5 c-white_60 ) + border-top: 1px solid + border-bottom: 2px solid + + .post-meta + p + +h( mt1_5 ) + + &.--for-post-tease + +h( ov-hidden ai-end ph2 pb2 brad ) + max-width: calc(#{ $content-width } + 4rem ) + + a:hover h1 + +h( td-u ) + + .post-meta + +h( c-white_60 ) + + + .wp-block-cover__inner-container + +h( relative z2 c-white ) + width: $content-width + + @media (below($grid-max-width)) + padding-right: $grid-rim + padding-left: $grid-rim + + .has-parallax + background-attachment: fixed + + .has-background-dim + +h( relative ) + + &::before + content: "" + +h( absolute-fill z1 o50 bg-inherit ) + + .has-background-dim-10::before + +h( o10 ) + .has-background-dim-20::before + +h( o20 ) + .has-background-dim-30::before + +h( o30 ) + .has-background-dim-40::before + +h( o40 ) + .has-background-dim-60::before + +h( o60 ) + .has-background-dim-70::before + +h( o70 ) + .has-background-dim-80::before + +h( o80 ) + .has-background-dim-90::before + +h( o90 ) + .has-background-dim-100::before + +h( o100 ) + + + ///// PARAGRAPH + + p.has-background + +h( p1 brad ) + + .has-small-font-size + +h( fs-s ) + + .has-medium-font-size + +h( fs-m ) + + .has-large-font-size + font-size: 2.25rem + + .has-huge-font-size + font-size: 3rem + + + ///// QUOTE + + .wp-block-quote + +h( p1 ) + border-left: 4px solid var(--text) + + p, + li + +h( mb0 ) + + p + p, + li + li + +h( mt1 ) + + cite + +h( d-block mt1 fs-s c-passive ) + + &.is-style-large + +h( fs-h4 ta-center ) + border-left: none + border-top: 3px solid var(--text) + border-bottom: 3px solid var(--text) + + cite + +h( fs-body ) + + &[style="text-align:right"], + &[style="text-align: right"] + border-left: none + border-right: 4px solid var(--text) + + &[style="text-align:center"], + &[style="text-align: center"] + border-left: none + border-top: 4px solid var(--text) + + + ///// PULLQUOTE + + .wp-block-pullquote + +h( pv0 ) + background-color: var(--bgColor) + + blockquote + +h( d-flex fd-column ta-left ) + + > * + +h( order2 ) + + p, li + +h( ph1 mb0 fs-body h0 ov-hidden transition ) + + cite + +h( d-flex order1 cursor-pointer relative pv0_5 ph1 bg-black_05 ) + +h( fw700 fs-m transition brad ) + font-style: normal + + &::before + content: "+" + +h( d-iblock mr1 ff-monospace ) + + &:hover + +h( bg-black_20 ) + + &.--expanded + cite + +h( mb1 ) + + cite::before + content: "-" + + p, li + +h( mb1 h-auto ) + + .wp-block-pullquote.is-style-solid-color + +h( brad ) + + cite + +h( bg-transparent ) + + cite:hover + +h( bg-white_25 ) + + &.--expanded + cite + +h( bg-transparent ) + + ///// IMAGE + + %figcaption + +h( d-iblock p0_5 mh-auto bb1-solid bc-gray ) + +h( fs-s ) + + .wp-block-image + +h( ta-center ) + + &.alignfull + img + +h( brad0 ) + + figcaption + @extend %figcaption + + + // hover effect + .wp-block-image a, + .wp-block-gallery a + +h( d-block ov-hidden brad ) + + img + +h( transition ) + + &:hover img + +h( backface-hidden ) + transform: scale(1.1) + + + ///// GALLERY + + .wp-block-gallery + +h( d-flex fw-wrap list-none pl0 ) + max-width: calc(#{ $content-width } + 1rem) + + &.alignwide + max-width: calc(#{ $grid-max-width } + 1rem) + + &.alignfull + max-width: 100% + + &.is-cropped img + +h( flex1 h100p w100p ) + object-fit: cover + + figure + +h( relative d-flex ai-end jc-start h100p mb0 brad ) + + a + +h( h100p ) + + figcaption + +h( absolute bottom0 w100p p0_5 fs-s c-white ta-center ) + background-image: linear-gradient( 0deg,rgba(0,0,0,.7),rgba(0,0,0,.5) 50%,transparent) + + .blocks-gallery-item + +h( ph0_5 pb1 ) + flex-grow: 1 + + @media ($above-s) + .columns-2 & + width: 50% + .columns-3 & + width: calc(100% / 3) + .columns-4 & + width: 25% + .columns-5 & + width: 20% + .columns-6 & + width: calc(100% / 6) + .columns-7 & + width: calc(100% / 7) + .columns-8 & + width: 12.5% + .columns- & + width: 20% + + @media ($below-s) + width: 33.33% + + .columns-2 & + width: 50% + + @media ($below-xs) + width: 50% + + + ///// GALLERY SLIDER + + .is-style-h-slider + .blocks-gallery-item + flex-grow: initial + + &.is-cropped .hSlider-slide + +h( ai-stretch ) + + + ///// AUDIO + + .wp-block-audio + +h( ta-center ) + + audio + +h( w100p ) + + figcaption + @extend %figcaption + + ///// FILE + + .wp-block-file + +h( d-flex ai-center jc-center ) + +h( p1_25 bg-gray-light b1-solid bc-black_10 brad ) + + &.alignleft + +h( jc-start ) + + &.alignright + +h( jc-end ) + + .wp-block-file__button + +h( ml1 ) + + + ///// VIDEO + + .wp-block-video + +h( w100p ta-center ) + + video + +h( w100p ) + + figcaption + @extend %figcaption + + + ///// SPACER + + .wp-block-spacer + +h( mb0 ) + + + ///// SEPARATOR + + .wp-block-separator + +h( d-block bt2-solid bc-gray mv2_5 mh-auto p0 lh1 ) + width: 120px + + &.is-style-wide + width: $content-width + + &.is-style-dots + +h( b0 h-auto w-auto ta-center ) + + &::before + content: "\00b7 \00b7 \00b7" + +h( pl2 ff-monospace c-text fs-m ) + letter-spacing: 2rem + + + ///// TABLE + + table.wp-block-table, + .wp-block-table table + +h( w100p bg-white ) + --tableBorder: var(--black) + --tableHeader: var(--gray-light) + --tableBg: rgba(var(--grayRGB), .1) + + thead tr, + tfoot tr + +h( fw700 ta-left ) + background-color: var(--tableHeader) + + thead tr + border-bottom: 2px solid var(--tableBorder) + tfoot tr + border-top: 2px solid var(--tableBorder) + + th, + td + +h( pv0_5 ph1 b1-solid bc-black_10 ) + + // + @media ($below-s) + td + +h( pv0_25 ph0_5 ) + + // Table styles + .wp-block-table + &.is-style-stripes + tr:nth-child(even) + background-color: var(--tableBg) + + &.has-fixed-layout + +h( w100p ) + table-layout: fixed + + // default color palette + .has-subtle-pale-green-background-color + --tableBorder: var(--green) + --tableHeader: var(--green-light) + --tableBg: rgba(var(--greenRGB), .1) + + .has-subtle-pale-blue-background-color + --tableBorder: var(--blue) + --tableHeader: var(--blue-light) + --tableBg: rgba(var(--blueRGB), .1) + + .has-subtle-pale-pink-background-color + --tableBorder: var(--red) + --tableHeader: var(--red-light) + --tableBg: rgba(var(--redRGB), .1) + + + ///// BUTTON + + .is-style-squared + a + +h( brad ) + + + ///// COLUMNS + + .wp-block-columns + +h( d-flex ) + + @media ($below-s) + +h( fw-wrap ) + + .wp-block-column + +h( flex1 ) + + > *:last-child + +h( mb0 ) + + @media ($above-s) + + .wp-block-column + +h( ml1_5 ) + + @media ($below-s) + +h( w100p ) + flex-basis: 100% !important + + + .wp-block-column + +h( mt1_5 ) + + + @media ($above-s) + .is-style-h-2-1 + .wp-block-column:nth-child(1) + flex: 2 + .wp-block-column:nth-child(2) + flex: 1 + + .is-style-h-1-2 + .wp-block-column:nth-child(1) + flex: 1 + .wp-block-column:nth-child(2) + flex: 2 + + @media ($below-s) + .is-style-h-1-1-mobile + .wp-block-column + flex-basis: 50% !important + + .wp-block-column:nth-child(even) + +h( mt0 ) + + + ///// MEDIA TEXT + + .wp-block-media-text + +h( d-grid ) + grid-row-gap: $grid-gap + grid-column-gap: $grid-gap + + &[class*="-background-color"] + +h( p1 brad ) + + @media ($above-xs) + grid-template-areas: "media text" + grid-template-columns: 6fr 6fr + + &.has-media-on-the-right + grid-template-areas: "text media" + + &.is-style-h-smaller-image, + &.is-style-h-larger-image.has-media-on-the-right + grid-template-columns: 4fr 8fr + + &.is-style-h-larger-image, + &.is-style-h-smaller-image.has-media-on-the-right + grid-template-columns: 8fr 4fr + + // + @media ($below-xs) + grid-template-areas: "media" "text" + grid-template-columns: repeat(1, 1fr) + + + .wp-block-media-text__media + +h( mb0 ) + grid-area: media + + @media ($above-xs) + .is-image-fill & + +h( as-stretch bgr-no bgs-cover brad ) + + img + +h( d-none ) + + @media ($below-xs) + .is-image-fill & + background-image: none !important + + + .wp-block-media-text__content + grid-area: text + + > *:last-child + +h( mb0 ) + + + ///// CODE & PREFORMATTED + + .wp-block-code, + .wp-block-preformatted + +h( p1 b1-solid bc-black_10 bg-gray-light brad ) + font-size: 15px + + code + +h( p0 b0 bg-transparent ) + + pre, + code + +h( ff-monospace ) + + code + +h( pv0 ph0_5 ) + + + ///// EMBED + + .wp-block-embed + +h( mv2 ta-center ) + + figcaption + @extend %figcaption + + .wp-block-embed__wrapper + +h( d-flex jc-center relative ) + + &::before + .wp-has-aspect-ratio &, + .wp-block-embed-wordpress & + +h( content-empty d-block w100p ) + + .wp-embed-aspect-21-9 &, + .wp-block-embed-wordpress & + padding-top: 42.85% + .wp-embed-aspect-18-9 & + padding-top: 50% + .wp-embed-aspect-16-9 & + padding-top: 56.25% + .wp-embed-aspect-4-3 & + padding-top: 75% + .wp-embed-aspect-1-1 & + padding-top: 100% + .wp-embed-aspect-9-6 & + padding-top: 66.667% + .wp-embed-aspect-1-2 & + padding-top: 200% + + + .wp-has-aspect-ratio, + .wp-block-embed-wordpress + iframe + +h( absolute-fill w100p h100p ) + + + .wp-block-embed-wordpress + blockquote + +h( d-none ) + + iframe + clip: auto !important + + + ///// READ MORE + + .h-block-readmore + +h( mv2 transition ) + + .button + +h( d-block pv1 tt-uppercase ta-center ) + + ~ * + +h( transition ) + + // hide all the content after Read More block + &:not(.--expanded) + ~ * + +h( d-block ov-hidden h0 p0 m0 b0 transition ) + + &.--expanded + +h( ov-hidden h0 p0 m0 ) + + + ///// ACF POST LIST + + .acf-block-post-list diff --git a/assets/sass/_app-nav.sass b/sass/app/_nav.sass similarity index 100% rename from assets/sass/_app-nav.sass rename to sass/app/_nav.sass diff --git a/sass/framework.sass b/sass/framework.sass new file mode 100644 index 0000000..b570085 --- /dev/null +++ b/sass/framework.sass @@ -0,0 +1,17 @@ +// Put styles that you might reuse in other projects here + +// Framework output settings +$include-normalize: true +$include-grid: true +$include-tile: true +$include-typography: true +$include-visibility: true +$include-colors: true + +$output-framework: true // this will output the Normalizer, Grid, etc +@import "settings" + +@import "framework/blog" +@import "framework/jetpack" +@import "framework/elements" +@import "framework/cf7" diff --git a/assets/sass/_fw-blog.sass b/sass/framework/_blog.sass similarity index 100% rename from assets/sass/_fw-blog.sass rename to sass/framework/_blog.sass diff --git a/sass/framework/_cf7.sass b/sass/framework/_cf7.sass new file mode 100644 index 0000000..52d7691 --- /dev/null +++ b/sass/framework/_cf7.sass @@ -0,0 +1,25 @@ +// Contact Form 7 +form.wpcf7-form + +h( p0_75 mh-auto bg-white shadow1 ) + max-width: 570px + + br + +h( d-none ) + + label + +h( d-block fs-s fw600 ls50 tt-uppercase ) + +div.wpcf7 + span.wpcf7-not-valid-tip + +h( c-red fs-s ) + + div.wpcf7-response-output + +h( m0 mt1 ta-center brad ) + border-width: 1px + + .wpcf7-validation-errors + +h( bg-red_20 bc-red c-red ) + + .wpcf7-mail-sent-ok, + .wpcf7-mail-sent-ng + +h( bg-green_50 bc-green c-green ) \ No newline at end of file diff --git a/assets/sass/framework.sass b/sass/framework/_elements.sass similarity index 60% rename from assets/sass/framework.sass rename to sass/framework/_elements.sass index fe277d4..ddbfcc2 100644 --- a/assets/sass/framework.sass +++ b/sass/framework/_elements.sass @@ -1,20 +1,3 @@ -// Put styles that you might reuse in other projects here - -// Framework output settings -$include-normalize: true -$include-grid: true -$include-tile: true -$include-typography: true -$include-visibility: true -$include-colors: true - -$output-framework: true // this will output the Normalizer, Grid, etc -@import "settings" - -@import "fw-blog" -@import "fw-jetpack" - - ///// BUTTON ///// .button, @@ -61,7 +44,7 @@ $output-framework: true // this will output the Normalizer, Grid, etc background-image: url("../../../../../wp-admin/images/spinner.gif") color: transparent !important - + ///// INPUT ///// [type="text"], @@ -100,49 +83,4 @@ select +h( brad ) [type="radio"] - +h( brad-circle ) - - - -///// WORDPRESS General - -// Error page -.content-error - +h( ta-center ) - padding: 100px 0 - - @media ($below-s) - +h( pv2 ) - - h1 - +h( mb1 tt-uppercase lh1 c-main ) - - span - +h( d-block c-text fs-h2 ) - - -// Contact Form 7 -form.wpcf7-form - +h( p0_75 mh-auto bg-white shadow1 ) - max-width: 570px - - br - +h( d-none ) - - label - +h( d-block fs-s fw600 ls50 tt-uppercase ) - -div.wpcf7 - span.wpcf7-not-valid-tip - +h( c-red fs-s ) - - div.wpcf7-response-output - +h( m0 mt1 ta-center brad ) - border-width: 1px - - .wpcf7-validation-errors - +h( bg-red_20 bc-red c-red ) - - .wpcf7-mail-sent-ok, - .wpcf7-mail-sent-ng - +h( bg-green_50 bc-green c-green ) \ No newline at end of file + +h( brad-circle ) \ No newline at end of file diff --git a/assets/sass/_fw-jetpack.scss b/sass/framework/_jetpack.scss similarity index 100% rename from assets/sass/_fw-jetpack.scss rename to sass/framework/_jetpack.scss diff --git a/sass/my-admin.sass b/sass/my-admin.sass new file mode 100644 index 0000000..5c35608 --- /dev/null +++ b/sass/my-admin.sass @@ -0,0 +1,3 @@ +// This styling is applied to WP Admin +$output-framework: false; +@import "settings" diff --git a/assets/sass/my-block-editor.sass b/sass/my-editor.sass similarity index 83% rename from assets/sass/my-block-editor.sass rename to sass/my-editor.sass index 18a14ff..5bb2a4f 100644 --- a/assets/sass/my-block-editor.sass +++ b/sass/my-editor.sass @@ -2,4 +2,4 @@ $include-colors: true; $output-framework: true; -@import "settings" +@import "settings" \ No newline at end of file diff --git a/sass/shop.sass b/sass/shop.sass new file mode 100644 index 0000000..1b4e3f3 --- /dev/null +++ b/sass/shop.sass @@ -0,0 +1,21 @@ +@import "settings" + +$wc-panel: var(--gray-light) +$wc-panel-dark: darken( --gray-light, 5%) + +///// GENERAL + +.price + del + +h( d-block o50 fs-s ) + ins + +h( d-block td-none ) + +.woocommerce-Price-currencySymbol // Change currency to be smaller + +h( fw-body fs-s ) + + +@import "shop/toast" +@import "shop/archive" +@import "shop/single" +@import "shop/cart" \ No newline at end of file diff --git a/assets/images/.keep b/sass/shop/_archive.sass similarity index 100% rename from assets/images/.keep rename to sass/shop/_archive.sass diff --git a/assets/sass/_shop-cart.sass b/sass/shop/_cart.sass similarity index 100% rename from assets/sass/_shop-cart.sass rename to sass/shop/_cart.sass diff --git a/assets/sass/shop.sass b/sass/shop/_single.sass similarity index 63% rename from assets/sass/shop.sass rename to sass/shop/_single.sass index ca964da..f026b3b 100644 --- a/assets/sass/shop.sass +++ b/sass/shop/_single.sass @@ -1,173 +1,3 @@ -@import "settings" - -$wc-panel: var(--gray-light) -$wc-panel-dark: darken( --gray-light, 5%) - -@import "shop-cart" - -///// GENERAL - -.price - del - +h( d-block o50 fs-s ) - - ins - +h( d-block td-none ) - -.woocommerce-Price-currencySymbol // Change currency to be smaller - +h( fw-body fs-s ) - -// Toast alert -@keyframes flipInX - from - transform: perspective(400px) rotate3d(1, 0, 0, 90deg) - animation-timing-function: ease-in - 40% - transform: perspective(400px) rotate3d(1, 0, 0, -20deg) - animation-timing-function: ease-in - 60% - transform: perspective(400px) rotate3d(1, 0, 0, 10deg) - 80% - transform: perspective(400px) rotate3d(1, 0, 0, -5deg) - to - transform: perspective(400px) - - -.woocommerce-info, -.woocommerce-message, -.woocommerce-error - +h( d-flex fd-column-reverse ai-end ) - +h( fixed z100 p1_25 bg-gray-light shadow2 brad backface-hidden ) - bottom: 1em - right: 1em - - animation: 1s flipInX both - - .button - +h( mt0_5 pv0_25 ) - - -.woocommerce-error - +h( bg-red list-none c-white ) - - -.h-close-toast - +h( cursor-pointer absolute top0 left0 bg-red ) - +h( ta-center c-white lh1 fs-h5 fw-header brad-circle shadow1 ) - width: 24px - height: 24px - transform: translateX( -50% ) translateY( -50% ) - - &:hover - +h( o70 ) - - -// store-wide notice -.woocommerce-store-notice - +h( fixed bottom0 left0 right0 bg-main pv0_5 ph1 ) - +h( ta-center c-white shadow2 ) - - a - +h( d-inline-block float-right bg-main-dark pv0_5 ph2 ) - +h( c-white td-u ) - margin: -0.5em -1em - - &:hover - +h( o70 ) - - -///// CATEGORY LISTING - -.shop-categories - +h( m0 mb3 ) - - h2 - +h( mb1 fw-body ta-center ) - -.category-tease - &:hover - figure - +h( o80 ) - h3 - +h( td-u ) - - figure - +h( mb1 transition ) - - img - +h( brad ) - - h3 - +h( fs-h5 c-text ta-center ) - - -///// PRODUCTS LISTING - -.before-products - +h( d-flex ai-center mb2 ) - - p - +h( mr1 ml-auto fs-s ) - -.shop-products - +h( mv2 mh0 ) - -.product-tease - +h( relative ta-center ) - - a:hover - figure - +h( o80 ) - h3 - +h( td-u ) - - figure - +h( mb1 transition ) - - img - +h( brad ) - - h3 - +h( fs-h5 ) - - .price - +h( d-block ) - - // Tease button - .button - +h( mt0_5 fs-s va-middle ) - - .button.added - +h( relative bg-green c-transparent bc-green ) - border-color: darken( --green, 10%) - - &::after - content: "\f147" - +h( absolute top50p left50p c-white fw400 ) - font-family: "dashicons" - font-size: 1.5em - transform: translateX(-50%) translateY(-50%) - - .added_to_cart - +h( d-none ) - - -// On Sale label -.onsale - +h( d-inline-block pv0 ph1 b1-dashed bc-white bg-red ) - +h( c-white fw-header fs-s tt-uppercase brad ) - box-shadow: 0 0 0 2px var(--red) - - .product-tease & - +h( absolute ) - top: 1em - right: 1em - - .product-figure & - +h( absolute z5 ) - top: 10px - left: 10px - ///// SINGLE PRODUCT // The wrapper, need to be named "product" to make the gallery works diff --git a/sass/shop/_toast.sass b/sass/shop/_toast.sass new file mode 100644 index 0000000..e05f624 --- /dev/null +++ b/sass/shop/_toast.sass @@ -0,0 +1,57 @@ +// Toast alert +@keyframes flipInX + from + transform: perspective(400px) rotate3d(1, 0, 0, 90deg) + animation-timing-function: ease-in + 40% + transform: perspective(400px) rotate3d(1, 0, 0, -20deg) + animation-timing-function: ease-in + 60% + transform: perspective(400px) rotate3d(1, 0, 0, 10deg) + 80% + transform: perspective(400px) rotate3d(1, 0, 0, -5deg) + to + transform: perspective(400px) + + +.woocommerce-info, +.woocommerce-message, +.woocommerce-error + +h( d-flex fd-column-reverse ai-end ) + +h( fixed z100 p1_25 bg-gray-light shadow2 brad backface-hidden ) + bottom: 1em + right: 1em + + animation: 1s flipInX both + + .button + +h( mt0_5 pv0_25 ) + + +.woocommerce-error + +h( bg-red list-none c-white ) + + +.h-close-toast + +h( cursor-pointer absolute top0 left0 bg-red ) + +h( ta-center c-white lh1 fs-h5 fw-header brad-circle shadow1 ) + width: 24px + height: 24px + transform: translateX( -50% ) translateY( -50% ) + + &:hover + +h( o70 ) + + +// store-wide notice +.woocommerce-store-notice + +h( fixed bottom0 left0 right0 bg-main pv0_5 ph1 ) + +h( ta-center c-white shadow2 ) + + a + +h( d-inline-block float-right bg-main-dark pv0_5 ph2 ) + +h( c-white td-u ) + margin: -0.5em -1em + + &:hover + +h( o70 ) \ No newline at end of file diff --git a/style.css b/style.css index e6ce912..23f5354 100644 --- a/style.css +++ b/style.css @@ -3,8 +3,8 @@ 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: 5.4.0 +Version: 5.5.0 Tags: private theme, timber, edje, acf, woocomemrce, custom-menu, editor-style */ -/* All stylesheets are located in /assets directory. This file is only for meta description */ +/* All stylesheets are located in /css directory. This file is only for meta description */ diff --git a/views/404.twig b/views/404.twig index d1988d0..e7d9894 100644 --- a/views/404.twig +++ b/views/404.twig @@ -1,14 +1,14 @@ {% extends "layout.twig" %} {% block content %} - -
-
-

Page Not Found

-

- Sorry, the page you are looking for does not exist or has been deleted. -

-
-
+
+ +
+

Page Not Found

+

+ Sorry, the page you are looking for does not exist or has been deleted. +

+ +
{% endblock %} diff --git a/views/partials/_author-info.twig b/views/_author-info.twig similarity index 100% rename from views/partials/_author-info.twig rename to views/_author-info.twig diff --git a/views/partials/_comments.twig b/views/_comments.twig similarity index 100% rename from views/partials/_comments.twig rename to views/_comments.twig diff --git a/views/partials/_pagination.twig b/views/_pagination.twig similarity index 100% rename from views/partials/_pagination.twig rename to views/_pagination.twig diff --git a/views/partials/_post-meta.twig b/views/_post-meta.twig similarity index 100% rename from views/partials/_post-meta.twig rename to views/_post-meta.twig diff --git a/views/partials/_posts.twig b/views/_posts.twig similarity index 91% rename from views/partials/_posts.twig rename to views/_posts.twig index 6b4d876..1369f90 100644 --- a/views/partials/_posts.twig +++ b/views/_posts.twig @@ -9,7 +9,7 @@

{{ post.title }}

{{ post.get_preview(25, false, false) | wpautop }} - {% include "partials/_post-meta.twig" %} + {% include "_post-meta.twig" %} @@ -28,7 +28,7 @@

{{ post.get_preview(25, false, false) }}

- {% include "partials/_post-meta.twig" %} + {% include "_post-meta.twig" %} {% endif %} diff --git a/views/partials/_related-posts.twig b/views/_related-posts.twig similarity index 100% rename from views/partials/_related-posts.twig rename to views/_related-posts.twig diff --git a/views/index.twig b/views/index.twig index 7d91d16..b9dda84 100644 --- a/views/index.twig +++ b/views/index.twig @@ -17,8 +17,8 @@ {% endfor %} - {% include "partials/_posts.twig" %} - {% include "partials/_pagination.twig" %} + {% include "_posts.twig" %} + {% include "_pagination.twig" %} diff --git a/views/page.twig b/views/page.twig index 3f23b05..bb20c71 100644 --- a/views/page.twig +++ b/views/page.twig @@ -2,13 +2,9 @@ {% block content %}
- {% if post.thumbnail %} - {% include "partials/_featured-image.twig" %} - {% else %} -
-

{{ post.title }}

-
- {% endif %} +
+

{{ post.title }}

+
{{ post.content }}
diff --git a/views/partials/_featured-image.twig b/views/partials/_featured-image.twig deleted file mode 100644 index 63f55db..0000000 --- a/views/partials/_featured-image.twig +++ /dev/null @@ -1,14 +0,0 @@ - \ No newline at end of file diff --git a/views/shop/shop.twig b/views/shop/archive.twig similarity index 100% rename from views/shop/shop.twig rename to views/shop/archive.twig diff --git a/views/single.twig b/views/single.twig index 5aadc96..848795c 100644 --- a/views/single.twig +++ b/views/single.twig @@ -3,30 +3,24 @@ {# Content #}
- {% if post.thumbnail %} - {% include "partials/_featured-image.twig" %} - {% else %} -
-

{{ post.title }}

- {% include "partials/_post-meta.twig" %} -
- {% endif %} +
+

{{ post.title }}

+ {% include "_post-meta.twig" %} +
{{ post.content }}
- {% include "partials/_author-info.twig" with { author: post.author } %} + {% include "_author-info.twig" with { author: post.author } %}
{# Comments #} - {% endblock %} diff --git a/woocommerce.php b/woocommerce.php index d068c97..2238283 100644 --- a/woocommerce.php +++ b/woocommerce.php @@ -56,7 +56,7 @@ wc_set_loop_prop( 'total', 0 ); } - Timber::render( 'shop/shop.twig', $context ); + Timber::render( 'shop/archive.twig', $context ); }