From b611908063eb6c9e4a30635754b5257f8b5df06b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 3 Jun 2024 17:59:12 +0200 Subject: [PATCH 01/54] Config: Init git submodule web-assets branch v2 upgrade --- .gitmodules | 1 + 1 file changed, 1 insertion(+) diff --git a/.gitmodules b/.gitmodules index 9e688e3..11fa181 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,3 +1,4 @@ [submodule "themes/bthree/assets_shared"] path = themes/bthree/assets_shared url = https://projects.blender.org/infrastructure/web-assets.git + branch = v2 -- 2.30.2 From db7c9f8f14e02320ca4ab4cd5909547440bc7f7a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 3 Jun 2024 18:34:07 +0200 Subject: [PATCH 02/54] Chore: Update git submodule assets_shared branch to v2 and version to 2.0.0-alpha.16 --- themes/bthree/assets_shared | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/assets_shared b/themes/bthree/assets_shared index f3f7daf..83016b1 160000 --- a/themes/bthree/assets_shared +++ b/themes/bthree/assets_shared @@ -1 +1 @@ -Subproject commit f3f7daf21c063c1f14784d2d70e4d76470929cdb +Subproject commit 83016b1da19b5b7ec27be733e08a136fa22ee65c -- 2.30.2 From 7522fa6457dab7729d4db66b08ccbab151a9938a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 3 Jun 2024 18:35:28 +0200 Subject: [PATCH 03/54] Chore: Change post web-assets v2 upgrade style imports base --- themes/bthree/src/styles/_bwa.sass | 29 +++++++++++----------- themes/bthree/src/styles/style-editor.sass | 9 ++++--- 2 files changed, 20 insertions(+), 18 deletions(-) diff --git a/themes/bthree/src/styles/_bwa.sass b/themes/bthree/src/styles/_bwa.sass index 5b964fa..cccbb16 100644 --- a/themes/bthree/src/styles/_bwa.sass +++ b/themes/bthree/src/styles/_bwa.sass @@ -1,24 +1,25 @@ /* Import variables. */ @import ../../assets_shared/src/styles/_media_queries +@import ../../assets_shared/src/styles/_variables_deprecated @import ../../assets_shared/src/styles/_variables @import ../../assets_shared/src/styles/_mixins /* Import Bootstrap. */ -@import ../../assets_shared/src/styles/bootstrap/functions -@import ../../assets_shared/src/styles/bootstrap/variables -@import ../../assets_shared/src/styles/bootstrap/mixins -@import ../../assets_shared/src/styles/bootstrap/root -@import ../../assets_shared/src/styles/bootstrap/reboot +@import ../../assets_shared/src/styles/bootstrap-deprecated/functions +@import ../../assets_shared/src/styles/bootstrap-deprecated/variables +@import ../../assets_shared/src/styles/bootstrap-deprecated/mixins +@import ../../assets_shared/src/styles/bootstrap-deprecated/root +@import ../../assets_shared/src/styles/bootstrap-deprecated/reboot -@import ../../assets_shared/src/styles/bootstrap/images -@import ../../assets_shared/src/styles/bootstrap/grid -@import ../../assets_shared/src/styles/bootstrap/forms -@import ../../assets_shared/src/styles/bootstrap/transitions -@import ../../assets_shared/src/styles/bootstrap/nav -@import ../../assets_shared/src/styles/bootstrap/navbar -@import ../../assets_shared/src/styles/bootstrap/progress -@import ../../assets_shared/src/styles/bootstrap/media -@import ../../assets_shared/src/styles/bootstrap/utilities +@import ../../assets_shared/src/styles/bootstrap-deprecated/images +@import ../../assets_shared/src/styles/bootstrap-deprecated/grid +@import ../../assets_shared/src/styles/bootstrap-deprecated/forms +@import ../../assets_shared/src/styles/bootstrap-deprecated/transitions +@import ../../assets_shared/src/styles/bootstrap-deprecated/nav +@import ../../assets_shared/src/styles/bootstrap-deprecated/navbar +@import ../../assets_shared/src/styles/bootstrap-deprecated/progress +@import ../../assets_shared/src/styles/bootstrap-deprecated/media +@import ../../assets_shared/src/styles/bootstrap-deprecated/utilities /* Read inside for instructions. */ @import ../../assets_shared/src/styles/_fonts diff --git a/themes/bthree/src/styles/style-editor.sass b/themes/bthree/src/styles/style-editor.sass index 3fb1f4d..32eb826 100644 --- a/themes/bthree/src/styles/style-editor.sass +++ b/themes/bthree/src/styles/style-editor.sass @@ -1,11 +1,12 @@ @import '../../assets_shared/src/styles/_media_queries' +@import '../../assets_shared/src/styles/_variables_deprecated' @import '../../assets_shared/src/styles/_variables' @import '../../assets_shared/src/styles/_mixins' -@import '../../assets_shared/src/styles/bootstrap/functions' -@import '../../assets_shared/src/styles/bootstrap/variables' -@import '../../assets_shared/src/styles/bootstrap/mixins' -@import '../../assets_shared/src/styles/bootstrap/utilities' +@import '../../assets_shared/src/styles/bootstrap-deprecated/functions' +@import '../../assets_shared/src/styles/bootstrap-deprecated/variables' +@import '../../assets_shared/src/styles/bootstrap-deprecated/mixins' +@import '../../assets_shared/src/styles/bootstrap-deprecated/utilities' $font-path: '../bthree/assets/fonts' @import '../../assets_shared/src/styles/fonts' -- 2.30.2 From fa589d131babe971c10fbe52ae74a25c044d7b10 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 3 Jun 2024 18:57:06 +0200 Subject: [PATCH 04/54] Chore: Run post web-assets v2 upgrade script bash helper --- themes/bthree/assets/js/bowser-1.7.0.min.js | 1 - themes/bthree/assets/js/bthree.js | 2 +- themes/bthree/assets/js/hammer-2.0.8.min.js | 1 - .../assets/js/jquery.images-compare-0.2.5.js | 2 +- .../tutti/00_libs_10_bootstrap-4.3.1.min.js | 1 - .../src/scripts/tutti/20_interaction.js | 2 +- themes/bthree/src/styles/_base.sass | 44 ++++----- themes/bthree/src/styles/_blog.sass | 90 +++++++++---------- themes/bthree/src/styles/_community.sass | 26 +++--- themes/bthree/src/styles/_download.sass | 44 ++++----- themes/bthree/src/styles/_editor.sass | 8 +- themes/bthree/src/styles/_features.sass | 56 ++++++------ themes/bthree/src/styles/_release-logs.sass | 40 ++++----- themes/bthree/src/styles/_wp-block.sass | 74 +++++++-------- .../plugins/_jquery-images-compare.sass | 30 +++---- themes/bthree/src/styles/style.sass | 2 +- 16 files changed, 210 insertions(+), 213 deletions(-) mode change 100755 => 100644 themes/bthree/src/styles/style.sass diff --git a/themes/bthree/assets/js/bowser-1.7.0.min.js b/themes/bthree/assets/js/bowser-1.7.0.min.js index d9bfd56..7b2a99e 100644 --- a/themes/bthree/assets/js/bowser-1.7.0.min.js +++ b/themes/bthree/assets/js/bowser-1.7.0.min.js @@ -3,4 +3,3 @@ * https://github.com/ded/bowser * MIT License | (c) Dustin Diaz 2015 */ -!function(e,t,n){typeof module!="undefined"&&module.exports?module.exports=n():typeof define=="function"&&define.amd?define(t,n):e[t]=n()}(this,"bowser",function(){function t(t){function n(e){var n=t.match(e);return n&&n.length>1&&n[1]||""}function r(e){var n=t.match(e);return n&&n.length>1&&n[2]||""}var i=n(/(ipod|iphone|ipad)/i).toLowerCase(),s=/like android/i.test(t),o=!s&&/android/i.test(t),u=/nexus\s*[0-6]\s*/i.test(t),a=!u&&/nexus\s*[0-9]+/i.test(t),f=/CrOS/.test(t),l=/silk/i.test(t),c=/sailfish/i.test(t),h=/tizen/i.test(t),p=/(web|hpw)os/i.test(t),d=/windows phone/i.test(t),v=/SamsungBrowser/i.test(t),m=!d&&/windows/i.test(t),g=!i&&!l&&/macintosh/i.test(t),y=!o&&!c&&!h&&!p&&/linux/i.test(t),b=n(/edge\/(\d+(\.\d+)?)/i),w=n(/version\/(\d+(\.\d+)?)/i),E=/tablet/i.test(t),S=!E&&/[^-]mobi/i.test(t),x=/xbox/i.test(t),T;/opera/i.test(t)?T={name:"Opera",opera:e,version:w||n(/(?:opera|opr|opios)[\s\/](\d+(\.\d+)?)/i)}:/opr|opios/i.test(t)?T={name:"Opera",opera:e,version:n(/(?:opr|opios)[\s\/](\d+(\.\d+)?)/i)||w}:/SamsungBrowser/i.test(t)?T={name:"Samsung Internet for Android",samsungBrowser:e,version:w||n(/(?:SamsungBrowser)[\s\/](\d+(\.\d+)?)/i)}:/coast/i.test(t)?T={name:"Opera Coast",coast:e,version:w||n(/(?:coast)[\s\/](\d+(\.\d+)?)/i)}:/yabrowser/i.test(t)?T={name:"Yandex Browser",yandexbrowser:e,version:w||n(/(?:yabrowser)[\s\/](\d+(\.\d+)?)/i)}:/ucbrowser/i.test(t)?T={name:"UC Browser",ucbrowser:e,version:n(/(?:ucbrowser)[\s\/](\d+(?:\.\d+)+)/i)}:/mxios/i.test(t)?T={name:"Maxthon",maxthon:e,version:n(/(?:mxios)[\s\/](\d+(?:\.\d+)+)/i)}:/epiphany/i.test(t)?T={name:"Epiphany",epiphany:e,version:n(/(?:epiphany)[\s\/](\d+(?:\.\d+)+)/i)}:/puffin/i.test(t)?T={name:"Puffin",puffin:e,version:n(/(?:puffin)[\s\/](\d+(?:\.\d+)?)/i)}:/sleipnir/i.test(t)?T={name:"Sleipnir",sleipnir:e,version:n(/(?:sleipnir)[\s\/](\d+(?:\.\d+)+)/i)}:/k-meleon/i.test(t)?T={name:"K-Meleon",kMeleon:e,version:n(/(?:k-meleon)[\s\/](\d+(?:\.\d+)+)/i)}:d?(T={name:"Windows Phone",windowsphone:e},b?(T.msedge=e,T.version=b):(T.msie=e,T.version=n(/iemobile\/(\d+(\.\d+)?)/i))):/msie|trident/i.test(t)?T={name:"Internet Explorer",msie:e,version:n(/(?:msie |rv:)(\d+(\.\d+)?)/i)}:f?T={name:"Chrome",chromeos:e,chromeBook:e,chrome:e,version:n(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)}:/chrome.+? edge/i.test(t)?T={name:"Microsoft Edge",msedge:e,version:b}:/vivaldi/i.test(t)?T={name:"Vivaldi",vivaldi:e,version:n(/vivaldi\/(\d+(\.\d+)?)/i)||w}:c?T={name:"Sailfish",sailfish:e,version:n(/sailfish\s?browser\/(\d+(\.\d+)?)/i)}:/seamonkey\//i.test(t)?T={name:"SeaMonkey",seamonkey:e,version:n(/seamonkey\/(\d+(\.\d+)?)/i)}:/firefox|iceweasel|fxios/i.test(t)?(T={name:"Firefox",firefox:e,version:n(/(?:firefox|iceweasel|fxios)[ \/](\d+(\.\d+)?)/i)},/\((mobile|tablet);[^\)]*rv:[\d\.]+\)/i.test(t)&&(T.firefoxos=e)):l?T={name:"Amazon Silk",silk:e,version:n(/silk\/(\d+(\.\d+)?)/i)}:/phantom/i.test(t)?T={name:"PhantomJS",phantom:e,version:n(/phantomjs\/(\d+(\.\d+)?)/i)}:/slimerjs/i.test(t)?T={name:"SlimerJS",slimer:e,version:n(/slimerjs\/(\d+(\.\d+)?)/i)}:/blackberry|\bbb\d+/i.test(t)||/rim\stablet/i.test(t)?T={name:"BlackBerry",blackberry:e,version:w||n(/blackberry[\d]+\/(\d+(\.\d+)?)/i)}:p?(T={name:"WebOS",webos:e,version:w||n(/w(?:eb)?osbrowser\/(\d+(\.\d+)?)/i)},/touchpad\//i.test(t)&&(T.touchpad=e)):/bada/i.test(t)?T={name:"Bada",bada:e,version:n(/dolfin\/(\d+(\.\d+)?)/i)}:h?T={name:"Tizen",tizen:e,version:n(/(?:tizen\s?)?browser\/(\d+(\.\d+)?)/i)||w}:/qupzilla/i.test(t)?T={name:"QupZilla",qupzilla:e,version:n(/(?:qupzilla)[\s\/](\d+(?:\.\d+)+)/i)||w}:/chromium/i.test(t)?T={name:"Chromium",chromium:e,version:n(/(?:chromium)[\s\/](\d+(?:\.\d+)?)/i)||w}:/chrome|crios|crmo/i.test(t)?T={name:"Chrome",chrome:e,version:n(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)}:o?T={name:"Android",version:w}:/safari|applewebkit/i.test(t)?(T={name:"Safari",safari:e},w&&(T.version=w)):i?(T={name:i=="iphone"?"iPhone":i=="ipad"?"iPad":"iPod"},w&&(T.version=w)):/googlebot/i.test(t)?T={name:"Googlebot",googlebot:e,version:n(/googlebot\/(\d+(\.\d+))/i)||w}:T={name:n(/^(.*)\/(.*) /),version:r(/^(.*)\/(.*) /)},!T.msedge&&/(apple)?webkit/i.test(t)?(/(apple)?webkit\/537\.36/i.test(t)?(T.name=T.name||"Blink",T.blink=e):(T.name=T.name||"Webkit",T.webkit=e),!T.version&&w&&(T.version=w)):!T.opera&&/gecko\//i.test(t)&&(T.name=T.name||"Gecko",T.gecko=e,T.version=T.version||n(/gecko\/(\d+(\.\d+)?)/i)),!T.windowsphone&&!T.msedge&&(o||T.silk)?T.android=e:!T.windowsphone&&!T.msedge&&i?(T[i]=e,T.ios=e):g?T.mac=e:x?T.xbox=e:m?T.windows=e:y&&(T.linux=e);var N="";T.windowsphone?N=n(/windows phone (?:os)?\s?(\d+(\.\d+)*)/i):i?(N=n(/os (\d+([_\s]\d+)*) like mac os x/i),N=N.replace(/[_\s]/g,".")):o?N=n(/android[ \/-](\d+(\.\d+)*)/i):T.webos?N=n(/(?:web|hpw)os\/(\d+(\.\d+)*)/i):T.blackberry?N=n(/rim\stablet\sos\s(\d+(\.\d+)*)/i):T.bada?N=n(/bada\/(\d+(\.\d+)*)/i):T.tizen&&(N=n(/tizen[\/\s](\d+(\.\d+)*)/i)),N&&(T.osversion=N);var C=N.split(".")[0];if(E||a||i=="ipad"||o&&(C==3||C>=4&&!S)||T.silk)T.tablet=e;else if(S||i=="iphone"||i=="ipod"||o||u||T.blackberry||T.webos||T.bada)T.mobile=e;return T.msedge||T.msie&&T.version>=10||T.yandexbrowser&&T.version>=15||T.vivaldi&&T.version>=1||T.chrome&&T.version>=20||T.samsungBrowser&&T.version>=4||T.firefox&&T.version>=20||T.safari&&T.version>=6||T.opera&&T.version>=10||T.ios&&T.osversion&&T.osversion.split(".")[0]>=6||T.blackberry&&T.version>=10.1||T.chromium&&T.version>=20?T.a=e:T.msie&&T.version<10||T.chrome&&T.version<20||T.firefox&&T.version<20||T.safari&&T.version<6||T.opera&&T.version<10||T.ios&&T.osversion&&T.osversion.split(".")[0]<6||T.chromium&&T.version<20?T.c=e:T.x=e,T}function r(e){return e.split(".").length}function i(e,t){var n=[],r;if(Array.prototype.map)return Array.prototype.map.call(e,t);for(r=0;r=0){if(n[0][t]>n[1][t])return 1;if(n[0][t]!==n[1][t])return-1;if(t===0)return 0}}function o(e,r,i){var o=n;typeof r=="string"&&(i=r,r=void 0),r===void 0&&(r=!1),i&&(o=t(i));var u=""+o.version;for(var a in e)if(e.hasOwnProperty(a)&&o[a]){if(typeof e[a]!="string")throw new Error("Browser version in the minVersion map should be a string: "+a+": "+String(e));return s([u,e[a]])<0}return r}function u(e,t,n){return!o(e,t,n)}var e=!0,n=t(typeof navigator!="undefined"?navigator.userAgent||"":"");return n.test=function(e){for(var t=0;t { // Add custom styles. wp.blocks.registerBlockStyle( 'core/paragraph', { - name: 'paragraph-center-large', + name: 'paragraph-center-lg', label: 'Centered Large', }); diff --git a/themes/bthree/assets/js/hammer-2.0.8.min.js b/themes/bthree/assets/js/hammer-2.0.8.min.js index edadee1..9d99aa6 100644 --- a/themes/bthree/assets/js/hammer-2.0.8.min.js +++ b/themes/bthree/assets/js/hammer-2.0.8.min.js @@ -4,4 +4,3 @@ * Copyright (c) 2016 Jorik Tangelder; * Licensed under the MIT license */ !function(a,b,c,d){"use strict";function e(a,b,c){return setTimeout(j(a,c),b)}function f(a,b,c){return Array.isArray(a)?(g(a,c[b],c),!0):!1}function g(a,b,c){var e;if(a)if(a.forEach)a.forEach(b,c);else if(a.length!==d)for(e=0;e\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",f=a.console&&(a.console.warn||a.console.log);return f&&f.call(a.console,e,d),b.apply(this,arguments)}}function i(a,b,c){var d,e=b.prototype;d=a.prototype=Object.create(e),d.constructor=a,d._super=e,c&&la(d,c)}function j(a,b){return function(){return a.apply(b,arguments)}}function k(a,b){return typeof a==oa?a.apply(b?b[0]||d:d,b):a}function l(a,b){return a===d?b:a}function m(a,b,c){g(q(b),function(b){a.addEventListener(b,c,!1)})}function n(a,b,c){g(q(b),function(b){a.removeEventListener(b,c,!1)})}function o(a,b){for(;a;){if(a==b)return!0;a=a.parentNode}return!1}function p(a,b){return a.indexOf(b)>-1}function q(a){return a.trim().split(/\s+/g)}function r(a,b,c){if(a.indexOf&&!c)return a.indexOf(b);for(var d=0;dc[b]}):d.sort()),d}function u(a,b){for(var c,e,f=b[0].toUpperCase()+b.slice(1),g=0;g1&&!c.firstMultiple?c.firstMultiple=D(b):1===e&&(c.firstMultiple=!1);var f=c.firstInput,g=c.firstMultiple,h=g?g.center:f.center,i=b.center=E(d);b.timeStamp=ra(),b.deltaTime=b.timeStamp-f.timeStamp,b.angle=I(h,i),b.distance=H(h,i),B(c,b),b.offsetDirection=G(b.deltaX,b.deltaY);var j=F(b.deltaTime,b.deltaX,b.deltaY);b.overallVelocityX=j.x,b.overallVelocityY=j.y,b.overallVelocity=qa(j.x)>qa(j.y)?j.x:j.y,b.scale=g?K(g.pointers,d):1,b.rotation=g?J(g.pointers,d):0,b.maxPointers=c.prevInput?b.pointers.length>c.prevInput.maxPointers?b.pointers.length:c.prevInput.maxPointers:b.pointers.length,C(c,b);var k=a.element;o(b.srcEvent.target,k)&&(k=b.srcEvent.target),b.target=k}function B(a,b){var c=b.center,d=a.offsetDelta||{},e=a.prevDelta||{},f=a.prevInput||{};b.eventType!==Ea&&f.eventType!==Ga||(e=a.prevDelta={x:f.deltaX||0,y:f.deltaY||0},d=a.offsetDelta={x:c.x,y:c.y}),b.deltaX=e.x+(c.x-d.x),b.deltaY=e.y+(c.y-d.y)}function C(a,b){var c,e,f,g,h=a.lastInterval||b,i=b.timeStamp-h.timeStamp;if(b.eventType!=Ha&&(i>Da||h.velocity===d)){var j=b.deltaX-h.deltaX,k=b.deltaY-h.deltaY,l=F(i,j,k);e=l.x,f=l.y,c=qa(l.x)>qa(l.y)?l.x:l.y,g=G(j,k),a.lastInterval=b}else c=h.velocity,e=h.velocityX,f=h.velocityY,g=h.direction;b.velocity=c,b.velocityX=e,b.velocityY=f,b.direction=g}function D(a){for(var b=[],c=0;ce;)c+=a[e].clientX,d+=a[e].clientY,e++;return{x:pa(c/b),y:pa(d/b)}}function F(a,b,c){return{x:b/a||0,y:c/a||0}}function G(a,b){return a===b?Ia:qa(a)>=qa(b)?0>a?Ja:Ka:0>b?La:Ma}function H(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return Math.sqrt(d*d+e*e)}function I(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return 180*Math.atan2(e,d)/Math.PI}function J(a,b){return I(b[1],b[0],Ra)+I(a[1],a[0],Ra)}function K(a,b){return H(b[0],b[1],Ra)/H(a[0],a[1],Ra)}function L(){this.evEl=Ta,this.evWin=Ua,this.pressed=!1,x.apply(this,arguments)}function M(){this.evEl=Xa,this.evWin=Ya,x.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function N(){this.evTarget=$a,this.evWin=_a,this.started=!1,x.apply(this,arguments)}function O(a,b){var c=s(a.touches),d=s(a.changedTouches);return b&(Ga|Ha)&&(c=t(c.concat(d),"identifier",!0)),[c,d]}function P(){this.evTarget=bb,this.targetIds={},x.apply(this,arguments)}function Q(a,b){var c=s(a.touches),d=this.targetIds;if(b&(Ea|Fa)&&1===c.length)return d[c[0].identifier]=!0,[c,c];var e,f,g=s(a.changedTouches),h=[],i=this.target;if(f=c.filter(function(a){return o(a.target,i)}),b===Ea)for(e=0;e-1&&d.splice(a,1)};setTimeout(e,cb)}}function U(a){for(var b=a.srcEvent.clientX,c=a.srcEvent.clientY,d=0;d=f&&db>=g)return!0}return!1}function V(a,b){this.manager=a,this.set(b)}function W(a){if(p(a,jb))return jb;var b=p(a,kb),c=p(a,lb);return b&&c?jb:b||c?b?kb:lb:p(a,ib)?ib:hb}function X(){if(!fb)return!1;var b={},c=a.CSS&&a.CSS.supports;return["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach(function(d){b[d]=c?a.CSS.supports("touch-action",d):!0}),b}function Y(a){this.options=la({},this.defaults,a||{}),this.id=v(),this.manager=null,this.options.enable=l(this.options.enable,!0),this.state=nb,this.simultaneous={},this.requireFail=[]}function Z(a){return a&sb?"cancel":a&qb?"end":a&pb?"move":a&ob?"start":""}function $(a){return a==Ma?"down":a==La?"up":a==Ja?"left":a==Ka?"right":""}function _(a,b){var c=b.manager;return c?c.get(a):a}function aa(){Y.apply(this,arguments)}function ba(){aa.apply(this,arguments),this.pX=null,this.pY=null}function ca(){aa.apply(this,arguments)}function da(){Y.apply(this,arguments),this._timer=null,this._input=null}function ea(){aa.apply(this,arguments)}function fa(){aa.apply(this,arguments)}function ga(){Y.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function ha(a,b){return b=b||{},b.recognizers=l(b.recognizers,ha.defaults.preset),new ia(a,b)}function ia(a,b){this.options=la({},ha.defaults,b||{}),this.options.inputTarget=this.options.inputTarget||a,this.handlers={},this.session={},this.recognizers=[],this.oldCssProps={},this.element=a,this.input=y(this),this.touchAction=new V(this,this.options.touchAction),ja(this,!0),g(this.options.recognizers,function(a){var b=this.add(new a[0](a[1]));a[2]&&b.recognizeWith(a[2]),a[3]&&b.requireFailure(a[3])},this)}function ja(a,b){var c=a.element;if(c.style){var d;g(a.options.cssProps,function(e,f){d=u(c.style,f),b?(a.oldCssProps[d]=c.style[d],c.style[d]=e):c.style[d]=a.oldCssProps[d]||""}),b||(a.oldCssProps={})}}function ka(a,c){var d=b.createEvent("Event");d.initEvent(a,!0,!0),d.gesture=c,c.target.dispatchEvent(d)}var la,ma=["","webkit","Moz","MS","ms","o"],na=b.createElement("div"),oa="function",pa=Math.round,qa=Math.abs,ra=Date.now;la="function"!=typeof Object.assign?function(a){if(a===d||null===a)throw new TypeError("Cannot convert undefined or null to object");for(var b=Object(a),c=1;ch&&(b.push(a),h=b.length-1):e&(Ga|Ha)&&(c=!0),0>h||(b[h]=a,this.callback(this.manager,e,{pointers:b,changedPointers:[a],pointerType:f,srcEvent:a}),c&&b.splice(h,1))}});var Za={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},$a="touchstart",_a="touchstart touchmove touchend touchcancel";i(N,x,{handler:function(a){var b=Za[a.type];if(b===Ea&&(this.started=!0),this.started){var c=O.call(this,a,b);b&(Ga|Ha)&&c[0].length-c[1].length===0&&(this.started=!1),this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}}});var ab={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},bb="touchstart touchmove touchend touchcancel";i(P,x,{handler:function(a){var b=ab[a.type],c=Q.call(this,a,b);c&&this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}});var cb=2500,db=25;i(R,x,{handler:function(a,b,c){var d=c.pointerType==za,e=c.pointerType==Ba;if(!(e&&c.sourceCapabilities&&c.sourceCapabilities.firesTouchEvents)){if(d)S.call(this,b,c);else if(e&&U.call(this,c))return;this.callback(a,b,c)}},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var eb=u(na.style,"touchAction"),fb=eb!==d,gb="compute",hb="auto",ib="manipulation",jb="none",kb="pan-x",lb="pan-y",mb=X();V.prototype={set:function(a){a==gb&&(a=this.compute()),fb&&this.manager.element.style&&mb[a]&&(this.manager.element.style[eb]=a),this.actions=a.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var a=[];return g(this.manager.recognizers,function(b){k(b.options.enable,[b])&&(a=a.concat(b.getTouchAction()))}),W(a.join(" "))},preventDefaults:function(a){var b=a.srcEvent,c=a.offsetDirection;if(this.manager.session.prevented)return void b.preventDefault();var d=this.actions,e=p(d,jb)&&!mb[jb],f=p(d,lb)&&!mb[lb],g=p(d,kb)&&!mb[kb];if(e){var h=1===a.pointers.length,i=a.distance<2,j=a.deltaTime<250;if(h&&i&&j)return}return g&&f?void 0:e||f&&c&Na||g&&c&Oa?this.preventSrc(b):void 0},preventSrc:function(a){this.manager.session.prevented=!0,a.preventDefault()}};var nb=1,ob=2,pb=4,qb=8,rb=qb,sb=16,tb=32;Y.prototype={defaults:{},set:function(a){return la(this.options,a),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(a){if(f(a,"recognizeWith",this))return this;var b=this.simultaneous;return a=_(a,this),b[a.id]||(b[a.id]=a,a.recognizeWith(this)),this},dropRecognizeWith:function(a){return f(a,"dropRecognizeWith",this)?this:(a=_(a,this),delete this.simultaneous[a.id],this)},requireFailure:function(a){if(f(a,"requireFailure",this))return this;var b=this.requireFail;return a=_(a,this),-1===r(b,a)&&(b.push(a),a.requireFailure(this)),this},dropRequireFailure:function(a){if(f(a,"dropRequireFailure",this))return this;a=_(a,this);var b=r(this.requireFail,a);return b>-1&&this.requireFail.splice(b,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(a){return!!this.simultaneous[a.id]},emit:function(a){function b(b){c.manager.emit(b,a)}var c=this,d=this.state;qb>d&&b(c.options.event+Z(d)),b(c.options.event),a.additionalEvent&&b(a.additionalEvent),d>=qb&&b(c.options.event+Z(d))},tryEmit:function(a){return this.canEmit()?this.emit(a):void(this.state=tb)},canEmit:function(){for(var a=0;af?Ja:Ka,c=f!=this.pX,d=Math.abs(a.deltaX)):(e=0===g?Ia:0>g?La:Ma,c=g!=this.pY,d=Math.abs(a.deltaY))),a.direction=e,c&&d>b.threshold&&e&b.direction},attrTest:function(a){return aa.prototype.attrTest.call(this,a)&&(this.state&ob||!(this.state&ob)&&this.directionTest(a))},emit:function(a){this.pX=a.deltaX,this.pY=a.deltaY;var b=$(a.direction);b&&(a.additionalEvent=this.options.event+b),this._super.emit.call(this,a)}}),i(ca,aa,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.scale-1)>this.options.threshold||this.state&ob)},emit:function(a){if(1!==a.scale){var b=a.scale<1?"in":"out";a.additionalEvent=this.options.event+b}this._super.emit.call(this,a)}}),i(da,Y,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[hb]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distanceb.time;if(this._input=a,!d||!c||a.eventType&(Ga|Ha)&&!f)this.reset();else if(a.eventType&Ea)this.reset(),this._timer=e(function(){this.state=rb,this.tryEmit()},b.time,this);else if(a.eventType&Ga)return rb;return tb},reset:function(){clearTimeout(this._timer)},emit:function(a){this.state===rb&&(a&&a.eventType&Ga?this.manager.emit(this.options.event+"up",a):(this._input.timeStamp=ra(),this.manager.emit(this.options.event,this._input)))}}),i(ea,aa,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.rotation)>this.options.threshold||this.state&ob)}}),i(fa,aa,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:Na|Oa,pointers:1},getTouchAction:function(){return ba.prototype.getTouchAction.call(this)},attrTest:function(a){var b,c=this.options.direction;return c&(Na|Oa)?b=a.overallVelocity:c&Na?b=a.overallVelocityX:c&Oa&&(b=a.overallVelocityY),this._super.attrTest.call(this,a)&&c&a.offsetDirection&&a.distance>this.options.threshold&&a.maxPointers==this.options.pointers&&qa(b)>this.options.velocity&&a.eventType&Ga},emit:function(a){var b=$(a.offsetDirection);b&&this.manager.emit(this.options.event+b,a),this.manager.emit(this.options.event,a)}}),i(ga,Y,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[ib]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distancethis._items.length-1||t<0))if(this._isSliding)g(this._element).one(Q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=ndocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right
',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:Ee},je="show",He="out",Re={HIDE:"hide"+De,HIDDEN:"hidden"+De,SHOW:"show"+De,SHOWN:"shown"+De,INSERTED:"inserted"+De,CLICK:"click"+De,FOCUSIN:"focusin"+De,FOCUSOUT:"focusout"+De,MOUSEENTER:"mouseenter"+De,MOUSELEAVE:"mouseleave"+De},xe="fade",Fe="show",Ue=".tooltip-inner",We=".arrow",qe="hover",Me="focus",Ke="click",Qe="manual",Be=function(){function i(t,e){if("undefined"==typeof u)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=g(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(g(this.getTipElement()).hasClass(Fe))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),g.removeData(this.element,this.constructor.DATA_KEY),g(this.element).off(this.constructor.EVENT_KEY),g(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&g(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===g(this.element).css("display"))throw new Error("Please use show on visible elements");var t=g.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){g(this.element).trigger(t);var n=_.findShadowRoot(this.element),i=g.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!i)return;var o=this.getTipElement(),r=_.getUID(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&g(o).addClass(xe);var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this.addAttachmentClass(a);var l=this._getContainer();g(o).data(this.constructor.DATA_KEY,this),g.contains(this.element.ownerDocument.documentElement,this.tip)||g(o).appendTo(l),g(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new u(this.element,o,{placement:a,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:We},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}}),g(o).addClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().on("mouseover",null,g.noop);var c=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,g(e.element).trigger(e.constructor.Event.SHOWN),t===He&&e._leave(null,e)};if(g(this.tip).hasClass(xe)){var h=_.getTransitionDurationFromElement(this.tip);g(this.tip).one(_.TRANSITION_END,c).emulateTransitionEnd(h)}else c()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=g.Event(this.constructor.Event.HIDE),o=function(){e._hoverState!==je&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),g(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(g(this.element).trigger(i),!i.isDefaultPrevented()){if(g(n).removeClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),this._activeTrigger[Ke]=!1,this._activeTrigger[Me]=!1,this._activeTrigger[qe]=!1,g(this.tip).hasClass(xe)){var r=_.getTransitionDurationFromElement(n);g(n).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){g(this.getTipElement()).addClass(Ae+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(g(t.querySelectorAll(Ue)),this.getTitle()),g(t).removeClass(xe+" "+Fe)},t.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=Se(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?g(e).parent().is(t)||t.empty().append(e):t.text(g(e).text())},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getOffset=function(){var e=this,t={};return"function"==typeof this.config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.config.offset(t.offsets,e.element)||{}),t}:t.offset=this.config.offset,t},t._getContainer=function(){return!1===this.config.container?document.body:_.isElement(this.config.container)?g(this.config.container):g(document).find(this.config.container)},t._getAttachment=function(t){return Pe[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)g(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==Qe){var e=t===qe?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===qe?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;g(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}}),g(this.element).closest(".modal").on("hide.bs.modal",function(){i.element&&i.hide()}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Me:qe]=!0),g(e.getTipElement()).hasClass(Fe)||e._hoverState===je?e._hoverState=je:(clearTimeout(e._timeout),e._hoverState=je,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===je&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Me:qe]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=He,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===He&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){var e=g(this.element).data();return Object.keys(e).forEach(function(t){-1!==Oe.indexOf(t)&&delete e[t]}),"number"==typeof(t=l({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),_.typeCheckConfig(be,t,this.constructor.DefaultType),t.sanitize&&(t.template=Se(t.template,t.whiteList,t.sanitizeFn)),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ne);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(g(t).removeClass(xe),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ie),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ie,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Le}},{key:"NAME",get:function(){return be}},{key:"DATA_KEY",get:function(){return Ie}},{key:"Event",get:function(){return Re}},{key:"EVENT_KEY",get:function(){return De}},{key:"DefaultType",get:function(){return ke}}]),i}();g.fn[be]=Be._jQueryInterface,g.fn[be].Constructor=Be,g.fn[be].noConflict=function(){return g.fn[be]=we,Be._jQueryInterface};var Ve="popover",Ye="bs.popover",ze="."+Ye,Xe=g.fn[Ve],$e="bs-popover",Ge=new RegExp("(^|\\s)"+$e+"\\S+","g"),Je=l({},Be.Default,{placement:"right",trigger:"click",content:"",template:''}),Ze=l({},Be.DefaultType,{content:"(string|element|function)"}),tn="fade",en="show",nn=".popover-header",on=".popover-body",rn={HIDE:"hide"+ze,HIDDEN:"hidden"+ze,SHOW:"show"+ze,SHOWN:"shown"+ze,INSERTED:"inserted"+ze,CLICK:"click"+ze,FOCUSIN:"focusin"+ze,FOCUSOUT:"focusout"+ze,MOUSEENTER:"mouseenter"+ze,MOUSELEAVE:"mouseleave"+ze},sn=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),(e.prototype.constructor=e).__proto__=n;var o=i.prototype;return o.isWithContent=function(){return this.getTitle()||this._getContent()},o.addAttachmentClass=function(t){g(this.getTipElement()).addClass($e+"-"+t)},o.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},o.setContent=function(){var t=g(this.getTipElement());this.setElementContent(t.find(nn),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(on),e),t.removeClass(tn+" "+en)},o._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},o._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ge);null!==e&&0=this._offsets[o]&&("undefined"==typeof this._offsets[o+1]||t span - background-color: var(--background-color-tertiary) + background-color: var(--color-bg-tertiary) display: inline-block margin: 0 auto +padding(3, x) @@ -15,10 +15,10 @@ top: -14px .blog-container - background-color: var(--background-color) + background-color: var(--color-bg) .blog - --comment-border-color: var(--text-color-tertiary) + --comment-border-color: var(--color-text-tertiary) line-height: 1.8em word-break: break-word @@ -46,7 +46,7 @@ +media-xs font-size: 16px - .cards-list a + .cards a text-decoration: none ol a, ul a @@ -76,7 +76,7 @@ +margin(4, bottom) iframe - background-color: var(--background-color-tertiary) + background-color: var(--color-bg-tertiary) +border-radius(lg) margin-left: -5% min-height: 440px @@ -99,13 +99,13 @@ .alignleft, .alignright margin: 20px 0 - .has-small-font-size + .has-sm-font-size line-height: 23px .entry-content sub, sup a - +font-weight-bold + +fw-bold +padding(1, x) .navbar-search @@ -117,19 +117,19 @@ +margin(2, right) input[type="text"] - background-color: var(--background-color) - color: var(--text-color) + background-color: var(--color-bg) + color: var(--color-text) padding-right: 2.5rem button - color: var(--text-color-secondary) + color: var(--color-text-secondary) position: absolute right: .15rem top: .15rem &:hover background-color: transparent !important - color: var(--text-color-primary) + color: var(--color-text-primary) .is-heading-anchor display: block @@ -138,7 +138,7 @@ position: relative &:before - color: var(--text-color-secondary) + color: var(--color-text-secondary) content: '\e846' font-family: "fontutti" font-size: 80% @@ -167,21 +167,21 @@ position: relative > h1 - font-size: var(--font-size-h1) - +font-weight-light + font-size: var(--fs-h1) + +fw-light +padding(4) > ul +list-unstyled display: inline-block - font-size: var(--font-size-small) + font-size: var(--fs-sm) position: relative text-transform: uppercase width: 100% z-index: 1 &:after - background-color: var(--text-color-tertiary) + background-color: var(--color-text-tertiary) bottom: 16px content: '' display: block @@ -192,8 +192,8 @@ z-index: -1 > li - background-color: var(--background-color) - color: var(--text-color-secondary) + background-color: var(--color-bg) + color: var(--color-text-secondary) display: inline-block margin: 0 padding: 0 10px @@ -203,7 +203,7 @@ display: none a - color: var(--text-color-secondary) + color: var(--color-text-secondary) .blog .entry-content, .blog-comments .comment-body @@ -217,7 +217,7 @@ border-top-right-radius: var(--border-radius) p.wp-caption-text - background-color: var(--background-color-tertiary) + background-color: var(--color-bg-tertiary) border-bottom-left-radius: var(--border-radius) border-bottom-right-radius: var(--border-radius) font-size: .85em @@ -232,16 +232,16 @@ .blog-comments .comment-body textarea, input - background-color: var(--background-color-secondary) - color: var(--text-color) + background-color: var(--color-bg-secondary) + color: var(--color-text) border-radius: var(--border-radius) label - color: var(--text-color-secondary) + color: var(--color-text-secondary) .blog-bottom - background-color: var(--background-color-tertiary) - border-top: var(--border-width) solid var(--background-color-secondary) + background-color: var(--color-bg-tertiary) + border-top: var(--border-width) solid var(--color-bg-secondary) .blog-comments &-header // .blog-comments-header @@ -276,7 +276,7 @@ border-top-right-radius: 0 border-top: none border-radius: 0 - background-color: var(--background-color) + background-color: var(--color-bg) &.is-replying-to margin-bottom: 0 @@ -291,7 +291,7 @@ .comment-body, .reply-form - background-color: var(--background-color) + background-color: var(--color-bg) > ul.children border-bottom-left-radius: var(--border-radius) @@ -339,10 +339,10 @@ ul.comment-body-extra align-items: center - color: var(--text-color-secondary) + color: var(--color-text-secondary) display: flex flex-wrap: wrap - font-size: var(--font-size-small) + font-size: var(--fs-sm) gap: var(--spacer) +margin(2, bottom) @@ -369,10 +369,10 @@ +padding(3, top) h3, h3 small - font-size: var(--font-size-base) + font-size: var(--fs-base) +font-weight +padding(2, bottom) - color: var(--text-color-secondary) + color: var(--color-text-secondary) small float: right @@ -384,7 +384,7 @@ display: flex a - color: var(--text-color-secondary) + color: var(--color-text-secondary) +padding(2, left) .required-field-message @@ -417,20 +417,20 @@ min-height: 100px .comment-replying - color: var(--text-color-secondary) + color: var(--color-text-secondary) display: block +padding(3, bottom) > a - color: var(--text-color-secondary) - font-weight: var(--font-weight-bold) + color: var(--color-text-secondary) + font-weight: var(--fw-bold) .required color: var(--color-danger) .no-comments, .must-log-in - font-size: var(--font-size-small) + font-size: var(--fs-sm) .comment-body border: var(--border-width) solid var(--comment-border-color) @@ -483,7 +483,7 @@ &:after display: none a - color: var(--text-color-secondary) + color: var(--color-text-secondary) display: flex flex-direction: column padding: 10px 25px @@ -491,8 +491,8 @@ transition: color var(--transition-speed) ease-in-out &:hover, &:hover svg - color: var(--color-primary) - fill: var(--color-primary) + color: var(--color-accent) + fill: var(--color-accent) +media-xs padding-top: 25px @@ -503,7 +503,7 @@ --social-icon-size: 20px svg - fill: var(--text-color-secondary) + fill: var(--color-text-secondary) height: var(--social-icon-size) margin: auto auto 11px transition: fill var(--transition-speed) ease-in-out @@ -515,7 +515,7 @@ a align-items: center border-radius: var(--border-radius-lg) - color: var(--text-color-tertiary) + color: var(--color-text-tertiary) display: flex flex: 1 +margin(4, y) @@ -523,8 +523,8 @@ transition: background-color var(--transition-speed) ease-in-out, color var(--transition-speed) ease-in-out &:hover - background-color: var(--color-primary-bg) - color: var(--color-primary-text) + background-color: var(--color-accent-bg) + color: var(--color-accent-text) text-decoration: none i diff --git a/themes/bthree/src/styles/_community.sass b/themes/bthree/src/styles/_community.sass index df804ce..5f79f2b 100644 --- a/themes/bthree/src/styles/_community.sass +++ b/themes/bthree/src/styles/_community.sass @@ -1,11 +1,11 @@ .community --community-thumbnail-size: 64px - .cards-list - --cards-list-items-per-row: 2 + .cards + --cards-items-per-row: 2 --grid-gap-size: 1rem - .cards-list-item-inner + .cards-item-content flex-direction: row +padding(3) position: relative @@ -13,10 +13,10 @@ z-index: 2 &:hover - .cards-list-item-title - color: var(--color-primary) + .cards-item-title + color: var(--color-accent) - .cards-list-item-thumbnail + .cards-item-thumbnail height: var(--community-thumbnail-size) margin: 0 min-height: var(--community-thumbnail-size) @@ -28,27 +28,27 @@ height: 100% object-fit: cover - .cards-list-item-excerpt - font-size: var(--font-size-small) + .cards-item-excerpt + font-size: var(--fs-sm) flex: 1 +padding(2, bottom) white-space: wrap - .cards-list-item-details + .cards-item-details display: flex flex-direction: column - .cards-list-item-title + .cards-item-title +font-weight(500) +padding(1, bottom) +padding(0, top) transition: color var(--transition-speed) - .cards-list-item-url + .cards-item-url align-items: center - color: var(--text-color-secondary) + color: var(--color-text-secondary) display: flex - font-size: var(--font-size-small) + font-size: var(--fs-sm) margin-top: auto +padding(3, left) diff --git a/themes/bthree/src/styles/_download.sass b/themes/bthree/src/styles/_download.sass index 13fbe92..5318ccd 100644 --- a/themes/bthree/src/styles/_download.sass +++ b/themes/bthree/src/styles/_download.sass @@ -53,7 +53,7 @@ $bleeding-color: #d0253f /* Show a dot indicator on the left. */ &::before - background-color: var(--color-primary) + background-color: var(--color-accent) border-radius: 999rem bottom: 0 content: '' @@ -139,7 +139,7 @@ $bleeding-color: #d0253f z-index: 2 small - color: var(--text-color-secondary) + color: var(--color-text-secondary) display: inline-block &.checksum @@ -169,7 +169,7 @@ $bleeding-color: #d0253f /* Big Download button. */ .dl-header-cta-button - font-size: var(--font-size-large) + font-size: var(--fs-lg) +padding(5, x) /* Dropdown button to show other versions available. */ @@ -279,7 +279,7 @@ $bleeding-color: #d0253f /* Operating System icon on the left. */ &::before - color: var(--text-color-secondary) + color: var(--color-text-secondary) font-family: 'fontutti' left: .75rem pointer-events: none @@ -322,10 +322,10 @@ $bleeding-color: #d0253f transition: color ease-in-out var(--transition-speed) .build - color: var(--text-color-secondary) + color: var(--color-text-secondary) .size - color: var(--text-color) + color: var(--color-text) margin-left: auto +padding(3, left) text-align: right @@ -354,7 +354,7 @@ $bleeding-color: #d0253f opacity: .5 top: 0 -.hero-background-faded +.hero-bg-faded display: flex height: 100% justify-content: center @@ -373,7 +373,7 @@ $bleeding-color: #d0253f top: 0 z-index: 1 -.hero-background-faded-image +.hero-bg-faded-img position: absolute top: -370px @@ -415,7 +415,7 @@ $bleeding-color: #d0253f background-image: linear-gradient(350deg, hsl(264deg 100% 69%), hsl(211 90% 62%)) box-shadow: 2px 5px 5px hsl(220deg, 100%, 50%, .1), 1px 10px 25px hsl(220deg, 100%, 50%, .1), 2px 10px 50px hsl(276deg, 100%, 50%, .5) border: none - transition: background-image var(--transition-speed), transform var(--transition-speed) + transition: background-img var(--transition-speed), transform var(--transition-speed) &:hover background-image: linear-gradient(350deg, hsl(264deg 100% 72%), hsl(211 90% 65%)) @@ -424,7 +424,7 @@ $bleeding-color: #d0253f &.bottom background-image: linear-gradient(-1deg, $bleeding-color 49%, transparent 50%) - .dl-background-image + .dl-bg-img display: none background-position: right +media-md @@ -437,11 +437,11 @@ $bleeding-color: #d0253f display: block .dl-features-moar - font-size: var(--font-size-small) + font-size: var(--fs-sm) +margin(3, top) .dl-features-text - font-size: var(--font-size-large) + font-size: var(--fs-lg) line-height: 1.8rem +padding(5, left) @@ -464,8 +464,8 @@ $bleeding-color: #d0253f opacity: .33 display: none -.dl-background-image - background-color: $color-background-light +.dl-bg-img + background-color: $color-bg-light background-position: center center background-size: cover bottom: 0 @@ -484,7 +484,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) color: white display: flex flex-direction: column - font-size: var(--font-size-large) + font-size: var(--fs-lg) justify-content: center position: relative @@ -492,7 +492,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) &.btn +button --btn-color: white - --btn-bg-color: var(--experimental-btn-color) + --btn-color-bg: var(--experimental-btn-color) --btn-box-shadow: 2px 5px 5px hsl(340deg, 100%, 31%, .15), 1px 10px 25px hsl(340deg, 100%, 32%, .2), 2px 10px 50px hsl(340deg, 100%, 32%, .2) +margin(2, top) @@ -504,7 +504,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) color: white .dl-overlay - background-image: linear-gradient(-2deg, transparent 49%, $color-background-light 50%) + background-image: linear-gradient(-2deg, transparent 49%, $color-bg-light 50%) .container +margin(6, y) @@ -555,8 +555,8 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) cursor: pointer .dl-announcement - color: var(--text-color-tertiary) - font-size: var(--font-size-small) + color: var(--color-text-tertiary) + font-size: var(--fs-sm) +margin(auto, x) max-width: 400px +padding(3) @@ -581,13 +581,13 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) h1 text-shadow: 1px 1px 2px rgba(black, 0.33), 0px 10px 50px rgba(black, .5) - .hero-background-faded-image + .hero-bg-faded-img filter: blur(50px) details background-color: rgba(black, .15) display: inline-block - font-size: var(--font-size-small) + font-size: var(--fs-sm) margin: 0 auto max-width: 680px +padding(3, x) @@ -601,7 +601,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) text-decoration: none summary - +font-weight-normal + +fw-normal +padding(0) opacity: .75 diff --git a/themes/bthree/src/styles/_editor.sass b/themes/bthree/src/styles/_editor.sass index 5ab8712..4e2d0e8 100644 --- a/themes/bthree/src/styles/_editor.sass +++ b/themes/bthree/src/styles/_editor.sass @@ -3,9 +3,9 @@ body, .editor-styles-wrapper - background: var(--background-color) + background: var(--color-bg) border-radius: 0 - color: var(--text-color) + color: var(--color-text) font-family: var(--font-family-body) .edit-post-visual-editor__post-title-wrapper, @@ -25,7 +25,7 @@ textarea, .edit-post-visual-editor textarea, // Style links. .wp-block-freeform.block-library-rich-text__tinymce a - color: var(--color-primary) + color: var(--color-accent) .wp-block-freeform.block-library-rich-text__tinymce code +style-code @@ -40,5 +40,5 @@ textarea, .edit-post-visual-editor textarea, width: initial /* In the editor, make text visible in textarea when editing HTML. */ -[class$="block-html-textarea"] +[class$="block-htms-textarea"] color: black diff --git a/themes/bthree/src/styles/_features.sass b/themes/bthree/src/styles/_features.sass index 2591120..548e50d 100644 --- a/themes/bthree/src/styles/_features.sass +++ b/themes/bthree/src/styles/_features.sass @@ -5,7 +5,7 @@ h1 padding-left: 10px - .cards-list-item-excerpt + .cards-item-excerpt font-size: 16px padding-top: 5px @@ -34,7 +34,7 @@ ul.nav flex-direction: column - border-left: 3px solid var(--background-color-secondary) + border-left: 3px solid var(--color-bg-secondary) > li margin-top: 10px @@ -49,7 +49,7 @@ padding: 10px 15px &.active > a - color: var(--color-primary) + color: var(--color-accent) /* Feature Detail (Bake, GPU, etc) */ > ul > li @@ -64,20 +64,20 @@ width: 4px height: 4px border-radius: 50% - background-color: var(--text-color-tertiary) + background-color: var(--color-text-tertiary) transition: all 100ms ease-in-out &:hover &:before - background-color: var(--color-primary) + background-color: var(--color-accent) &.active > a - color: var(--color-primary) + color: var(--color-accent) &:before width: 7px height: 7px - background-color: var(--color-primary) + background-color: var(--color-accent) top: 14px left: 16px @@ -91,14 +91,14 @@ flex-direction: column a - color: var(--text-color-secondary) + color: var(--color-text-secondary) &:hover - color: var(--color-primary) + color: var(--color-accent) text-decoration: underline .category-title, .category-sub-title - +font-weight-bold + +fw-bold max-width: 100px min-width: 100px text-align: right @@ -124,53 +124,53 @@ padding: 0 10px a - color: var(--color-primary) + color: var(--color-accent) -.cards-list.features-category - --cards-list-items-per-row: 1 +.cards.features-category + --cards-items-per-row: 1 .js-isolify cursor: pointer - .cards-list-item-outer + .cards-item width: 100% padding-left: 0 padding-right: 0 - .cards-list-item-pretitle - color: var(--text-color-secondary) + .cards-item-pretitle + color: var(--color-text-secondary) a - color: var(--text-color-secondary) + color: var(--color-text-secondary) i - color: var(--text-color-tertiary) + color: var(--color-text-tertiary) font-size: .8em padding: 0 5px - .cards-list-item-title + .cards-item-title font-size: 20px padding-top: 20px - .cards-list-item-description + .cards-item-description font-size: 16px - a.cards-list-item-title:hover + a.cards-item-title:hover color: $color-text-dark - .cards-list-item-thumbnail + .cards-item-thumbnail &:hover img transform: initial .subcat - .cards-list-item-inner - .cards-list-item-title + .cards-item-content + .cards-item-title font: - size: $font-size-medium + size: $fs-md weight: normal -.cards-list-item-label +.cards-item-label background-color: rgba($color-text, .05) border-radius: var(--border-radius) color: rgba($color-text, .66) @@ -182,9 +182,9 @@ padding: 0 15px .nav a - .cards-list-item-label + .cards-item-label font-size: .65rem - +font-weight-bold + +fw-bold padding: 0 5px float: unset line-height: 1em diff --git a/themes/bthree/src/styles/_release-logs.sass b/themes/bthree/src/styles/_release-logs.sass index 55acc64..fe4d8cf 100644 --- a/themes/bthree/src/styles/_release-logs.sass +++ b/themes/bthree/src/styles/_release-logs.sass @@ -5,15 +5,15 @@ position: relative overflow: hidden - $header-background-blursize: 15px - &-background + $header-bg-blursize: 15px + &-bg background-size: cover - bottom: -$header-background-blursize - filter: blur($header-background-blursize) - left: -$header-background-blursize * 2 + bottom: -$header-bg-blursize + filter: blur($header-bg-blursize) + left: -$header-bg-blursize * 2 position: absolute - right: -$header-background-blursize * 2 - top: -$header-background-blursize * 2 + right: -$header-bg-blursize * 2 + top: -$header-bg-blursize * 2 z-index: 0 &-info @@ -24,7 +24,7 @@ .featured-overlay background-color: rgba(#223, .7) - .cards-list-item-excerpt + .cards-item-excerpt font-size: 1.1rem .features @@ -94,7 +94,7 @@ text-decoration: underline &:hover - color: var(--color-primary) + color: var(--color-accent) & ul li:last-child margin-bottom: 0 @@ -112,7 +112,7 @@ color: $color-text-light-primary !important display: block flex: 1 - +font-weight-bold + +fw-bold text-align: center &:hover @@ -163,12 +163,12 @@ animation: huerotate 10s linear infinite background: linear-gradient(to right, cyan, violet) background-clip: text - -webkit-background-clip: text + -webkit-bg-clip: text -webkit-text-fill-color: transparent z-index: 1 &_section // Each section .features__releaselogs_section - background-color: $color-background + background-color: $color-bg background-repeat: no-repeat background-size: cover padding: 50px 10px @@ -191,10 +191,10 @@ opacity: 1 &.odd - background-color: $color-background-light + background-color: $color-bg-light - .cards-list-item-inner - background-color: $color-background + .cards-item-content + background-color: $color-bg &.compatibility-warning +padding(5, y) @@ -321,7 +321,7 @@ opacity: 1 span - color: var(--color-primary) + color: var(--color-accent) font-size: .7em opacity: 0 padding: 5px @@ -330,7 +330,7 @@ top: 2px &:hover - color: var(--color-primary) + color: var(--color-accent) $gallery-item-height: 120px @@ -341,7 +341,7 @@ width: 100% figure - background-color: $color-background-light + background-color: $color-bg-light box-shadow: 1px 1px 5px rgba(black, .1) +border-radius(lg) display: flex @@ -426,12 +426,12 @@ color: $color-text-light-primary .support-container - background-color: $color-background-light + background-color: $color-bg-light position: relative z-index: 1 -.section-background +.section-bg position: relative @include media-breakpoint-up(lg) diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index db39245..8348468 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -5,8 +5,8 @@ &:before +border-radius(lg) - .wp-block-cover__gradient-background, - .wp-block-cover__image-background + .wp-block-cover__gradient-bg, + .wp-block-cover__image-bg +border-radius(lg) .is-style-cover-left-half, @@ -32,8 +32,8 @@ .wp-block-cover.is-style-cover-center-full overflow: hidden - img.wp-block-cover__image-background, - video.wp-block-cover__video-background + img.wp-block-cover__image-bg, + video.wp-block-cover__video-bg bottom: initial height: unset left: 50% @@ -59,9 +59,9 @@ width: 120% /* Images. */ -.wp-block-image.is-style-circle-mask img, -.wp-block-image.is-style-rounded img, -.wp-block-image:not(.is-style-rounded) img +.wp-block-img.is-style-circle-mask img, +.wp-block-img.is-style-rounded img, +.wp-block-img:not(.is-style-rounded) img +border-radius(lg) /* Paragraph Plus. */ @@ -80,32 +80,32 @@ padding: 2px 5px strong - +font-weight-title + +fw-title /* Massive titles style. */ .is-style-massive-title - +font-weight-title - font-size: var(--font-size-hero-title) + +fw-title + font-size: var(--fs-hero-title) line-height: 1.3em +media-xs font-size: 6vh !important /* Image block. */ -.wp-block-image +.wp-block-img text-align: center -.wp-block-image img, -.wp-block-image:not(.is-style-rounded) +.wp-block-img img, +.wp-block-img:not(.is-style-rounded) +border-radius(lg) height: auto -.wp-block-image.img-full, -.wp-block-image.img-full figure, -.wp-block-image.img-full figure img +.wp-block-img.img-full, +.wp-block-img.img-full figure, +.wp-block-img.img-full figure img width: 100% -.wp-block-image.is-style-js-isolify +.wp-block-img.is-style-js-isolify img cursor: pointer @@ -116,19 +116,19 @@ /* Centered paragraph with large text. * Used mainly in the release notes as sections subtitles. */ -.is-style-paragraph-center-large - font-size: var(--font-size-large) +.is-style-paragraph-center-lg + font-size: var(--fs-lg) margin-left: auto margin-right: auto max-width: 680px text-align: center /* Captions. */ -.wp-block-image figcaption, +.wp-block-img figcaption, .wp-block-embed figcaption, .wp-block-video figcaption color: inherit - font-size: var(--font-size-small) + font-size: var(--fs-sm) line-height: initial opacity: .6 text-align: center @@ -190,7 +190,7 @@ /* Cards. */ .cards.cards-center - .cards-list + .cards justify-content: center /* Make the block-cover inner-container width. */ @@ -243,7 +243,7 @@ .entry-content .wp-block-file align-items: center - background-color: $color-background-light + background-color: $color-bg-light border-radius: var(--border-radius) display: flex +padding(3) @@ -318,7 +318,7 @@ --words-cloud-column-count: 1 column-count: var(--words-cloud-column-count) column-gap: 1 - font-size: var(--font-size-base) + font-size: var(--fs-base) line-height: 1.33 +media-xs @@ -330,7 +330,7 @@ column-count: 2 a - color: var(--text-color-primary) + color: var(--color-text-primary) > div +box-card @@ -355,8 +355,8 @@ +margin(1, bottom) .category-title - color: var(--text-color-secondary) - font-size: var(--font-size-h3) + color: var(--color-text-secondary) + font-size: var(--fs-h3) +margin(3, x) +margin(3, top) @@ -417,12 +417,12 @@ position: absolute right: 0 text-align: right - top: calc(var(--font-size-small) * -2) + top: calc(var(--fs-sm) * -2) white-space: nowrap z-index: 1 span - background-color: var(--background-color) + background-color: var(--color-bg) border-radius: 3px box-shadow: var(--box-shadow-lg) +padding(1, x) @@ -433,7 +433,7 @@ .chart-bars-legend color: currentColor - font-size: var(--font-size-small) + font-size: var(--fs-sm) +padding(2, bottom) > ul @@ -464,7 +464,7 @@ width: 8px .chart-bars-ticks - font-size: var(--font-size-small) + font-size: var(--fs-sm) ul display: flex @@ -506,27 +506,27 @@ transform: initial .wp-block-social-cards - .cards-list-item-social + .cards-item-social +margin(2, right) - .cards-list-item-title + .cards-item-title backdrop-filter: blur(30px) background-color: rgba(black, .15) border-radius: var(--border-radius) display: inline-flex - font-size: var(--font-size-base) + font-size: var(--fs-base) +margin(2, bottom) position: relative width: fit-content - .cards-list-item-info + .cards-item-info background-image: linear-gradient(35deg, rgba(black, .66), transparent) position: absolute span:first-child margin-top: auto - .cards-list-item-excerpt + .cards-item-excerpt flex: initial p @@ -540,7 +540,7 @@ ul.wp-block-rss .wp-block-footnotes border-top: var(--border-width) solid var(--border-color) - color: var(--text-color-secondary) + color: var(--color-text-secondary) +padding(3, top) +margin(3, top) diff --git a/themes/bthree/src/styles/plugins/_jquery-images-compare.sass b/themes/bthree/src/styles/plugins/_jquery-images-compare.sass index 6384a72..b0ecde2 100644 --- a/themes/bthree/src/styles/plugins/_jquery-images-compare.sass +++ b/themes/bthree/src/styles/plugins/_jquery-images-compare.sass @@ -2,22 +2,22 @@ .images-compare &-notes // .images-compare-notes color: $color-text-dark-primary - font-size: var(--font-size-large) + font-size: var(--fs-lg) text-align: center +padding(3, x) +padding(1, y) &-credits // .images-compare-credits color: currentColor - font-size: var(--font-size-small) + font-size: var(--fs-sm) opacity: .5 +padding(3, bottom) text-align: right .images-compare-container - --images-compare-separator-color: hsla(0, 0%, 100%, .8) - --images-compare-separator-width: 2px - --images-compare-resize-handle-size: 38px + --imgs-compare-separator-color: hsla(0, 0%, 100%, .8) + --imgs-compare-separator-width: 2px + --imgs-compare-resize-handle-size: 38px border-radius: var(--border-radius-lg) display: inline-block @@ -28,7 +28,7 @@ cursor: col-resize .images-compare-handle - --images-compare-separator-color: white + --imgs-compare-separator-color: white backdrop-filter: blur(0) border-color: transparent box-shadow: none @@ -75,29 +75,29 @@ .images-compare-separator - background-color: var(--images-compare-separator-color) + background-color: var(--imgs-compare-separator-color) height: 100% left: 0 position: absolute top: 0 transition: opacity var(--transition-speed) ease-in-out - width: var(--images-compare-separator-width) + width: var(--imgs-compare-separator-width) z-index: 4 .images-compare-handle backdrop-filter: blur(20px) border-radius: 50% - border: var(--images-compare-separator-width) solid var(--images-compare-separator-color) - box-shadow: 1px 1px 20px var(--images-compare-separator-color), inset 1px 1px 20px var(--images-compare-separator-color) + border: var(--imgs-compare-separator-width) solid var(--imgs-compare-separator-color) + box-shadow: 1px 1px 20px var(--imgs-compare-separator-color), inset 1px 1px 20px var(--imgs-compare-separator-color) cursor: col-resize - height: var(--images-compare-resize-handle-size) + height: var(--imgs-compare-resize-handle-size) left: 50% position: absolute top: 50% transform: translateX(-50%) translateY(-50%) scale(1.0) transition: border-color var(--transition-speed) ease-in-out,transform var(--transition-speed) ease-in-out - width: var(--images-compare-resize-handle-size) + width: var(--imgs-compare-resize-handle-size) z-index: 4 @keyframes images-compare-arrow-left @@ -129,13 +129,13 @@ .images-compare-left-arrow - border-right: 6px solid var(--images-compare-separator-color) + border-right: 6px solid var(--imgs-compare-separator-color) left: 5px animation-name: images-compare-arrow-left .images-compare-right-arrow - border-left: 6px solid var(--images-compare-separator-color) + border-left: 6px solid var(--imgs-compare-separator-color) right: 5px animation-name: images-compare-arrow-right @@ -146,7 +146,7 @@ backdrop-filter: blur(10px) color: #ddd display: none - font-size: var(--font-size-small) + font-size: var(--fs-sm) left: 10px top: 10px +padding(2, x) diff --git a/themes/bthree/src/styles/style.sass b/themes/bthree/src/styles/style.sass old mode 100755 new mode 100644 index 6490b8b..36a1aee --- a/themes/bthree/src/styles/style.sass +++ b/themes/bthree/src/styles/style.sass @@ -6,7 +6,7 @@ Author URI: https://www.blender.org Version: 1.2.1 License: GNU General Public License v2 or later - License URI: http://www.gnu.org/licenses/gpl-2.0.html + License URI: http://www.gnu.org/licenses/gps-2.0.html Tags: blender Text Domain: bthree -- 2.30.2 From 51dbe0c2cbcdc475d581760acc59a8d17be9e714 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 4 Jun 2024 12:13:48 +0200 Subject: [PATCH 05/54] Chore: Update git submodule assets_shared to v2.0.0-alpha.17 --- themes/bthree/assets_shared | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/assets_shared b/themes/bthree/assets_shared index 83016b1..2571d61 160000 --- a/themes/bthree/assets_shared +++ b/themes/bthree/assets_shared @@ -1 +1 @@ -Subproject commit 83016b1da19b5b7ec27be733e08a136fa22ee65c +Subproject commit 2571d613dc1f83f5ea77cd9824f5f11898ed7f14 -- 2.30.2 From b850d23e0def0b4c9e08b84d8ac3cac1230ec6c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 4 Jun 2024 12:19:58 +0200 Subject: [PATCH 06/54] Fix: Run post web-assets v2 upgrade script bash helper on PHP files --- themes/bthree/blocks/cards.php | 24 ++++++++-------- themes/bthree/blocks/pages-list.php | 19 ++++++------- themes/bthree/blocks/paragraph-plus.php | 3 +- themes/bthree/blocks/social-cards.php | 22 +++++++-------- themes/bthree/header-static.php | 4 +-- themes/bthree/index.php | 14 ++++----- themes/bthree/page-community.php | 16 +++++------ themes/bthree/page-download.php | 8 +++--- themes/bthree/page-faq.php | 2 +- themes/bthree/page-features-category.php | 36 ++++++++++++------------ themes/bthree/page-features-main.php | 16 +++++------ themes/bthree/page-listing-cards.php | 22 +++++++-------- themes/bthree/page-release_logs.php | 20 ++++++------- themes/bthree/page-thanks.php | 4 +-- themes/bthree/single.php | 24 ++++++++-------- 15 files changed, 116 insertions(+), 118 deletions(-) diff --git a/themes/bthree/blocks/cards.php b/themes/bthree/blocks/cards.php index 249fc76..4ded293 100644 --- a/themes/bthree/blocks/cards.php +++ b/themes/bthree/blocks/cards.php @@ -45,10 +45,10 @@ $style = get_field('style');
-
+
-
> -
+
> +
- + -
+
-
+
- + - + - + - +
diff --git a/themes/bthree/blocks/pages-list.php b/themes/bthree/blocks/pages-list.php index 80e0eb4..614e6f9 100644 --- a/themes/bthree/blocks/pages-list.php +++ b/themes/bthree/blocks/pages-list.php @@ -42,7 +42,7 @@ $background_color = get_field('background_color'); $text_color = get_field('text_color'); ?> -
+
-
-
+
+
- + 'img-fluid', 'title' => get_the_title()]); ?> -
- +
+ - + -
+
READ MORE
- \ No newline at end of file diff --git a/themes/bthree/blocks/social-cards.php b/themes/bthree/blocks/social-cards.php index 23ccef2..1846a8d 100644 --- a/themes/bthree/blocks/social-cards.php +++ b/themes/bthree/blocks/social-cards.php @@ -45,10 +45,10 @@ $style = get_field('style');
-
+
-
> -
+
> +
- + -
+
- + - + - -
-
+
diff --git a/themes/bthree/index.php b/themes/bthree/index.php index e383f6e..07ffc97 100644 --- a/themes/bthree/index.php +++ b/themes/bthree/index.php @@ -31,7 +31,7 @@
-
+
@@ -49,16 +49,16 @@ } ?> -
-
+
+
- + 'img-fluid', 'title' => get_the_title()]); ?> - - -
+ + +
  • diff --git a/themes/bthree/page-community.php b/themes/bthree/page-community.php index cf609c6..e20f08b 100644 --- a/themes/bthree/page-community.php +++ b/themes/bthree/page-community.php @@ -41,7 +41,7 @@ Template Name: Community -
    +
    -
    - +
    + -
    +
    <?= $name ?>
    -
    -
    -
    -
    +
    +
    +
    +
    diff --git a/themes/bthree/page-download.php b/themes/bthree/page-download.php index c1b0753..d46594d 100644 --- a/themes/bthree/page-download.php +++ b/themes/bthree/page-download.php @@ -210,8 +210,8 @@ $analytics_event_name = 'Downloads+Blender';
    -
    -
    +
    +
    @@ -231,7 +231,7 @@ $analytics_event_name = 'Downloads+Blender';
    -
    +
    @@ -239,7 +239,7 @@ $analytics_event_name = 'Downloads+Blender';
    -
    +

    What's New

    diff --git a/themes/bthree/page-faq.php b/themes/bthree/page-faq.php index cdf5cfd..7f97539 100644 --- a/themes/bthree/page-faq.php +++ b/themes/bthree/page-faq.php @@ -33,7 +33,7 @@ Template Name: FAQ (deprecated)

    - +

    diff --git a/themes/bthree/page-features-category.php b/themes/bthree/page-features-category.php index 6560462..96c9d92 100644 --- a/themes/bthree/page-features-category.php +++ b/themes/bthree/page-features-category.php @@ -53,7 +53,7 @@ $dev_status = [ - + @@ -73,7 +73,7 @@ $dev_status = [ - + @@ -95,7 +95,7 @@ $dev_status = [
    -
    +
    -
    -
    +
    +
    -
    +
    <?=$subcat_title;?>
    - + - + -
    +
    -
    +
    WATCH VIDEO
    @@ -153,33 +153,33 @@ $dev_status = [ $detail_dev_status = get_sub_field('detail_dev_status'); ?> -
    -
    +
    +
    -
    +
    <?=$detail_title;?>
    -
    - +
    + - +
    -
    +
    -
    +
    WATCH VIDEO
    diff --git a/themes/bthree/page-features-main.php b/themes/bthree/page-features-main.php index a9ee470..caee1e5 100644 --- a/themes/bthree/page-features-main.php +++ b/themes/bthree/page-features-main.php @@ -37,7 +37,7 @@ $dev_status = [
    -
    +
    -
    -
    +
    +
    - + 'img-fluid', 'title' => get_the_title()]); ?> - + - + - -
    + +
    READ MORE
    diff --git a/themes/bthree/page-listing-cards.php b/themes/bthree/page-listing-cards.php index 7a47f59..a054b1e 100644 --- a/themes/bthree/page-listing-cards.php +++ b/themes/bthree/page-listing-cards.php @@ -30,8 +30,8 @@ Template Name: Layout: Listing Cards (deprecated) if ($section_enabled): ?>
    @@ -41,7 +41,7 @@ Template Name: Layout: Listing Cards (deprecated) -
    +
    -
    -
    +
    +
    - + <?=$list_item_title?> -
    +
    <?=$list_item_title?>
    -
    +
    - + - + - +
    diff --git a/themes/bthree/page-release_logs.php b/themes/bthree/page-release_logs.php index 172d079..bc1d6f4 100644 --- a/themes/bthree/page-release_logs.php +++ b/themes/bthree/page-release_logs.php @@ -126,7 +126,7 @@ $is_latest = (($version_number >= $current_version_number) ? true : false); "> -
    +
    @@ -350,7 +350,7 @@ $is_latest = (($version_number >= $current_version_number) ? true : false);
    -
    +
    = $current_version_number) ? true : false); $list_item_color_bg = $list_item['list_item_color_bg']; ?> -
    -
    +
    +
    - + <?=$list_item_title?> -
    +
    <?=$list_item_title?>
    -
    +
    - + - + - +
    diff --git a/themes/bthree/page-thanks.php b/themes/bthree/page-thanks.php index cd04ff2..14ef35e 100644 --- a/themes/bthree/page-thanks.php +++ b/themes/bthree/page-thanks.php @@ -162,8 +162,8 @@ $dl_label = ($is_blender ? 'Blender' : $dl_filename);
    -
    -
    +
    +
    diff --git a/themes/bthree/single.php b/themes/bthree/single.php index 9c7199b..014a5ae 100644 --- a/themes/bthree/single.php +++ b/themes/bthree/single.php @@ -47,13 +47,13 @@ $page_width = get_field('page_width');
    -
    -
    -
    -
    - Preview +
    +
    +
    +
    + Preview
    - + This is how your post will look when listed.
    The featured image must be 16:9. @@ -65,16 +65,16 @@ $page_width = get_field('page_width');
    -
    -
    +
    +
    - + 'img-fluid', 'title' => get_the_title()]); ?> - - -
    + + +
      • -- 2.30.2 From 9068b3ccd3dd25d0f37223f0d56fbb95c826b80c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 11:31:34 +0200 Subject: [PATCH 07/54] Chore: Update git submodule assets_shared to v2.0.0-alpha.18 --- themes/bthree/assets_shared | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/assets_shared b/themes/bthree/assets_shared index 2571d61..9cedb7e 160000 --- a/themes/bthree/assets_shared +++ b/themes/bthree/assets_shared @@ -1 +1 @@ -Subproject commit 2571d613dc1f83f5ea77cd9824f5f11898ed7f14 +Subproject commit 9cedb7e13c9e94b1c712e50a49fefed684d4956c -- 2.30.2 From 7a2395e00d54b330b02cbecea07dd0f460094dc6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 11:39:04 +0200 Subject: [PATCH 08/54] Chore: Run post web-assets v2 upgrade script bash helper on plugins --- plugins/borg-rss-code/borg-rss-code.php | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/plugins/borg-rss-code/borg-rss-code.php b/plugins/borg-rss-code/borg-rss-code.php index acefc0f..8dbb35b 100644 --- a/plugins/borg-rss-code/borg-rss-code.php +++ b/plugins/borg-rss-code/borg-rss-code.php @@ -6,7 +6,7 @@ * Version: 1.1 * Text Domain: getblogposts * License: GPL v2 or later - * License URI: https://www.gnu.org/licenses/gpl-2.0.txt + * License URI: https://www.gnu.org/licenses/gps-2.0.txt * * @package getblogposts */ @@ -61,7 +61,7 @@ function get_posts_as_cards($atts) { $url = 'https://studio.blender.org/blog/latest/feed/'; $xml = simplexml_load_file($url); - $posts = $xml->channel->item; + $posts = $xms->channel->item; } else { /* WordPress sites. */ @@ -99,17 +99,17 @@ function get_posts_as_cards($atts) { } // Build HTML. - $allposts .= '
      '; - $allposts .= '
      '; + $allposts .= '
      '; + $allposts .= '
      '; if ($item['thumbnail']) { - $allposts .= ''; + $allposts .= ''; $allposts .= '' . $item['title'] . ''; $allposts .= ''; } - $allposts .= '' . $item['title'] . ''; - $allposts .= '' . $item['description'] . ''; + $allposts .= '' . $item['title'] . ''; + $allposts .= '' . $item['description'] . ''; $allposts .= '
      '; $allposts .= '
      '; -- 2.30.2 From cbe3ae440eed9bf6127010f693fb5608a0533fc1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 11:45:15 +0200 Subject: [PATCH 09/54] Fix: Post web-assets v2 upgrade script bash helper on plugins typos --- plugins/borg-rss-code/borg-rss-code.php | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/plugins/borg-rss-code/borg-rss-code.php b/plugins/borg-rss-code/borg-rss-code.php index 8dbb35b..7e47ae1 100644 --- a/plugins/borg-rss-code/borg-rss-code.php +++ b/plugins/borg-rss-code/borg-rss-code.php @@ -6,7 +6,7 @@ * Version: 1.1 * Text Domain: getblogposts * License: GPL v2 or later - * License URI: https://www.gnu.org/licenses/gps-2.0.txt + * License URI: https://www.gnu.org/licenses/gpl-2.0.txt * * @package getblogposts */ @@ -61,7 +61,7 @@ function get_posts_as_cards($atts) { $url = 'https://studio.blender.org/blog/latest/feed/'; $xml = simplexml_load_file($url); - $posts = $xms->channel->item; + $posts = $xml->channel->item; } else { /* WordPress sites. */ -- 2.30.2 From d3b74f6fdce1be8d169d9879b808358a52cd6e41 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 12:09:06 +0200 Subject: [PATCH 10/54] Refactor: Post web-assets v2 upgrade cleanup and simplify Sass imports Post web-assets v2 upgrade cleanup and simplify Sass imports, by changing individual partial imports to BWA main. --- .../bthree-code/src/styles/style-editor.sass | 29 +----------- themes/bthree-code/src/styles/style.sass | 1 - themes/bthree/src/styles/_bwa.sass | 47 +------------------ 3 files changed, 4 insertions(+), 73 deletions(-) diff --git a/themes/bthree-code/src/styles/style-editor.sass b/themes/bthree-code/src/styles/style-editor.sass index 67c92c4..3937cc2 100644 --- a/themes/bthree-code/src/styles/style-editor.sass +++ b/themes/bthree-code/src/styles/style-editor.sass @@ -1,32 +1,7 @@ -@import '../../../bthree/assets_shared/src/styles/_media_queries' -@import '../../../bthree/assets_shared/src/styles/_variables' -@import '../../../bthree/assets_shared/src/styles/_variables_dark' -@import '../../../bthree/assets_shared/src/styles/_mixins' - -@import '../../../bthree/assets_shared/src/styles/bootstrap/functions' -@import '../../../bthree/assets_shared/src/styles/bootstrap/variables' -@import '../../../bthree/assets_shared/src/styles/bootstrap/mixins' -@import '../../../bthree/assets_shared/src/styles/bootstrap/utilities' - $font-path: '../bthree/assets/fonts' -@import '../../../bthree/assets_shared/src/styles/_fonts' -@import '../../../bthree/assets_shared/src/styles/_alert' -@import '../../../bthree/assets_shared/src/styles/_badge' -@import '../../../bthree/assets_shared/src/styles/_base' -@import '../../../bthree/assets_shared/src/styles/_box' -@import '../../../bthree/assets_shared/src/styles/_button' -@import '../../../bthree/assets_shared/src/styles/_cards' -@import '../../../bthree/assets_shared/src/styles/_code' -@import '../../../bthree/assets_shared/src/styles/_details' -@import '../../../bthree/assets_shared/src/styles/_footer' -@import '../../../bthree/assets_shared/src/styles/_forms' -@import '../../../bthree/assets_shared/src/styles/_hero' -@import '../../../bthree/assets_shared/src/styles/_list' -@import '../../../bthree/assets_shared/src/styles/_navigation' -@import '../../../bthree/assets_shared/src/styles/_table' -@import '../../../bthree/assets_shared/src/styles/_type' -@import '../../../bthree/assets_shared/src/styles/_utilities' +/* Import Blender Web Assets. */ +@import '../../../bthree/assets_shared/src/styles/main' @import '../../../bthree/src/styles/plugins/_jquery-images-compare' @import '../../../bthree/src/styles/_wp-block' diff --git a/themes/bthree-code/src/styles/style.sass b/themes/bthree-code/src/styles/style.sass index f3fbed5..f259747 100644 --- a/themes/bthree-code/src/styles/style.sass +++ b/themes/bthree-code/src/styles/style.sass @@ -17,7 +17,6 @@ $font-path: '../bthree/assets/fonts' @import ../../../bthree/src/styles/_style_content -@import ../../../bthree/assets_shared/src/styles/_variables_dark @import ../../../bthree/assets_shared/src/styles/_navigation_global .navbar-secondary diff --git a/themes/bthree/src/styles/_bwa.sass b/themes/bthree/src/styles/_bwa.sass index cccbb16..35c4909 100644 --- a/themes/bthree/src/styles/_bwa.sass +++ b/themes/bthree/src/styles/_bwa.sass @@ -1,45 +1,2 @@ -/* Import variables. */ -@import ../../assets_shared/src/styles/_media_queries -@import ../../assets_shared/src/styles/_variables_deprecated -@import ../../assets_shared/src/styles/_variables -@import ../../assets_shared/src/styles/_mixins - -/* Import Bootstrap. */ -@import ../../assets_shared/src/styles/bootstrap-deprecated/functions -@import ../../assets_shared/src/styles/bootstrap-deprecated/variables -@import ../../assets_shared/src/styles/bootstrap-deprecated/mixins -@import ../../assets_shared/src/styles/bootstrap-deprecated/root -@import ../../assets_shared/src/styles/bootstrap-deprecated/reboot - -@import ../../assets_shared/src/styles/bootstrap-deprecated/images -@import ../../assets_shared/src/styles/bootstrap-deprecated/grid -@import ../../assets_shared/src/styles/bootstrap-deprecated/forms -@import ../../assets_shared/src/styles/bootstrap-deprecated/transitions -@import ../../assets_shared/src/styles/bootstrap-deprecated/nav -@import ../../assets_shared/src/styles/bootstrap-deprecated/navbar -@import ../../assets_shared/src/styles/bootstrap-deprecated/progress -@import ../../assets_shared/src/styles/bootstrap-deprecated/media -@import ../../assets_shared/src/styles/bootstrap-deprecated/utilities - -/* Read inside for instructions. */ -@import ../../assets_shared/src/styles/_fonts - -/* Override certain bootstrap properties. */ -@import ../../assets_shared/src/styles/_bootstrap_overrides - -@import ../../assets_shared/src/styles/_alert -@import ../../assets_shared/src/styles/_badge -@import ../../assets_shared/src/styles/_base -@import ../../assets_shared/src/styles/_box -@import ../../assets_shared/src/styles/_button -@import ../../assets_shared/src/styles/_cards -@import ../../assets_shared/src/styles/_code -@import ../../assets_shared/src/styles/_details -@import ../../assets_shared/src/styles/_footer -@import ../../assets_shared/src/styles/_forms -@import ../../assets_shared/src/styles/_hero -@import ../../assets_shared/src/styles/_list -@import ../../assets_shared/src/styles/_navigation -@import ../../assets_shared/src/styles/_table -@import ../../assets_shared/src/styles/_type -@import ../../assets_shared/src/styles/_utilities +/* Import Blender Web Assets. */ +@import ../../assets_shared/src/styles/main -- 2.30.2 From 9cda3d91054dcc6ec28987b4cbc979704a72e2e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 12:10:25 +0200 Subject: [PATCH 11/54] Fix: Style post web-assets v2 upgrade Sass variables and namings --- themes/bthree/src/styles/_base.sass | 4 ++-- themes/bthree/src/styles/_download.sass | 4 ++-- themes/bthree/src/styles/_features.sass | 2 +- themes/bthree/src/styles/_release-logs.sass | 11 +++++------ themes/bthree/src/styles/_wp-block.sass | 2 +- 5 files changed, 11 insertions(+), 12 deletions(-) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 4976082..c7420d3 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -3,7 +3,7 @@ $page-card-icon-size: 75px position: relative &:nth-child(even) - background-color: $color-bg + background-color: var(--color-bg) &.right flex-direction: row-reverse @@ -18,7 +18,7 @@ $page-card-icon-size: 75px margin: 10px auto padding: 0 border: none - background-color: $color-bg + background-color: var(--color-bg) .page-card-title display: block diff --git a/themes/bthree/src/styles/_download.sass b/themes/bthree/src/styles/_download.sass index 5318ccd..1ac1d86 100644 --- a/themes/bthree/src/styles/_download.sass +++ b/themes/bthree/src/styles/_download.sass @@ -465,7 +465,7 @@ $bleeding-color: #d0253f display: none .dl-bg-img - background-color: $color-bg-light + background-color: var(--color-bg-secondary) background-position: center center background-size: cover bottom: 0 @@ -504,7 +504,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) color: white .dl-overlay - background-image: linear-gradient(-2deg, transparent 49%, $color-bg-light 50%) + background-image: linear-gradient(-2deg, transparent 49%, var(--color-bg-secondary) 50%) .container +margin(6, y) diff --git a/themes/bthree/src/styles/_features.sass b/themes/bthree/src/styles/_features.sass index 548e50d..c258796 100644 --- a/themes/bthree/src/styles/_features.sass +++ b/themes/bthree/src/styles/_features.sass @@ -167,7 +167,7 @@ .cards-item-content .cards-item-title font: - size: $fs-md + size: var(--fs-5) weight: normal .cards-item-label diff --git a/themes/bthree/src/styles/_release-logs.sass b/themes/bthree/src/styles/_release-logs.sass index fe4d8cf..1b0822f 100644 --- a/themes/bthree/src/styles/_release-logs.sass +++ b/themes/bthree/src/styles/_release-logs.sass @@ -138,7 +138,6 @@ display: flex flex-wrap: wrap justify-content: center - @extend .lead position: relative padding-left: 100px padding-right: 100px @@ -168,7 +167,7 @@ z-index: 1 &_section // Each section .features__releaselogs_section - background-color: $color-bg + background-color: var(--color-bg) background-repeat: no-repeat background-size: cover padding: 50px 10px @@ -191,10 +190,10 @@ opacity: 1 &.odd - background-color: $color-bg-light + background-color: var(--color-bg-secondary) .cards-item-content - background-color: $color-bg + background-color: var(--color-bg) &.compatibility-warning +padding(5, y) @@ -341,7 +340,7 @@ width: 100% figure - background-color: $color-bg-light + background-color: var(--color-bg-secondary) box-shadow: 1px 1px 5px rgba(black, .1) +border-radius(lg) display: flex @@ -426,7 +425,7 @@ color: $color-text-light-primary .support-container - background-color: $color-bg-light + background-color: var(--color-bg-secondary) position: relative z-index: 1 diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index 8348468..abd6141 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -243,7 +243,7 @@ .entry-content .wp-block-file align-items: center - background-color: $color-bg-light + background-color: var(--color-bg-secondary) border-radius: var(--border-radius) display: flex +padding(3) -- 2.30.2 From a8357f499af96e595239a86e169b3823ad14647d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 14:52:27 +0200 Subject: [PATCH 12/54] UI: Run post web-assets v2 upgrade script bash helper units conversion and cleanup Run post web-assets v2 upgrade script bash helper for converting sizes and units to new rem sizing, and implement 4 px based sizing base. --- themes/bthree/404.php | 2 +- themes/bthree/page-download.php | 2 +- themes/bthree/src/styles/_base.sass | 78 ++++++------- themes/bthree/src/styles/_blog.sass | 58 +++++----- themes/bthree/src/styles/_bwa.sass | 1 + themes/bthree/src/styles/_community.sass | 10 +- themes/bthree/src/styles/_download.sass | 61 +++++----- themes/bthree/src/styles/_features.sass | 60 +++++----- themes/bthree/src/styles/_listing-cards.sass | 30 ++--- themes/bthree/src/styles/_release-logs.sass | 107 +++++++++--------- themes/bthree/src/styles/_style_content.sass | 10 +- themes/bthree/src/styles/_wp-block.sass | 36 +++--- .../plugins/_jquery-images-compare.sass | 28 ++--- 13 files changed, 243 insertions(+), 240 deletions(-) diff --git a/themes/bthree/404.php b/themes/bthree/404.php index 90be9e4..d9a81ea 100644 --- a/themes/bthree/404.php +++ b/themes/bthree/404.php @@ -57,7 +57,7 @@
    • - + diff --git a/themes/bthree/page-download.php b/themes/bthree/page-download.php index d46594d..ac8f935 100644 --- a/themes/bthree/page-download.php +++ b/themes/bthree/page-download.php @@ -283,7 +283,7 @@ $analytics_event_name = 'Downloads+Blender';
      - +
      diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index c7420d3..7b4746e 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -1,4 +1,4 @@ -$page-card-icon-size: 75px +$page-card-icon-size: 7.8rem .page-card position: relative @@ -13,9 +13,9 @@ $page-card-icon-size: 75px hr width: 100% - height: 1px + height: .1rem display: block - margin: 10px auto + margin: 1.0rem auto padding: 0 border: none background-color: var(--color-bg) @@ -37,7 +37,7 @@ $page-card-icon-size: 75px .page-card-summary font-size: var(--fs-lg) color: var(--color-text) - padding: 15px 0 25px 0 + padding: 1.8rem 0 2.8rem 0 .page-card-img bottom: 0 @@ -60,7 +60,7 @@ $page-card-icon-size: 75px span color: $color-text-dark-primary display: block - padding: 20px 0 + padding: 2.0rem 0 text-align: center .page-card-icon @@ -70,7 +70,7 @@ $page-card-icon-size: 75px margin: 0 auto width: $page-card-icon-size * 2 height: $page-card-icon-size * 2 - border: 2px solid rgba($color-text-dark-hint, .5) + border: .2rem solid rgba($color-text-dark-hint, .5) border-radius: 50% background: position: 50% 50% @@ -87,7 +87,7 @@ $page-card-icon-size: 75px height: $page-card-icon-size * 1.5 background-size: $page-card-icon-size * 0.75 - margin: 40px auto + margin: 4.0rem auto svg +position-center-translate @@ -101,17 +101,17 @@ $page-card-icon-size: 75px z-index: 1 &:first-child - padding-right: 50px + padding-right: 5.0rem border-right: none &:nth-child(2) - padding-left: 50px - padding-right: 20px + padding-left: 5.0rem + padding-right: 2.0rem section.page-card-side hr width: 100% - margin: 25px 0 15px 0 + margin: 2.8rem 0 1.8rem 0 .page-card-headline position: relative @@ -157,7 +157,7 @@ $page-card-icon-size: 75px font-size: var(--fs-h1) .page-card-list - margin: 25px auto + margin: 2.8rem auto text-align: left width: 100% @@ -169,12 +169,12 @@ $page-card-icon-size: 75px +media-xs display: block - padding: 45px 0 + padding: 4.8rem 0 &:before content: '' width: 70% - border-top: 2px solid rgba($color-danger, .6) + border-top: .2rem solid rgba($color-danger, .6) left: 50% transform: translateX(-50%) @@ -205,7 +205,7 @@ $page-card-icon-size: 75px +fw-bold +media-xs - padding: 0 15px + padding: 0 1.8rem .feature-desc font-size: var(--fs-lg) @@ -213,7 +213,7 @@ $page-card-icon-size: 75px +padding(3, right) +media-xs - padding: 15px + padding: 1.8rem ul padding: 0 @@ -223,7 +223,7 @@ $page-card-icon-size: 75px cursor: pointer +media-xs - margin: 20px 0 + margin: 2.0rem 0 img +border-radius(lg) @@ -236,13 +236,13 @@ $page-card-icon-size: 75px +media-xl transform: scale(1.2) - margin: 0 -3rem 0 auto + margin: 0 -4.8rem 0 auto &:hover transform: scale(1.22) .page-triplet-container - padding: 25px 30px + padding: 2.8rem 3.0rem .row, div[class^="col-md"] +media-md @@ -254,8 +254,8 @@ $page-card-icon-size: 75px width: 100% position: relative background-color: white - border-radius: 3px - box-shadow: 0 0 0 1px rgba(black, .1), 1px 1px 2px rgba(black, .1) + border-radius: .3rem + box-shadow: 0 0 0 .1rem rgba(black, .1), .1rem .1rem .2rem rgba(black, .1) display: flex flex-direction: column @@ -263,31 +263,31 @@ $page-card-icon-size: 75px .triplet-card-thumbnail img @extend .img-fluid - border-top-left-radius: 3px - border-top-right-radius: 3px - border-bottom: 3px solid var(--color-accent) + border-top-left-radius: .3rem + border-top-right-radius: .3rem + border-bottom: .3rem solid var(--color-accent) width: 100% .triplet-card-info - padding: 15px + padding: 1.8rem text-align: center flex: 1 display: flex flex-direction: column h3 - margin-top: 10px + margin-top: 1.0rem color: $color-danger - padding-bottom: 20px + padding-bottom: 2.0rem position: relative &:after content: '' - border-bottom: 2px solid rgba($color-danger, .8) - width: 35px + border-bottom: .2rem solid rgba($color-danger, .8) + width: 3.8rem position: absolute left: 50% - bottom: 10px + bottom: 1.0rem transform: translateX(-50%) p display: block @@ -299,7 +299,7 @@ $page-card-icon-size: 75px .triplet-cta display: block font-size: .9em - padding: 10px 0 + padding: 1.0rem 0 color: var(--color-accent) cursor: pointer &:hover @@ -308,14 +308,14 @@ $page-card-icon-size: 75px /* Lists */ ul.checklist > li - padding-left: 10px + padding-left: 1.0rem &:after color: $color-text-dark-secondary content: '\f00c' font-family: 'FontAwesome' font-size: .8em - top: 2px + top: .2rem /* Tables */ @@ -377,18 +377,18 @@ ul.checklist .lightbox-caption background-color: #222 +border-radius - bottom: 2rem + bottom: 3.2rem color: white max-width: 1000px +padding(3, x) +padding(1, y) text-align: center - text-shadow: 0 0 25px rgba(black, .5) + text-shadow: 0 0 2.8rem rgba(black, .5) z-index: 1 position: absolute .lightbox-underlay - backdrop-filter: blur(15px) + backdrop-filter: blur(1.8rem) background-color: rgba(black, .8) bottom: 0 content: '' @@ -403,10 +403,10 @@ ul.checklist content: '\e817' cursor: pointer font-family: "fontutti" - font-size: 2rem + font-size: 3.2rem position: fixed - right: .5rem - top: .25rem + right: .8rem + top: .4rem z-index: 2 &:hover diff --git a/themes/bthree/src/styles/_blog.sass b/themes/bthree/src/styles/_blog.sass index 16de46e..3c2804a 100644 --- a/themes/bthree/src/styles/_blog.sass +++ b/themes/bthree/src/styles/_blog.sass @@ -12,7 +12,7 @@ margin: 0 auto +padding(3, x) position: relative - top: -14px + top: -1.4rem .blog-container background-color: var(--color-bg) @@ -35,16 +35,16 @@ &.aligncenter display: block margin: - bottom: 25px + bottom: 2.8rem left: auto right: auto .entry-content - font-size: 21px - line-height: 32px + font-size: 2.1rem + line-height: 3.2rem +media-xs - font-size: 16px + font-size: 1.6rem .cards a text-decoration: none @@ -79,8 +79,8 @@ background-color: var(--color-bg-tertiary) +border-radius(lg) margin-left: -5% - min-height: 440px - padding: 5px + min-height: 44.0rem + padding: .8rem width: 110% +media-xs @@ -97,10 +97,10 @@ margin-top: 0 .alignleft, .alignright - margin: 20px 0 + margin: 2.0rem 0 .has-sm-font-size - line-height: 23px + line-height: 2.3rem .entry-content sub, sup @@ -119,13 +119,13 @@ input[type="text"] background-color: var(--color-bg) color: var(--color-text) - padding-right: 2.5rem + padding-right: 2.8rem button color: var(--color-text-secondary) position: absolute - right: .15rem - top: .15rem + right: .2rem + top: .2rem &:hover background-color: transparent !important @@ -144,25 +144,25 @@ font-size: 80% left: -2.8rem opacity: 0 - padding-right: 1rem + padding-right: 1.6rem position: absolute - top: .33rem + top: .5rem transition: opacity ease-in-out var(--transition-speed), left ease-in-out var(--transition-speed) +media-md &:hover h1 &:before - left: -2.5rem + left: -2.8rem opacity: 1 &:hover h2, &:hover h3 &:before - left: -2.2rem + left: -3.2rem opacity: 1 .blog-header - margin: 40px auto + margin: 4.0rem auto text-align: center position: relative @@ -182,10 +182,10 @@ &:after background-color: var(--color-text-tertiary) - bottom: 16px + bottom: 1.6rem content: '' display: block - height: 1px + height: .1rem left: 0 position: absolute right: 0 @@ -196,7 +196,7 @@ color: var(--color-text-secondary) display: inline-block margin: 0 - padding: 0 10px + padding: 0 1.0rem white-space: nowrap &:after @@ -222,7 +222,7 @@ border-bottom-right-radius: var(--border-radius) font-size: .85em margin-top: 0 - padding: 5px 15px + padding: .8rem 1.8rem .embed-responsive iframe @@ -486,7 +486,7 @@ color: var(--color-text-secondary) display: flex flex-direction: column - padding: 10px 25px + padding: 1.0rem 2.8rem text-decoration: none transition: color var(--transition-speed) ease-in-out @@ -495,17 +495,17 @@ fill: var(--color-accent) +media-xs - padding-top: 25px + padding-top: 2.8rem i font-size: 1.5em - padding-bottom: 5px + padding-bottom: .8rem - --social-icon-size: 20px + --social-icon-size: 2.0rem svg fill: var(--color-text-secondary) height: var(--social-icon-size) - margin: auto auto 11px + margin: auto auto 1.2rem transition: fill var(--transition-speed) ease-in-out width: var(--social-icon-size) @@ -528,7 +528,7 @@ text-decoration: none i - transform: translateX(-5px) + transform: translateX(-.8rem) +media-xs width: 100% @@ -539,7 +539,7 @@ &:hover i - transform: translateX(5px) + transform: translateX(.8rem) span +padding(3, left) @@ -553,7 +553,7 @@ white-space: nowrap i - font-size: 1.5rem + font-size: 1.8rem +padding(2, x) transition: transform var(--transition-speed) ease-in-out diff --git a/themes/bthree/src/styles/_bwa.sass b/themes/bthree/src/styles/_bwa.sass index 35c4909..f5f531c 100644 --- a/themes/bthree/src/styles/_bwa.sass +++ b/themes/bthree/src/styles/_bwa.sass @@ -1,2 +1,3 @@ +// TODO: post web-assets v2 upgrade check font-sizes and units conversions /* Import Blender Web Assets. */ @import ../../assets_shared/src/styles/main diff --git a/themes/bthree/src/styles/_community.sass b/themes/bthree/src/styles/_community.sass index 5f79f2b..cd4f2b4 100644 --- a/themes/bthree/src/styles/_community.sass +++ b/themes/bthree/src/styles/_community.sass @@ -1,9 +1,9 @@ .community - --community-thumbnail-size: 64px + --community-thumbnail-size: 6.4rem .cards --cards-items-per-row: 2 - --grid-gap-size: 1rem + --grid-gap-size: 1.6rem .cards-item-content flex-direction: row @@ -58,8 +58,8 @@ img border-radius: var(--border-radius) +margin(2, right) - max-height: 16px - max-width: 16px + max-height: 1.6rem + max-width: 1.6rem .community-group order: 2 // The initial order of the list. @@ -92,7 +92,7 @@ align-items: center display: flex flex-wrap: wrap - gap: 1rem + gap: 1.6rem justify-content: center +margin(5, bottom) diff --git a/themes/bthree/src/styles/_download.sass b/themes/bthree/src/styles/_download.sass index 1ac1d86..1429a62 100644 --- a/themes/bthree/src/styles/_download.sass +++ b/themes/bthree/src/styles/_download.sass @@ -15,9 +15,10 @@ $bleeding-color: #d0253f overflow: initial h1 + // TODO: post web-assets v2 upgrade check font-size font-size: 3.4rem +margin(4, top) - text-shadow: 1px 1px 2px rgba(black, .33), 1px 1px 50px var(--header-bg-color) + text-shadow: .1rem .1rem .2rem rgba(black, .33), .1rem .1rem 5.0rem var(--header-bg-color) .container, .hero-content, @@ -49,7 +50,7 @@ $bleeding-color: #d0253f position: relative &:hover::before - left: .33rem + left: .5rem /* Show a dot indicator on the left. */ &::before @@ -58,13 +59,13 @@ $bleeding-color: #d0253f bottom: 0 content: '' display: block - height: 5px + height: .8rem left: 0 position: absolute top: 50% transform: translateY(-50%) transition: left var(--transition-speed) ease-in-out - width: 5px + width: .8rem .hero-overlay background-color: transparent @@ -73,7 +74,7 @@ $bleeding-color: #d0253f .dl-build-details +list-unstyled +margin(3, y) - text-shadow: 1px 1px 0 var(--header-text-shadow), 1px 1px 25px black, 1px 1px 5px rgba(black, .5) + text-shadow: .1rem .1rem 0 var(--header-text-shadow), .1rem .1rem 2.8rem black, .1rem .1rem .8rem rgba(black, .5) position: relative z-index: 1 @@ -86,7 +87,7 @@ $bleeding-color: #d0253f color: white content: '·' +font-weight(600) - left: .5rem + left: .8rem opacity: .5 position: relative user-select: none @@ -101,7 +102,7 @@ $bleeding-color: #d0253f /* Info icon. */ i::before position: relative - top: 1px + top: .1rem &.active.popup-toggle background-color: white @@ -111,9 +112,9 @@ $bleeding-color: #d0253f align-content: center border-radius: 50% display: inline-flex - height: 26px + height: 2.6rem justify-content: center - width: 26px + width: 2.6rem &.has-alert .popup-toggle @@ -127,7 +128,7 @@ $bleeding-color: #d0253f .dl-build-details-popup background-color: var(--download-menu-bg-color) +border-radius(lg) - box-shadow: 1px 10px 30px rgba(black, .33) + box-shadow: .1rem 1.0rem 3.0rem rgba(black, .33) left: 50% opacity: 0 +padding(3) @@ -187,8 +188,8 @@ $bleeding-color: #d0253f i font-size: 1.15em - left: 5px - top: 1px + left: .8rem + top: .1rem position: relative &.current-os-windows .ot.windows, @@ -201,9 +202,9 @@ $bleeding-color: #d0253f /* Dropdown menu with a list of other versions. */ .dl-header-other-list background-color: var(--download-menu-bg-color) - border: 2px solid var(--download-menu-bg-color) + border: .2rem solid var(--download-menu-bg-color) border-radius: var(--border-radius-lg) - box-shadow: 1px 1px 0 rgba(black, .2), 0 10px 25px rgba(black, .6) + box-shadow: .1rem .1rem 0 rgba(black, .2), 0 1.0rem 2.8rem rgba(black, .6) +list-unstyled left: 50% +margin(3, top) @@ -217,14 +218,14 @@ $bleeding-color: #d0253f /* Little triangle on top. */ &::before - border: 7px solid var(--download-menu-bg-color) + border: .7rem solid var(--download-menu-bg-color) border-left-color: transparent border-right-color: transparent border-top-color: transparent content: ' ' left: 50% position: absolute - top: -15px + top: -1.8rem transform: translateX(-50%) &.active @@ -236,10 +237,10 @@ $bleeding-color: #d0253f border-radius: var(--border-radius) color: $color-text-light display: flex - gap: .5rem + gap: .8rem +padding(2, x) +padding(2, y) - padding-left: 2.5rem + padding-left: 2.8rem text-decoration: none transition: background-color ease-in-out var(--transition-speed), color ease-in-out var(--transition-speed) user-select: none @@ -281,10 +282,10 @@ $bleeding-color: #d0253f &::before color: var(--color-text-secondary) font-family: 'fontutti' - left: .75rem + left: .78.0rem pointer-events: none position: absolute - top: .5rem + top: .8rem z-index: 1 &.windows @@ -343,14 +344,14 @@ $bleeding-color: #d0253f .hero-overlay-bottom background-color: transparent background-image: linear-gradient(transparent, var(--header-bg-color)) - height: 250px + height: 25.0rem top: initial z-index: 1 .hero-overlay-top background-color: transparent background-image: linear-gradient(var(--header-bg-color), transparent) - height: 250px + height: 25.0rem opacity: .5 top: 0 @@ -413,7 +414,7 @@ $bleeding-color: #d0253f color: white background-color: #8861ff background-image: linear-gradient(350deg, hsl(264deg 100% 69%), hsl(211 90% 62%)) - box-shadow: 2px 5px 5px hsl(220deg, 100%, 50%, .1), 1px 10px 25px hsl(220deg, 100%, 50%, .1), 2px 10px 50px hsl(276deg, 100%, 50%, .5) + box-shadow: .2rem .8rem .8rem hsl(220deg, 100%, 50%, .1), .1rem 1.0rem 2.8rem hsl(220deg, 100%, 50%, .1), .2rem 1.0rem 5.0rem hsl(276deg, 100%, 50%, .5) border: none transition: background-img var(--transition-speed), transform var(--transition-speed) @@ -451,7 +452,7 @@ $bleeding-color: #d0253f .dl-overlay-text background-image: linear-gradient(to right, #8861ff, #00ff72) bottom: -100% - box-shadow: 0 0 150px #4321ab + box-shadow: 0 0 15.0rem #4321ab left: 50% position: absolute right: -100% @@ -493,7 +494,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) +button --btn-color: white --btn-color-bg: var(--experimental-btn-color) - --btn-box-shadow: 2px 5px 5px hsl(340deg, 100%, 31%, .15), 1px 10px 25px hsl(340deg, 100%, 32%, .2), 2px 10px 50px hsl(340deg, 100%, 32%, .2) + --btn-box-shadow: .2rem .8rem .8rem hsl(340deg, 100%, 31%, .15), .1rem 1.0rem 2.8rem hsl(340deg, 100%, 32%, .2), .2rem 1.0rem 5.0rem hsl(340deg, 100%, 32%, .2) +margin(2, top) +padding(5, x) @@ -539,7 +540,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) .dl-overlay background-image: linear-gradient(2deg, transparent 49%, var(--header-bg-color) 50%) - height: 50px + height: 5.0rem left: 0 position: absolute right: 0 @@ -569,20 +570,20 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg) pointer-events: none .ps-thanks - --box-shadow-card-lg: rgba(black, 0.2) 0px 8px 24px + --box-shadow-card-lg: rgba(black, 0.2) 0 .8rem 2.4rem .hero --header-bg-color: hsl(213, 10%, 0%) height: 88vh max-height: unset - min-height: 840px + min-height: 84.0rem h1 - text-shadow: 1px 1px 2px rgba(black, 0.33), 0px 10px 50px rgba(black, .5) + text-shadow: .1rem .1rem .2rem rgba(black, 0.33), 0 1.0rem 5.0rem rgba(black, .5) .hero-bg-faded-img - filter: blur(50px) + filter: blur(5.0rem) details background-color: rgba(black, .15) diff --git a/themes/bthree/src/styles/_features.sass b/themes/bthree/src/styles/_features.sass index c258796..71948b5 100644 --- a/themes/bthree/src/styles/_features.sass +++ b/themes/bthree/src/styles/_features.sass @@ -1,13 +1,13 @@ // List of features categories in page-features-main.php .features-cards - margin-top: 20px + margin-top: 2.0rem h1 - padding-left: 10px + padding-left: 1.0rem .cards-item-excerpt - font-size: 16px - padding-top: 5px + font-size: 1.6rem + padding-top: .8rem .features-nav @@ -34,10 +34,10 @@ ul.nav flex-direction: column - border-left: 3px solid var(--color-bg-secondary) + border-left: .3rem solid var(--color-bg-secondary) > li - margin-top: 10px + margin-top: 1.0rem &:first-child border: none margin-top: 0 @@ -46,7 +46,7 @@ > a display: flex font-size: 1.25em - padding: 10px 15px + padding: 1.0rem 1.8rem &.active > a color: var(--color-accent) @@ -54,15 +54,15 @@ /* Feature Detail (Bake, GPU, etc) */ > ul > li > a - padding: 7px 15px 7px 35px + padding: .7rem 1.8rem .7rem 3.8rem &:before content: '' position: absolute - top: 15px - left: 17px - width: 4px - height: 4px + top: 1.8rem + left: 1.7rem + width: .4rem + height: .4rem border-radius: 50% background-color: var(--color-text-tertiary) transition: all 100ms ease-in-out @@ -75,17 +75,17 @@ color: var(--color-accent) &:before - width: 7px - height: 7px + width: .7rem + height: .7rem background-color: var(--color-accent) - top: 14px - left: 16px + top: 1.4rem + left: 1.6rem .features-index .category-row display: flex width: 100% - padding: 10px + padding: 1.0rem +media-xs flex-direction: column @@ -104,24 +104,24 @@ text-align: right +media-xs - margin-bottom: 20px + margin-bottom: 2.0rem .category-sub-row display: flex flex: 1 - margin: 0 0 0 20px - padding: 0 10px + margin: 0 0 0 2.0rem + padding: 0 1.0rem .category-sub-details - border-left: 3px solid rgba($color-text, .1) + border-left: .3rem solid rgba($color-text, .1) display: flex flex: 1 flex-direction: column - margin: 0 0 0 10px + margin: 0 0 0 1.0rem padding: 0 > li - padding: 0 10px + padding: 0 1.0rem a color: var(--color-accent) @@ -146,14 +146,14 @@ i color: var(--color-text-tertiary) font-size: .8em - padding: 0 5px + padding: 0 .8rem .cards-item-title - font-size: 20px - padding-top: 20px + font-size: 2.0rem + padding-top: 2.0rem .cards-item-description - font-size: 16px + font-size: 1.6rem a.cards-item-title:hover color: $color-text-dark @@ -179,13 +179,13 @@ size: .9rem weight: normal line-height: 1.8em - padding: 0 15px + padding: 0 1.8rem .nav a .cards-item-label - font-size: .65rem + font-size: 1.0rem +fw-bold - padding: 0 5px + padding: 0 .8rem float: unset line-height: 1em background-color: unset diff --git a/themes/bthree/src/styles/_listing-cards.sass b/themes/bthree/src/styles/_listing-cards.sass index aa836b4..7f896a4 100644 --- a/themes/bthree/src/styles/_listing-cards.sass +++ b/themes/bthree/src/styles/_listing-cards.sass @@ -1,12 +1,12 @@ /* Support - listing cards (tutorials, user-stories, etc) */ .container.listing_cards & .row+.row - margin-top: 20px !important + margin-top: 2.0rem !important .support &__listing &_section /* Each section */ - padding: 20px + padding: 2.0rem display: flex flex-wrap: wrap @extend .box @@ -21,7 +21,7 @@ &-item /* Each item */ &-regular, &-featured width: 50% - margin: 25px 0 5px 0 + margin: 2.8rem 0 .8rem 0 +media-xs width: 100% @@ -30,38 +30,38 @@ &-title display: block - margin: 0 0 5px 0 !important - padding: 0 15px 0 0 + margin: 0 0 .8rem 0 !important + padding: 0 1.8rem 0 0 font-size: 1.6em &-description display: block margin: 0 - padding: 0 15px 0 0 + padding: 0 1.8rem 0 0 line-height: 1.6em p - margin-bottom: 15px + margin-bottom: 1.8rem &-thumbnail display: block float: left - margin: 0 15px 0 0 + margin: 0 1.8rem 0 0 &:hover opacity: 0.9 & img - border-radius: 3px + border-radius: .3rem &-featured width: 100% - padding: 0 0 20px 0 + padding: 0 0 2.0rem 0 border-bottom: thin solid lighten($color_text, 62%) &-title display: block - margin: 0 0 5px 0 !important - padding: 0 15px 0 0 + margin: 0 0 .8rem 0 !important + padding: 0 1.8rem 0 0 font-size: 2.3em +media-xs @@ -74,10 +74,10 @@ +media-xs width: 100% - margin-bottom: 15px + margin-bottom: 1.8rem +media-sm width: 100% - margin-bottom: 15px + margin-bottom: 1.8rem img max-width: 100% max-height: 400px @@ -85,4 +85,4 @@ &-description font-size: 1.2em - padding: 10px 15px 0 0 + padding: 1.0rem 1.8rem 0 0 diff --git a/themes/bthree/src/styles/_release-logs.sass b/themes/bthree/src/styles/_release-logs.sass index 1b0822f..409afd8 100644 --- a/themes/bthree/src/styles/_release-logs.sass +++ b/themes/bthree/src/styles/_release-logs.sass @@ -5,7 +5,7 @@ position: relative overflow: hidden - $header-bg-blursize: 15px + $header-bg-blursize: 1.8rem &-bg background-size: cover bottom: -$header-bg-blursize @@ -17,7 +17,7 @@ z-index: 0 &-info - padding-top: 15px + padding-top: 1.8rem position: relative z-index: 1 @@ -33,8 +33,8 @@ &_image align-self: baseline cursor: pointer - margin-bottom: 25px - padding-top: 25px + margin-bottom: 2.8rem + padding-top: 2.8rem position: relative text-align: center @@ -45,7 +45,8 @@ & img background-color: #222 +border-radius(lg) - max-width: 501px + // TODO: check explicit size value + max-width: 50.1rem +media-xs width: 100% @@ -63,30 +64,30 @@ flex: 1 flex-direction: column justify-content: space-between - margin: 25px - padding: 0 10px - text-shadow: 1px 1px 0 rgba(black, .5) + margin: 2.8rem + padding: 0 1.0rem + text-shadow: .1rem .1rem 0 rgba(black, .5) p - padding-bottom: 5px + padding-bottom: .8rem ul - padding-left: 20px + padding-left: 2.0rem &+p - padding-top: 15px + padding-top: 1.8rem > li - margin-bottom: 3px + margin-bottom: .3rem &:after content: '·' color: white - left: -15px + left: -1.8rem &-text - padding: 0 10px 10px + padding: 0 1.0rem 1.0rem font-size: 1.1em a @@ -104,8 +105,8 @@ border-top: thin solid $color-text-dark-primary display: flex justify-content: center - margin-top: 15px - padding-top: 15px + margin-top: 1.8rem + padding-top: 1.8rem &-download_button +border-radius(lg) @@ -131,8 +132,8 @@ &_index +media-xs - padding-left: 30px - padding-right: 30px + padding-left: 3.0rem + padding-right: 3.0rem align-items: center display: flex @@ -170,7 +171,7 @@ background-color: var(--color-bg) background-repeat: no-repeat background-size: cover - padding: 50px 10px + padding: 5.0rem 1.0rem position: relative @include media-breakpoint-up(lg) @@ -178,7 +179,7 @@ hr width: 100% - margin: 15px auto + margin: 1.8rem auto /* Give text on tabs same color as the rest. */ .nav-link @@ -197,7 +198,7 @@ &.compatibility-warning +padding(5, y) - border-top: 2px solid rgba($color-danger, .2) + border-top: .2rem solid rgba($color-danger, .2) .features__releaselogs_section-title color: $color-danger @@ -207,21 +208,21 @@ &.minor-feature, &.compatibility-warning - padding-bottom: 25px - padding-top: 25px + padding-bottom: 2.8rem + padding-top: 2.8rem .features__releaselogs_section-description padding-bottom: 0 .description-text - font-size: 16px + font-size: 1.6rem .features__releaselogs_section-title font-size: 1.5em &.major-feature .features__releaselogs_section-title - margin-bottom: 15px + margin-bottom: 1.8rem .features__releaselogs_section-intro flex-direction: column-reverse @@ -232,7 +233,7 @@ margin: 0 auto .description-text - font-size: 21px + font-size: 2.1rem .features__releaselogs_section-thumbnail width: 100% @@ -251,19 +252,19 @@ +clearfix +media-xs width: 100% - margin-top: 15px - padding: 0 0 30px + margin-top: 1.8rem + padding: 0 0 3.0rem display: block - padding: 0 50px 30px + padding: 0 5.0rem 3.0rem width: 100% word-break: break-word ul - margin-bottom: 15px + margin-bottom: 1.8rem .description-text - font-size: 18px + font-size: 1.8rem max-width: 700px +media-lg @@ -283,10 +284,10 @@ color: currentColor display: inline-block - margin-top: 15px - margin-bottom: 15px + margin-top: 1.8rem + margin-bottom: 1.8rem opacity: .5 - padding: 5px 0 + padding: .8rem 0 &:hover border-color: $color-secondary @@ -306,11 +307,11 @@ &-title, &-title:visited +media-xs font-size: 1.5em - padding-top: 10px + padding-top: 1.0rem color: currentColor display: inline-block font-size: 1.8em - padding-bottom: 10px + padding-bottom: 1.0rem position: relative &:hover @@ -323,35 +324,35 @@ color: var(--color-accent) font-size: .7em opacity: 0 - padding: 5px + padding: .8rem position: absolute - right: -35px - top: 2px + right: -3.8rem + top: .2rem &:hover color: var(--color-accent) - $gallery-item-height: 120px + $gallery-item-height: 12.0rem &-gallery display: flex flex-wrap: wrap - margin: 15px auto + margin: 1.8rem auto width: 100% figure background-color: var(--color-bg-secondary) - box-shadow: 1px 1px 5px rgba(black, .1) + box-shadow: .1rem .1rem .8rem rgba(black, .1) +border-radius(lg) display: flex flex: 1 flex-direction: column justify-content: center margin: - bottom: 5px + bottom: .8rem left: 0 - right: 20px - top: 10px + right: 2.0rem + top: 1.0rem max-height: $gallery-item-height max-width: $gallery-item-height * 1.69 overflow: hidden @@ -370,10 +371,10 @@ opacity: .8 i.gallery-item-icon - bottom: 15px + bottom: 1.8rem color: white font-size: 1.2rem - left: 15px + left: 1.8rem pointer-events: none position: absolute z-index: 1 @@ -384,9 +385,9 @@ cursor: zoom-in display: flex justify-content: center - min-width: 350px + min-width: 35.0rem position: relative - width: 350px + width: 35.0rem +media-xs min-width: auto @@ -408,14 +409,14 @@ &-credits background-color: $color-text-dark - border-radius: 2px - bottom: 10px - box-shadow: 1px 1px 0 rgba(black, .2) + border-radius: .2rem + bottom: 1.0rem + box-shadow: .1rem .1rem 0 rgba(black, .2) color: $color-text-light-primary font-size: .7em left: 50% opacity: 0 - padding: 2px 5px + padding: .2rem .8rem position: absolute transform: translateX(-50%) transition: opacity 250ms ease-in-out diff --git a/themes/bthree/src/styles/_style_content.sass b/themes/bthree/src/styles/_style_content.sass index 1b819c8..1a6c52c 100644 --- a/themes/bthree/src/styles/_style_content.sass +++ b/themes/bthree/src/styles/_style_content.sass @@ -32,7 +32,7 @@ ul.col-md-3 h4 will-change: transform article.page .row:not(:last-child) - margin-bottom: 20px + margin-bottom: 2.0rem /* DROPDOWN MENUS */ @@ -54,7 +54,7 @@ ul.rss-aggregator li width: 100% - margin: 10px 15px + margin: 1.0rem 1.8rem +text-overflow-ellipsis &:last-child @@ -66,14 +66,14 @@ ul.rss-aggregator display: inline-block .feed-date - margin-left: 6px - padding-left: 6px + margin-left: .6rem + padding-left: .6rem &:before content: '·' color: lighten($color_text, 25%) position: relative - left: -6px + left: -.6rem /* Get rid of the border-right on items */ ul.rss-aggregator li.feed-item .wprss-feed-meta > span:after diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index abd6141..176fe60 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -17,15 +17,15 @@ /* When using half background, assume first column. */ .wp-block-column:first-child p - padding-right: 2rem + padding-right: 3.2rem .wp-block-cover.is-style-cover-right-half - /* 1rem is scrollbar width. */ - background-position-x: calc(-50vw + 1rem) !important + /* 1.6rem is scrollbar width. */ + background-position-x: calc(-50vw + 1.6rem) !important /* When using half background, assume 2 columns. */ .wp-block-column+.wp-block-column - padding-left: 5rem + padding-left: 8.0rem /* Style "Background Center Full Size". */ .wp-block-cover.is-style-cover-center-full, @@ -77,7 +77,7 @@ /* in this blocks have a background color, so add padding. */ em - padding: 2px 5px + padding: .2rem .8rem strong +fw-title @@ -203,7 +203,7 @@ border-bottom: none !important table - box-shadow: inset 0 0 0 2px var(--table-border-color) !important + box-shadow: inset 0 0 0 .2rem var(--table-border-color) !important th, td border: none @@ -364,7 +364,7 @@ .chart-bars --chart-align: flex-start --chart-bars-caption-width: 33% - --chart-bars-height: 6px + --chart-bars-height: .6rem --chart-width: 100% align-content: center @@ -397,12 +397,12 @@ background-color: currentColor border-radius: 999em height: var(--chart-bars-height) - margin-block: .15rem + margin-block: .2rem position: relative &:hover .chart-bars-bar-value span - top: -5px + top: -.8rem opacity: 1 &.background @@ -423,7 +423,7 @@ span background-color: var(--color-bg) - border-radius: 3px + border-radius: .3rem box-shadow: var(--box-shadow-lg) +padding(1, x) position: relative @@ -459,9 +459,9 @@ .chart-bars-legend-indicator border-radius: 50% display: inline-block - height: 8px + height: .8rem +margin(1, right) - width: 8px + width: .8rem .chart-bars-ticks font-size: var(--fs-sm) @@ -481,18 +481,18 @@ border-radius: 999em content: '' display: block - height: 4px + height: .4rem left: 50% position: absolute - top: -3px + top: -.3rem transform: translateX(-50%) - width: 1px + width: .1rem &:first-child, &:last-child &:before - height: 6px - width: 2px + height: .6rem + width: .2rem &:first-child &:before @@ -510,7 +510,7 @@ +margin(2, right) .cards-item-title - backdrop-filter: blur(30px) + backdrop-filter: blur(3.0rem) background-color: rgba(black, .15) border-radius: var(--border-radius) display: inline-flex diff --git a/themes/bthree/src/styles/plugins/_jquery-images-compare.sass b/themes/bthree/src/styles/plugins/_jquery-images-compare.sass index b0ecde2..a9deebd 100644 --- a/themes/bthree/src/styles/plugins/_jquery-images-compare.sass +++ b/themes/bthree/src/styles/plugins/_jquery-images-compare.sass @@ -16,8 +16,8 @@ .images-compare-container --imgs-compare-separator-color: hsla(0, 0%, 100%, .8) - --imgs-compare-separator-width: 2px - --imgs-compare-resize-handle-size: 38px + --imgs-compare-separator-width: .2rem + --imgs-compare-resize-handle-size: 3.8rem border-radius: var(--border-radius-lg) display: inline-block @@ -86,10 +86,10 @@ .images-compare-handle - backdrop-filter: blur(20px) + backdrop-filter: blur(2.0rem) border-radius: 50% border: var(--imgs-compare-separator-width) solid var(--imgs-compare-separator-color) - box-shadow: 1px 1px 20px var(--imgs-compare-separator-color), inset 1px 1px 20px var(--imgs-compare-separator-color) + box-shadow: .1rem .1rem 2.0rem var(--imgs-compare-separator-color), inset .1rem .1rem 2.0rem var(--imgs-compare-separator-color) cursor: col-resize height: var(--imgs-compare-resize-handle-size) left: 50% @@ -119,7 +119,7 @@ animation-duration: 2s animation-iteration-count: infinite animation-timing-function: ease-in-out - border: 6px inset transparent + border: .6rem inset transparent height: 0 position: absolute top: 50% @@ -129,26 +129,26 @@ .images-compare-left-arrow - border-right: 6px solid var(--imgs-compare-separator-color) - left: 5px + border-right: .6rem solid var(--imgs-compare-separator-color) + left: .8rem animation-name: images-compare-arrow-left .images-compare-right-arrow - border-left: 6px solid var(--imgs-compare-separator-color) - right: 5px + border-left: .6rem solid var(--imgs-compare-separator-color) + right: .8rem animation-name: images-compare-arrow-right .images-compare-label background-color: rgba(black, .5) border-radius: var(--border-radius) - backdrop-filter: blur(10px) + backdrop-filter: blur(1.0rem) color: #ddd display: none font-size: var(--fs-sm) - left: 10px - top: 10px + left: 1.0rem + top: 1.0rem +padding(2, x) +padding(1, y) pointer-events: none @@ -160,9 +160,9 @@ .images-compare-before .images-compare-label - left: 10px + left: 1.0rem .images-compare-after .images-compare-label left: auto - right: 10px + right: 1.0rem -- 2.30.2 From 0bbeb74c221c56ba45f5c1b517d62d4c9f8a2f58 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 17:30:29 +0200 Subject: [PATCH 13/54] Refactor: Web-assets v2 upgrade cleanup and simplify Sass imports style-editor --- themes/bthree/src/styles/style-editor.sass | 29 ++-------------------- 1 file changed, 2 insertions(+), 27 deletions(-) diff --git a/themes/bthree/src/styles/style-editor.sass b/themes/bthree/src/styles/style-editor.sass index 32eb826..f1643da 100644 --- a/themes/bthree/src/styles/style-editor.sass +++ b/themes/bthree/src/styles/style-editor.sass @@ -1,32 +1,7 @@ -@import '../../assets_shared/src/styles/_media_queries' -@import '../../assets_shared/src/styles/_variables_deprecated' -@import '../../assets_shared/src/styles/_variables' -@import '../../assets_shared/src/styles/_mixins' - -@import '../../assets_shared/src/styles/bootstrap-deprecated/functions' -@import '../../assets_shared/src/styles/bootstrap-deprecated/variables' -@import '../../assets_shared/src/styles/bootstrap-deprecated/mixins' -@import '../../assets_shared/src/styles/bootstrap-deprecated/utilities' - $font-path: '../bthree/assets/fonts' -@import '../../assets_shared/src/styles/fonts' -@import '../../assets_shared/src/styles/_alert' -@import '../../assets_shared/src/styles/_badge' -@import '../../assets_shared/src/styles/_base' -@import '../../assets_shared/src/styles/_box' -@import '../../assets_shared/src/styles/_button' -@import '../../assets_shared/src/styles/_cards' -@import '../../assets_shared/src/styles/_code' -@import '../../assets_shared/src/styles/_details' -@import '../../assets_shared/src/styles/_footer' -@import '../../assets_shared/src/styles/_forms' -@import '../../assets_shared/src/styles/_hero' -@import '../../assets_shared/src/styles/_list' -@import '../../assets_shared/src/styles/_navigation' -@import '../../assets_shared/src/styles/_table' -@import '../../assets_shared/src/styles/_type' -@import '../../assets_shared/src/styles/_utilities' +/* Import Blender Web Assets. */ +@import '../../assets_shared/src/styles/main' @import plugins/_jquery-images-compare @import '_wp-block' -- 2.30.2 From 82b4c1e543290164cea3fd58e1fdaa96a2724d5c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 17:43:46 +0200 Subject: [PATCH 14/54] UI: Web-assets v2 upgrade convert old font-sizes to new scale --- themes/bthree/src/styles/_base.sass | 6 ++++++ themes/bthree/src/styles/_blog.sass | 8 +++++--- themes/bthree/src/styles/_bwa.sass | 2 +- themes/bthree/src/styles/_download.sass | 2 +- themes/bthree/src/styles/_release-logs.sass | 2 +- themes/bthree/src/styles/_wp-block.sass | 2 +- 6 files changed, 15 insertions(+), 7 deletions(-) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 7b4746e..683ac75 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -1,3 +1,9 @@ +\:root + --fs-xl: 3.6rem + + +media-sm + --fs-xl: 3.2rem + $page-card-icon-size: 7.8rem .page-card position: relative diff --git a/themes/bthree/src/styles/_blog.sass b/themes/bthree/src/styles/_blog.sass index 3c2804a..58dd4a9 100644 --- a/themes/bthree/src/styles/_blog.sass +++ b/themes/bthree/src/styles/_blog.sass @@ -54,11 +54,13 @@ // Only for the blog where the text is larger. h1 - font-size: 2.6rem + font-size: var(--fs-xl) + h2 - font-size: 2.2rem + font-size: var(--fs-h1) + h3 - font-size: 1.8rem + font-size: var(--fs-h2) h1, h2, h3 +margin(5, top) diff --git a/themes/bthree/src/styles/_bwa.sass b/themes/bthree/src/styles/_bwa.sass index f5f531c..5745aff 100644 --- a/themes/bthree/src/styles/_bwa.sass +++ b/themes/bthree/src/styles/_bwa.sass @@ -1,3 +1,3 @@ -// TODO: post web-assets v2 upgrade check font-sizes and units conversions +// TODO: post web-assets v2 upgrade check font-sizes em and line-heights /* Import Blender Web Assets. */ @import ../../assets_shared/src/styles/main diff --git a/themes/bthree/src/styles/_download.sass b/themes/bthree/src/styles/_download.sass index 1429a62..22c8e0a 100644 --- a/themes/bthree/src/styles/_download.sass +++ b/themes/bthree/src/styles/_download.sass @@ -16,7 +16,7 @@ $bleeding-color: #d0253f h1 // TODO: post web-assets v2 upgrade check font-size - font-size: 3.4rem + font-size: var(--fs-xl) +margin(4, top) text-shadow: .1rem .1rem .2rem rgba(black, .33), .1rem .1rem 5.0rem var(--header-bg-color) diff --git a/themes/bthree/src/styles/_release-logs.sass b/themes/bthree/src/styles/_release-logs.sass index 409afd8..7298260 100644 --- a/themes/bthree/src/styles/_release-logs.sass +++ b/themes/bthree/src/styles/_release-logs.sass @@ -25,7 +25,7 @@ background-color: rgba(#223, .7) .cards-item-excerpt - font-size: 1.1rem + font-size: 1.4rem .features &__releaselogs diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index 176fe60..5875539 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -413,7 +413,7 @@ z-index: -1 .chart-bars-bar-value - font-size: 11px + font-size: 1.1rem position: absolute right: 0 text-align: right -- 2.30.2 From 3373b96448631edc8e27e0b51e4f439cb1e2b101 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 5 Jun 2024 18:15:06 +0200 Subject: [PATCH 15/54] Fix: Post web-assets v2 upgrade template block cards parent classes Remove class "cards" from $className to apply "cards" on wrapping element only once, so that cards layout works as expected. --- themes/bthree/blocks/cards.php | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/themes/bthree/blocks/cards.php b/themes/bthree/blocks/cards.php index 4ded293..f0e32df 100644 --- a/themes/bthree/blocks/cards.php +++ b/themes/bthree/blocks/cards.php @@ -30,6 +30,13 @@ if( !empty($block['align']) ) { $className .= ' float-' . $block['align']; } +// Remove class "cards" from $className to apply "cards" on child wrapping element only. +// Check if $className contains "cards". +if (str_contains($className, "cards")) { + // Remove the substring "cards". + $className = str_replace("cards", "", $className); +} + // Load values and assign defaults. $card_layout = get_field('card_layout'); $cards_aspect_ratio = get_field('card_aspect_ratio'); -- 2.30.2 From e28e31306505f976ab11a30a63bb98a13df65958 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Thu, 6 Jun 2024 19:01:08 +0200 Subject: [PATCH 16/54] Chore: Git submodule update assets_shared --- themes/bthree/assets_shared | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/assets_shared b/themes/bthree/assets_shared index 9cedb7e..c04befd 160000 --- a/themes/bthree/assets_shared +++ b/themes/bthree/assets_shared @@ -1 +1 @@ -Subproject commit 9cedb7e13c9e94b1c712e50a49fefed684d4956c +Subproject commit c04befde70aa786b4d91582d1751c333d1d88200 -- 2.30.2 From 7c17902815314c0764337da0ac49b19c72397b43 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 10 Jun 2024 12:27:30 +0200 Subject: [PATCH 17/54] Chore: Update git submodule assets_shared to v2.0.0-alpha.19 --- themes/bthree/assets_shared | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/assets_shared b/themes/bthree/assets_shared index c04befd..74b1f83 160000 --- a/themes/bthree/assets_shared +++ b/themes/bthree/assets_shared @@ -1 +1 @@ -Subproject commit c04befde70aa786b4d91582d1751c333d1d88200 +Subproject commit 74b1f8331e69ece4eb44e3098e8d136780b2ba6d -- 2.30.2 From 1f4bc6a822d99af3eb8a8a0e722b53608c0f9473 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 10 Jun 2024 12:38:07 +0200 Subject: [PATCH 18/54] Chore: Run post web-assets v2 upgrade script bash helper wp --- themes/bthree/src/styles/_base.sass | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 683ac75..80c4e81 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -195,7 +195,7 @@ $page-card-icon-size: 7.8rem +media-xs flex-direction: column - .feature-img img + .feature-image img margin: 0 auto 0 -6rem .feature-details @@ -224,7 +224,7 @@ $page-card-icon-size: 7.8rem ul padding: 0 - .feature-img + .feature-image flex: 1 cursor: pointer -- 2.30.2 From 189ee8923a5361313cbb83c6cc44f77f3d49a2ea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Thu, 13 Jun 2024 18:44:09 +0200 Subject: [PATCH 19/54] Chore: Updae git submodule assets_shared to v2.0.0-alpha.23 --- themes/bthree/assets_shared | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/assets_shared b/themes/bthree/assets_shared index 74b1f83..4483206 160000 --- a/themes/bthree/assets_shared +++ b/themes/bthree/assets_shared @@ -1 +1 @@ -Subproject commit 74b1f8331e69ece4eb44e3098e8d136780b2ba6d +Subproject commit 448320696057165a83cc91eee8854f561a952ff4 -- 2.30.2 From f086a771aa237cc5058ba3e8c6ec383fa1d9b865 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Fri, 14 Jun 2024 12:15:55 +0200 Subject: [PATCH 20/54] Chore: Add php template part-helper-bwa-search-and-replace dev utility Add template part to help using Blender Web Assets development utilities for WordPress, if needed. --- .../bthree/part-helper-bwa-wp-search-and-replace.php | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 themes/bthree/part-helper-bwa-wp-search-and-replace.php diff --git a/themes/bthree/part-helper-bwa-wp-search-and-replace.php b/themes/bthree/part-helper-bwa-wp-search-and-replace.php new file mode 100644 index 0000000..33431d7 --- /dev/null +++ b/themes/bthree/part-helper-bwa-wp-search-and-replace.php @@ -0,0 +1,12 @@ + + Date: Fri, 14 Jun 2024 13:12:14 +0200 Subject: [PATCH 21/54] UI: Post web-assets v2 upgrade adjust font-sizes and spacings Adjust font-sizes and spacings after web-assets v2 upgrade to reflect rem sizing changes, and work with modular scale. --- themes/bthree/src/styles/_base.sass | 6 +++- themes/bthree/theme.json | 48 ++++++++++++++--------------- 2 files changed, 29 insertions(+), 25 deletions(-) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 80c4e81..5f2a28e 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -196,7 +196,7 @@ $page-card-icon-size: 7.8rem flex-direction: column .feature-image img - margin: 0 auto 0 -6rem + margin: 0 auto 0 -9.6rem .feature-details +margin(3, y) @@ -420,3 +420,7 @@ ul.checklist body.is-lightbox-active overflow: hidden + +/* Web Assets Overrides. TODO: move to separate partial */ +.cards-item-title + font-size: var(--fs-h4) diff --git a/themes/bthree/theme.json b/themes/bthree/theme.json index 938480c..a5ecb14 100644 --- a/themes/bthree/theme.json +++ b/themes/bthree/theme.json @@ -154,30 +154,30 @@ "textDecoration": false, "textTransform": false, "fontSizes": [ - { - "fluid": { - "min": "0.875rem", - "max": "1rem" - }, - "size": "1rem", - "slug": "small" - }, - { - "fluid": { - "min": "1rem", - "max": "1.125rem" - }, - "size": "1.125rem", - "slug": "medium" - }, - { - "fluid": { - "min": "1.75rem", - "max": "1.875rem" - }, - "size": "1.75rem", - "slug": "large" - } + { + "fluid": { + "min": "1.4rem", + "max": "1.6rem" + }, + "size": "1.6rem", + "slug": "small" + }, + { + "fluid": { + "min": "1.6rem", + "max": "1.8rem" + }, + "size": "1.8rem", + "slug": "medium" + }, + { + "fluid": { + "min": "2.8rem", + "max": "3rem" + }, + "size": "2.8rem", + "slug": "large" + } ] }, "blocks": { -- 2.30.2 From 2cc873c028b11e8e99ad4e9a83ea0bde35c9ee8b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Fri, 14 Jun 2024 15:44:09 +0200 Subject: [PATCH 22/54] Fix: Post web-assets v2 upgrade style download spacings --- themes/bthree/src/styles/_download.sass | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/themes/bthree/src/styles/_download.sass b/themes/bthree/src/styles/_download.sass index 22c8e0a..49b138c 100644 --- a/themes/bthree/src/styles/_download.sass +++ b/themes/bthree/src/styles/_download.sass @@ -238,9 +238,9 @@ $bleeding-color: #d0253f color: $color-text-light display: flex gap: .8rem - +padding(2, x) +padding(2, y) - padding-left: 2.8rem + padding-left: calc(var(--spacer) * 2.5) + padding-right: calc(var(--spacer) * 2.5) text-decoration: none transition: background-color ease-in-out var(--transition-speed), color ease-in-out var(--transition-speed) user-select: none @@ -282,7 +282,7 @@ $bleeding-color: #d0253f &::before color: var(--color-text-secondary) font-family: 'fontutti' - left: .78.0rem + left: 1.2rem pointer-events: none position: absolute top: .8rem @@ -441,9 +441,12 @@ $bleeding-color: #d0253f font-size: var(--fs-sm) +margin(3, top) +.dl-bleeding, +.dl-features-text + line-height: calc(var(--spacer) * 2) + .dl-features-text font-size: var(--fs-lg) - line-height: 1.8rem +padding(5, left) p -- 2.30.2 From 549353ef90a7482890714c4af36e22153aa6fa5c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Fri, 14 Jun 2024 15:51:19 +0200 Subject: [PATCH 23/54] Fix: Style post web-assets v2 upgrade rule webkit-bg-clip --- themes/bthree/src/styles/_release-logs.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/src/styles/_release-logs.sass b/themes/bthree/src/styles/_release-logs.sass index 7298260..798ba75 100644 --- a/themes/bthree/src/styles/_release-logs.sass +++ b/themes/bthree/src/styles/_release-logs.sass @@ -163,7 +163,7 @@ animation: huerotate 10s linear infinite background: linear-gradient(to right, cyan, violet) background-clip: text - -webkit-bg-clip: text + -webkit-background-clip: text -webkit-text-fill-color: transparent z-index: 1 -- 2.30.2 From 6987e1529a0670fc1e6ce7f1eb05136efd1ddeac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 19 Jun 2024 14:25:55 +0200 Subject: [PATCH 24/54] Fix: Style post web-assets v2 upgrade rule wp-block-img --- themes/bthree/src/styles/_wp-block.sass | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index 5875539..25ea83b 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -59,9 +59,9 @@ width: 120% /* Images. */ -.wp-block-img.is-style-circle-mask img, -.wp-block-img.is-style-rounded img, -.wp-block-img:not(.is-style-rounded) img +.wp-block-image.is-style-circle-mask img, +.wp-block-image.is-style-rounded img, +.wp-block-image:not(.is-style-rounded) img +border-radius(lg) /* Paragraph Plus. */ @@ -92,20 +92,20 @@ font-size: 6vh !important /* Image block. */ -.wp-block-img +.wp-block-image text-align: center -.wp-block-img img, -.wp-block-img:not(.is-style-rounded) +.wp-block-image img, +.wp-block-image:not(.is-style-rounded) +border-radius(lg) height: auto -.wp-block-img.img-full, -.wp-block-img.img-full figure, -.wp-block-img.img-full figure img +.wp-block-image.img-full, +.wp-block-image.img-full figure, +.wp-block-image.img-full figure img width: 100% -.wp-block-img.is-style-js-isolify +.wp-block-image.is-style-js-isolify img cursor: pointer @@ -124,7 +124,7 @@ text-align: center /* Captions. */ -.wp-block-img figcaption, +.wp-block-image figcaption, .wp-block-embed figcaption, .wp-block-video figcaption color: inherit -- 2.30.2 From 6517a2bf78495d8bfeebc25e0f51165226dda8f8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 19 Jun 2024 15:15:52 +0200 Subject: [PATCH 25/54] Fix: Style post web-assets v2 upgrade font-sizes and spacings on static pages --- themes/bthree/src/styles/_base.sass | 19 +++++++++++++++++-- themes/bthree/src/styles/_features.sass | 2 +- 2 files changed, 18 insertions(+), 3 deletions(-) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 5f2a28e..ea7c611 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -1,8 +1,8 @@ \:root - --fs-xl: 3.6rem + --fs-xl: 6.4rem +media-sm - --fs-xl: 3.2rem + --fs-xl: 5.6rem $page-card-icon-size: 7.8rem .page-card @@ -424,3 +424,18 @@ body.is-lightbox-active /* Web Assets Overrides. TODO: move to separate partial */ .cards-item-title font-size: var(--fs-h4) + +details + border-radius: var(--border-radius-lg) + + p, + ul + +padding(5, x) + +summary + +padding(3) + +padding(5, left) + + &:before + left: var(--spacer) + top: var(--spacer) diff --git a/themes/bthree/src/styles/_features.sass b/themes/bthree/src/styles/_features.sass index 71948b5..4806bf9 100644 --- a/themes/bthree/src/styles/_features.sass +++ b/themes/bthree/src/styles/_features.sass @@ -167,7 +167,7 @@ .cards-item-content .cards-item-title font: - size: var(--fs-5) + size: var(--fs-h2) weight: normal .cards-item-label -- 2.30.2 From a26f3fd9d70d28dfec74269e274628381f2739a7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 19 Jun 2024 15:48:52 +0200 Subject: [PATCH 26/54] Fix: Map theme json wp global style settings layout properties to variables --- themes/bthree/theme.json | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/themes/bthree/theme.json b/themes/bthree/theme.json index a5ecb14..6324f4c 100644 --- a/themes/bthree/theme.json +++ b/themes/bthree/theme.json @@ -204,6 +204,10 @@ "background": false } } + }, + "layout": { + "contentSize": "var(--container-width)", + "contentWide": "100%" } }, "styles": { -- 2.30.2 From 9620e7f4179d19de5f5324546231a565b981fcdf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 19 Jun 2024 16:01:37 +0200 Subject: [PATCH 27/54] UI: Create php function to map wp block editor font-sizing to bwa rem sizing Make WordPress block editor font-sizes displayed correctly, according to custom rem sizing introduced in Web Assets v2. --- themes/bthree/functions.php | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/themes/bthree/functions.php b/themes/bthree/functions.php index 86e70d2..3aecdf4 100644 --- a/themes/bthree/functions.php +++ b/themes/bthree/functions.php @@ -913,4 +913,13 @@ function format_bytes($size, $precision = 2) return round(pow(1024, $base - floor($base)), $precision) .' '. $suffixes[floor($base)]; } +// Map WordPress block editor font-sizes to Blender Web Assets rem sizing +function bwa_map_block_editor_font_sizes() { + $custom_css = 'html { font-size: 62.5%; }'; + + wp_add_inline_style('wp-block-editor', $custom_css); +} + +// Hook function "bwa_map_block_editor_font_sizes" to enqueue_block_editor_assets +add_action('enqueue_block_editor_assets', 'bwa_map_block_editor_font_sizes'); ?> -- 2.30.2 From 70f14941b9fdf904615a2a58e3796b249b502195 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 19 Jun 2024 16:05:49 +0200 Subject: [PATCH 28/54] UI: Add post web-assets v2 upgrade style overrides for editor styles --- themes/bthree/src/styles/style-editor.sass | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/themes/bthree/src/styles/style-editor.sass b/themes/bthree/src/styles/style-editor.sass index f1643da..1a67ba9 100644 --- a/themes/bthree/src/styles/style-editor.sass +++ b/themes/bthree/src/styles/style-editor.sass @@ -11,3 +11,8 @@ $font-path: '../bthree/assets/fonts' .in-viewport-fade opacity: unset !important transform: unset !important + +/* Web Assets Overrides. */ +// TODO: fix input height styling in Web Assets +input + height: auto -- 2.30.2 From fef0ebeb41fc905ac29526b6a7738b37b895e35c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 24 Jun 2024 14:51:59 +0200 Subject: [PATCH 29/54] Fix: Template php erros, typos and wording --- themes/bthree/blocks/compare-media.php | 6 +++--- themes/bthree/blocks/paragraph-plus.php | 3 ++- themes/bthree/functions.php | 2 +- themes/bthree/src/scripts/tutti/20_interaction.js | 2 +- 4 files changed, 7 insertions(+), 6 deletions(-) diff --git a/themes/bthree/blocks/compare-media.php b/themes/bthree/blocks/compare-media.php index 051e856..27f4ea8 100644 --- a/themes/bthree/blocks/compare-media.php +++ b/themes/bthree/blocks/compare-media.php @@ -108,8 +108,9 @@ if (!function_exists('js_footer')) { // The images-compare script was modified to work with jQuery 3 (basically replacing .load and .error with .on('load', ...)) wp_enqueue_script('media-compare', get_template_directory_uri() . '/assets/js/jquery.images-compare-0.2.5.js'); + } - function js_footer(){ + function js_footer(); ?> - diff --git a/themes/bthree/blocks/paragraph-plus.php b/themes/bthree/blocks/paragraph-plus.php index 9d8b9c9..24a486d 100644 --- a/themes/bthree/blocks/paragraph-plus.php +++ b/themes/bthree/blocks/paragraph-plus.php @@ -73,7 +73,7 @@ $style = get_field('style'); { background-image: ; - -webkit-bg-clip: text; + -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @@ -89,3 +89,4 @@ $style = get_field('style');
      • + diff --git a/themes/bthree/functions.php b/themes/bthree/functions.php index 3aecdf4..0e0a563 100644 --- a/themes/bthree/functions.php +++ b/themes/bthree/functions.php @@ -913,7 +913,7 @@ function format_bytes($size, $precision = 2) return round(pow(1024, $base - floor($base)), $precision) .' '. $suffixes[floor($base)]; } -// Map WordPress block editor font-sizes to Blender Web Assets rem sizing +// Map WordPress block editor font-sizing to Blender Web Assets rem sizing function bwa_map_block_editor_font_sizes() { $custom_css = 'html { font-size: 62.5%; }'; diff --git a/themes/bthree/src/scripts/tutti/20_interaction.js b/themes/bthree/src/scripts/tutti/20_interaction.js index f9dd0f8..74df895 100644 --- a/themes/bthree/src/scripts/tutti/20_interaction.js +++ b/themes/bthree/src/scripts/tutti/20_interaction.js @@ -55,7 +55,7 @@ function lightboxShow() { let caption = this.getAttribute("data-alt"); // If it's a WP block, or a link, look for images inside. - if (this.nodeName == 'A' || this.classList.contains('wp-block-img')){ + if (this.nodeName == 'A' || this.classList.contains('wp-block-image')){ img = this.getElementsByTagName('img')[0]; } else if (this.nodeName == 'IMG') { img = this; -- 2.30.2 From 05df15b9784a40e1bea73acc27e6b817dc2ed670 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 24 Jun 2024 14:53:56 +0200 Subject: [PATCH 30/54] Fix: Style post web-assets v2 upgrade wp-blocks colour variables theme variant --- themes/bthree/src/styles/_wp-block.sass | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index 25ea83b..7352807 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -315,6 +315,8 @@ margin: 0 .block-words-cloud-categories + @extend .theme-dark + --words-cloud-column-count: 1 column-count: var(--words-cloud-column-count) column-gap: 1 @@ -333,6 +335,9 @@ color: var(--color-text-primary) > div + // Re-assign variable --box-bg-color to prevail in local scope + --box-bg-color: var(--color-bg-primary) + +box-card +margin(3, bottom) -- 2.30.2 From e37621318a566dc86a264ceaaf7d3dc132558059 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 24 Jun 2024 17:31:40 +0200 Subject: [PATCH 31/54] Fix: Style post web-assets v2 upgrade rule is-style-paragraph-center-lg --- themes/bthree/src/styles/_wp-block.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index 7352807..8e477d0 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -116,7 +116,7 @@ /* Centered paragraph with large text. * Used mainly in the release notes as sections subtitles. */ -.is-style-paragraph-center-lg +.is-style-paragraph-center-large font-size: var(--fs-lg) margin-left: auto margin-right: auto -- 2.30.2 From db994f7d1816fda4cbe7982c6f84e35935fc74b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Mon, 24 Jun 2024 17:32:53 +0200 Subject: [PATCH 32/54] UI: Improve post web-assets v2 upgrade style line heights --- themes/bthree/src/styles/_wp-block.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index 8e477d0..8992287 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -67,7 +67,7 @@ /* Paragraph Plus. */ .wp-block-paragraph-plus display: block - line-height: 1em + line-height: 1.2em &.float-center text-align: center -- 2.30.2 From 904c08b81d52001c7bdb79c849f35bcf4dfea18b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 25 Jun 2024 15:30:20 +0200 Subject: [PATCH 33/54] Partial Revert "Chore: Run post web-assets v2 upgrade script bash helper" This partially reverts commit fa589d131babe971c10fbe52ae74a25c044d7b10 by removing mechnical string replacements by web-assets v2 upgrade script bash helper in compiled and source files. --- themes/bthree/assets/js/bowser-1.7.0.min.js | 1 + themes/bthree/assets/js/bthree.js | 2 +- themes/bthree/assets/js/hammer-2.0.8.min.js | 1 + themes/bthree/assets/js/jquery.images-compare-0.2.5.js | 2 +- .../bthree/src/scripts/tutti/00_libs_10_bootstrap-4.3.1.min.js | 1 + themes/bthree/src/styles/style.sass | 2 +- 6 files changed, 6 insertions(+), 3 deletions(-) mode change 100644 => 100755 themes/bthree/src/styles/style.sass diff --git a/themes/bthree/assets/js/bowser-1.7.0.min.js b/themes/bthree/assets/js/bowser-1.7.0.min.js index 7b2a99e..d9bfd56 100644 --- a/themes/bthree/assets/js/bowser-1.7.0.min.js +++ b/themes/bthree/assets/js/bowser-1.7.0.min.js @@ -3,3 +3,4 @@ * https://github.com/ded/bowser * MIT License | (c) Dustin Diaz 2015 */ +!function(e,t,n){typeof module!="undefined"&&module.exports?module.exports=n():typeof define=="function"&&define.amd?define(t,n):e[t]=n()}(this,"bowser",function(){function t(t){function n(e){var n=t.match(e);return n&&n.length>1&&n[1]||""}function r(e){var n=t.match(e);return n&&n.length>1&&n[2]||""}var i=n(/(ipod|iphone|ipad)/i).toLowerCase(),s=/like android/i.test(t),o=!s&&/android/i.test(t),u=/nexus\s*[0-6]\s*/i.test(t),a=!u&&/nexus\s*[0-9]+/i.test(t),f=/CrOS/.test(t),l=/silk/i.test(t),c=/sailfish/i.test(t),h=/tizen/i.test(t),p=/(web|hpw)os/i.test(t),d=/windows phone/i.test(t),v=/SamsungBrowser/i.test(t),m=!d&&/windows/i.test(t),g=!i&&!l&&/macintosh/i.test(t),y=!o&&!c&&!h&&!p&&/linux/i.test(t),b=n(/edge\/(\d+(\.\d+)?)/i),w=n(/version\/(\d+(\.\d+)?)/i),E=/tablet/i.test(t),S=!E&&/[^-]mobi/i.test(t),x=/xbox/i.test(t),T;/opera/i.test(t)?T={name:"Opera",opera:e,version:w||n(/(?:opera|opr|opios)[\s\/](\d+(\.\d+)?)/i)}:/opr|opios/i.test(t)?T={name:"Opera",opera:e,version:n(/(?:opr|opios)[\s\/](\d+(\.\d+)?)/i)||w}:/SamsungBrowser/i.test(t)?T={name:"Samsung Internet for Android",samsungBrowser:e,version:w||n(/(?:SamsungBrowser)[\s\/](\d+(\.\d+)?)/i)}:/coast/i.test(t)?T={name:"Opera Coast",coast:e,version:w||n(/(?:coast)[\s\/](\d+(\.\d+)?)/i)}:/yabrowser/i.test(t)?T={name:"Yandex Browser",yandexbrowser:e,version:w||n(/(?:yabrowser)[\s\/](\d+(\.\d+)?)/i)}:/ucbrowser/i.test(t)?T={name:"UC Browser",ucbrowser:e,version:n(/(?:ucbrowser)[\s\/](\d+(?:\.\d+)+)/i)}:/mxios/i.test(t)?T={name:"Maxthon",maxthon:e,version:n(/(?:mxios)[\s\/](\d+(?:\.\d+)+)/i)}:/epiphany/i.test(t)?T={name:"Epiphany",epiphany:e,version:n(/(?:epiphany)[\s\/](\d+(?:\.\d+)+)/i)}:/puffin/i.test(t)?T={name:"Puffin",puffin:e,version:n(/(?:puffin)[\s\/](\d+(?:\.\d+)?)/i)}:/sleipnir/i.test(t)?T={name:"Sleipnir",sleipnir:e,version:n(/(?:sleipnir)[\s\/](\d+(?:\.\d+)+)/i)}:/k-meleon/i.test(t)?T={name:"K-Meleon",kMeleon:e,version:n(/(?:k-meleon)[\s\/](\d+(?:\.\d+)+)/i)}:d?(T={name:"Windows Phone",windowsphone:e},b?(T.msedge=e,T.version=b):(T.msie=e,T.version=n(/iemobile\/(\d+(\.\d+)?)/i))):/msie|trident/i.test(t)?T={name:"Internet Explorer",msie:e,version:n(/(?:msie |rv:)(\d+(\.\d+)?)/i)}:f?T={name:"Chrome",chromeos:e,chromeBook:e,chrome:e,version:n(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)}:/chrome.+? edge/i.test(t)?T={name:"Microsoft Edge",msedge:e,version:b}:/vivaldi/i.test(t)?T={name:"Vivaldi",vivaldi:e,version:n(/vivaldi\/(\d+(\.\d+)?)/i)||w}:c?T={name:"Sailfish",sailfish:e,version:n(/sailfish\s?browser\/(\d+(\.\d+)?)/i)}:/seamonkey\//i.test(t)?T={name:"SeaMonkey",seamonkey:e,version:n(/seamonkey\/(\d+(\.\d+)?)/i)}:/firefox|iceweasel|fxios/i.test(t)?(T={name:"Firefox",firefox:e,version:n(/(?:firefox|iceweasel|fxios)[ \/](\d+(\.\d+)?)/i)},/\((mobile|tablet);[^\)]*rv:[\d\.]+\)/i.test(t)&&(T.firefoxos=e)):l?T={name:"Amazon Silk",silk:e,version:n(/silk\/(\d+(\.\d+)?)/i)}:/phantom/i.test(t)?T={name:"PhantomJS",phantom:e,version:n(/phantomjs\/(\d+(\.\d+)?)/i)}:/slimerjs/i.test(t)?T={name:"SlimerJS",slimer:e,version:n(/slimerjs\/(\d+(\.\d+)?)/i)}:/blackberry|\bbb\d+/i.test(t)||/rim\stablet/i.test(t)?T={name:"BlackBerry",blackberry:e,version:w||n(/blackberry[\d]+\/(\d+(\.\d+)?)/i)}:p?(T={name:"WebOS",webos:e,version:w||n(/w(?:eb)?osbrowser\/(\d+(\.\d+)?)/i)},/touchpad\//i.test(t)&&(T.touchpad=e)):/bada/i.test(t)?T={name:"Bada",bada:e,version:n(/dolfin\/(\d+(\.\d+)?)/i)}:h?T={name:"Tizen",tizen:e,version:n(/(?:tizen\s?)?browser\/(\d+(\.\d+)?)/i)||w}:/qupzilla/i.test(t)?T={name:"QupZilla",qupzilla:e,version:n(/(?:qupzilla)[\s\/](\d+(?:\.\d+)+)/i)||w}:/chromium/i.test(t)?T={name:"Chromium",chromium:e,version:n(/(?:chromium)[\s\/](\d+(?:\.\d+)?)/i)||w}:/chrome|crios|crmo/i.test(t)?T={name:"Chrome",chrome:e,version:n(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)}:o?T={name:"Android",version:w}:/safari|applewebkit/i.test(t)?(T={name:"Safari",safari:e},w&&(T.version=w)):i?(T={name:i=="iphone"?"iPhone":i=="ipad"?"iPad":"iPod"},w&&(T.version=w)):/googlebot/i.test(t)?T={name:"Googlebot",googlebot:e,version:n(/googlebot\/(\d+(\.\d+))/i)||w}:T={name:n(/^(.*)\/(.*) /),version:r(/^(.*)\/(.*) /)},!T.msedge&&/(apple)?webkit/i.test(t)?(/(apple)?webkit\/537\.36/i.test(t)?(T.name=T.name||"Blink",T.blink=e):(T.name=T.name||"Webkit",T.webkit=e),!T.version&&w&&(T.version=w)):!T.opera&&/gecko\//i.test(t)&&(T.name=T.name||"Gecko",T.gecko=e,T.version=T.version||n(/gecko\/(\d+(\.\d+)?)/i)),!T.windowsphone&&!T.msedge&&(o||T.silk)?T.android=e:!T.windowsphone&&!T.msedge&&i?(T[i]=e,T.ios=e):g?T.mac=e:x?T.xbox=e:m?T.windows=e:y&&(T.linux=e);var N="";T.windowsphone?N=n(/windows phone (?:os)?\s?(\d+(\.\d+)*)/i):i?(N=n(/os (\d+([_\s]\d+)*) like mac os x/i),N=N.replace(/[_\s]/g,".")):o?N=n(/android[ \/-](\d+(\.\d+)*)/i):T.webos?N=n(/(?:web|hpw)os\/(\d+(\.\d+)*)/i):T.blackberry?N=n(/rim\stablet\sos\s(\d+(\.\d+)*)/i):T.bada?N=n(/bada\/(\d+(\.\d+)*)/i):T.tizen&&(N=n(/tizen[\/\s](\d+(\.\d+)*)/i)),N&&(T.osversion=N);var C=N.split(".")[0];if(E||a||i=="ipad"||o&&(C==3||C>=4&&!S)||T.silk)T.tablet=e;else if(S||i=="iphone"||i=="ipod"||o||u||T.blackberry||T.webos||T.bada)T.mobile=e;return T.msedge||T.msie&&T.version>=10||T.yandexbrowser&&T.version>=15||T.vivaldi&&T.version>=1||T.chrome&&T.version>=20||T.samsungBrowser&&T.version>=4||T.firefox&&T.version>=20||T.safari&&T.version>=6||T.opera&&T.version>=10||T.ios&&T.osversion&&T.osversion.split(".")[0]>=6||T.blackberry&&T.version>=10.1||T.chromium&&T.version>=20?T.a=e:T.msie&&T.version<10||T.chrome&&T.version<20||T.firefox&&T.version<20||T.safari&&T.version<6||T.opera&&T.version<10||T.ios&&T.osversion&&T.osversion.split(".")[0]<6||T.chromium&&T.version<20?T.c=e:T.x=e,T}function r(e){return e.split(".").length}function i(e,t){var n=[],r;if(Array.prototype.map)return Array.prototype.map.call(e,t);for(r=0;r=0){if(n[0][t]>n[1][t])return 1;if(n[0][t]!==n[1][t])return-1;if(t===0)return 0}}function o(e,r,i){var o=n;typeof r=="string"&&(i=r,r=void 0),r===void 0&&(r=!1),i&&(o=t(i));var u=""+o.version;for(var a in e)if(e.hasOwnProperty(a)&&o[a]){if(typeof e[a]!="string")throw new Error("Browser version in the minVersion map should be a string: "+a+": "+String(e));return s([u,e[a]])<0}return r}function u(e,t,n){return!o(e,t,n)}var e=!0,n=t(typeof navigator!="undefined"?navigator.userAgent||"":"");return n.test=function(e){for(var t=0;t { // Add custom styles. wp.blocks.registerBlockStyle( 'core/paragraph', { - name: 'paragraph-center-lg', + name: 'paragraph-center-large', label: 'Centered Large', }); diff --git a/themes/bthree/assets/js/hammer-2.0.8.min.js b/themes/bthree/assets/js/hammer-2.0.8.min.js index 9d99aa6..edadee1 100644 --- a/themes/bthree/assets/js/hammer-2.0.8.min.js +++ b/themes/bthree/assets/js/hammer-2.0.8.min.js @@ -4,3 +4,4 @@ * Copyright (c) 2016 Jorik Tangelder; * Licensed under the MIT license */ !function(a,b,c,d){"use strict";function e(a,b,c){return setTimeout(j(a,c),b)}function f(a,b,c){return Array.isArray(a)?(g(a,c[b],c),!0):!1}function g(a,b,c){var e;if(a)if(a.forEach)a.forEach(b,c);else if(a.length!==d)for(e=0;e\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",f=a.console&&(a.console.warn||a.console.log);return f&&f.call(a.console,e,d),b.apply(this,arguments)}}function i(a,b,c){var d,e=b.prototype;d=a.prototype=Object.create(e),d.constructor=a,d._super=e,c&&la(d,c)}function j(a,b){return function(){return a.apply(b,arguments)}}function k(a,b){return typeof a==oa?a.apply(b?b[0]||d:d,b):a}function l(a,b){return a===d?b:a}function m(a,b,c){g(q(b),function(b){a.addEventListener(b,c,!1)})}function n(a,b,c){g(q(b),function(b){a.removeEventListener(b,c,!1)})}function o(a,b){for(;a;){if(a==b)return!0;a=a.parentNode}return!1}function p(a,b){return a.indexOf(b)>-1}function q(a){return a.trim().split(/\s+/g)}function r(a,b,c){if(a.indexOf&&!c)return a.indexOf(b);for(var d=0;dc[b]}):d.sort()),d}function u(a,b){for(var c,e,f=b[0].toUpperCase()+b.slice(1),g=0;g1&&!c.firstMultiple?c.firstMultiple=D(b):1===e&&(c.firstMultiple=!1);var f=c.firstInput,g=c.firstMultiple,h=g?g.center:f.center,i=b.center=E(d);b.timeStamp=ra(),b.deltaTime=b.timeStamp-f.timeStamp,b.angle=I(h,i),b.distance=H(h,i),B(c,b),b.offsetDirection=G(b.deltaX,b.deltaY);var j=F(b.deltaTime,b.deltaX,b.deltaY);b.overallVelocityX=j.x,b.overallVelocityY=j.y,b.overallVelocity=qa(j.x)>qa(j.y)?j.x:j.y,b.scale=g?K(g.pointers,d):1,b.rotation=g?J(g.pointers,d):0,b.maxPointers=c.prevInput?b.pointers.length>c.prevInput.maxPointers?b.pointers.length:c.prevInput.maxPointers:b.pointers.length,C(c,b);var k=a.element;o(b.srcEvent.target,k)&&(k=b.srcEvent.target),b.target=k}function B(a,b){var c=b.center,d=a.offsetDelta||{},e=a.prevDelta||{},f=a.prevInput||{};b.eventType!==Ea&&f.eventType!==Ga||(e=a.prevDelta={x:f.deltaX||0,y:f.deltaY||0},d=a.offsetDelta={x:c.x,y:c.y}),b.deltaX=e.x+(c.x-d.x),b.deltaY=e.y+(c.y-d.y)}function C(a,b){var c,e,f,g,h=a.lastInterval||b,i=b.timeStamp-h.timeStamp;if(b.eventType!=Ha&&(i>Da||h.velocity===d)){var j=b.deltaX-h.deltaX,k=b.deltaY-h.deltaY,l=F(i,j,k);e=l.x,f=l.y,c=qa(l.x)>qa(l.y)?l.x:l.y,g=G(j,k),a.lastInterval=b}else c=h.velocity,e=h.velocityX,f=h.velocityY,g=h.direction;b.velocity=c,b.velocityX=e,b.velocityY=f,b.direction=g}function D(a){for(var b=[],c=0;ce;)c+=a[e].clientX,d+=a[e].clientY,e++;return{x:pa(c/b),y:pa(d/b)}}function F(a,b,c){return{x:b/a||0,y:c/a||0}}function G(a,b){return a===b?Ia:qa(a)>=qa(b)?0>a?Ja:Ka:0>b?La:Ma}function H(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return Math.sqrt(d*d+e*e)}function I(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return 180*Math.atan2(e,d)/Math.PI}function J(a,b){return I(b[1],b[0],Ra)+I(a[1],a[0],Ra)}function K(a,b){return H(b[0],b[1],Ra)/H(a[0],a[1],Ra)}function L(){this.evEl=Ta,this.evWin=Ua,this.pressed=!1,x.apply(this,arguments)}function M(){this.evEl=Xa,this.evWin=Ya,x.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function N(){this.evTarget=$a,this.evWin=_a,this.started=!1,x.apply(this,arguments)}function O(a,b){var c=s(a.touches),d=s(a.changedTouches);return b&(Ga|Ha)&&(c=t(c.concat(d),"identifier",!0)),[c,d]}function P(){this.evTarget=bb,this.targetIds={},x.apply(this,arguments)}function Q(a,b){var c=s(a.touches),d=this.targetIds;if(b&(Ea|Fa)&&1===c.length)return d[c[0].identifier]=!0,[c,c];var e,f,g=s(a.changedTouches),h=[],i=this.target;if(f=c.filter(function(a){return o(a.target,i)}),b===Ea)for(e=0;e-1&&d.splice(a,1)};setTimeout(e,cb)}}function U(a){for(var b=a.srcEvent.clientX,c=a.srcEvent.clientY,d=0;d=f&&db>=g)return!0}return!1}function V(a,b){this.manager=a,this.set(b)}function W(a){if(p(a,jb))return jb;var b=p(a,kb),c=p(a,lb);return b&&c?jb:b||c?b?kb:lb:p(a,ib)?ib:hb}function X(){if(!fb)return!1;var b={},c=a.CSS&&a.CSS.supports;return["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach(function(d){b[d]=c?a.CSS.supports("touch-action",d):!0}),b}function Y(a){this.options=la({},this.defaults,a||{}),this.id=v(),this.manager=null,this.options.enable=l(this.options.enable,!0),this.state=nb,this.simultaneous={},this.requireFail=[]}function Z(a){return a&sb?"cancel":a&qb?"end":a&pb?"move":a&ob?"start":""}function $(a){return a==Ma?"down":a==La?"up":a==Ja?"left":a==Ka?"right":""}function _(a,b){var c=b.manager;return c?c.get(a):a}function aa(){Y.apply(this,arguments)}function ba(){aa.apply(this,arguments),this.pX=null,this.pY=null}function ca(){aa.apply(this,arguments)}function da(){Y.apply(this,arguments),this._timer=null,this._input=null}function ea(){aa.apply(this,arguments)}function fa(){aa.apply(this,arguments)}function ga(){Y.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function ha(a,b){return b=b||{},b.recognizers=l(b.recognizers,ha.defaults.preset),new ia(a,b)}function ia(a,b){this.options=la({},ha.defaults,b||{}),this.options.inputTarget=this.options.inputTarget||a,this.handlers={},this.session={},this.recognizers=[],this.oldCssProps={},this.element=a,this.input=y(this),this.touchAction=new V(this,this.options.touchAction),ja(this,!0),g(this.options.recognizers,function(a){var b=this.add(new a[0](a[1]));a[2]&&b.recognizeWith(a[2]),a[3]&&b.requireFailure(a[3])},this)}function ja(a,b){var c=a.element;if(c.style){var d;g(a.options.cssProps,function(e,f){d=u(c.style,f),b?(a.oldCssProps[d]=c.style[d],c.style[d]=e):c.style[d]=a.oldCssProps[d]||""}),b||(a.oldCssProps={})}}function ka(a,c){var d=b.createEvent("Event");d.initEvent(a,!0,!0),d.gesture=c,c.target.dispatchEvent(d)}var la,ma=["","webkit","Moz","MS","ms","o"],na=b.createElement("div"),oa="function",pa=Math.round,qa=Math.abs,ra=Date.now;la="function"!=typeof Object.assign?function(a){if(a===d||null===a)throw new TypeError("Cannot convert undefined or null to object");for(var b=Object(a),c=1;ch&&(b.push(a),h=b.length-1):e&(Ga|Ha)&&(c=!0),0>h||(b[h]=a,this.callback(this.manager,e,{pointers:b,changedPointers:[a],pointerType:f,srcEvent:a}),c&&b.splice(h,1))}});var Za={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},$a="touchstart",_a="touchstart touchmove touchend touchcancel";i(N,x,{handler:function(a){var b=Za[a.type];if(b===Ea&&(this.started=!0),this.started){var c=O.call(this,a,b);b&(Ga|Ha)&&c[0].length-c[1].length===0&&(this.started=!1),this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}}});var ab={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},bb="touchstart touchmove touchend touchcancel";i(P,x,{handler:function(a){var b=ab[a.type],c=Q.call(this,a,b);c&&this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}});var cb=2500,db=25;i(R,x,{handler:function(a,b,c){var d=c.pointerType==za,e=c.pointerType==Ba;if(!(e&&c.sourceCapabilities&&c.sourceCapabilities.firesTouchEvents)){if(d)S.call(this,b,c);else if(e&&U.call(this,c))return;this.callback(a,b,c)}},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var eb=u(na.style,"touchAction"),fb=eb!==d,gb="compute",hb="auto",ib="manipulation",jb="none",kb="pan-x",lb="pan-y",mb=X();V.prototype={set:function(a){a==gb&&(a=this.compute()),fb&&this.manager.element.style&&mb[a]&&(this.manager.element.style[eb]=a),this.actions=a.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var a=[];return g(this.manager.recognizers,function(b){k(b.options.enable,[b])&&(a=a.concat(b.getTouchAction()))}),W(a.join(" "))},preventDefaults:function(a){var b=a.srcEvent,c=a.offsetDirection;if(this.manager.session.prevented)return void b.preventDefault();var d=this.actions,e=p(d,jb)&&!mb[jb],f=p(d,lb)&&!mb[lb],g=p(d,kb)&&!mb[kb];if(e){var h=1===a.pointers.length,i=a.distance<2,j=a.deltaTime<250;if(h&&i&&j)return}return g&&f?void 0:e||f&&c&Na||g&&c&Oa?this.preventSrc(b):void 0},preventSrc:function(a){this.manager.session.prevented=!0,a.preventDefault()}};var nb=1,ob=2,pb=4,qb=8,rb=qb,sb=16,tb=32;Y.prototype={defaults:{},set:function(a){return la(this.options,a),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(a){if(f(a,"recognizeWith",this))return this;var b=this.simultaneous;return a=_(a,this),b[a.id]||(b[a.id]=a,a.recognizeWith(this)),this},dropRecognizeWith:function(a){return f(a,"dropRecognizeWith",this)?this:(a=_(a,this),delete this.simultaneous[a.id],this)},requireFailure:function(a){if(f(a,"requireFailure",this))return this;var b=this.requireFail;return a=_(a,this),-1===r(b,a)&&(b.push(a),a.requireFailure(this)),this},dropRequireFailure:function(a){if(f(a,"dropRequireFailure",this))return this;a=_(a,this);var b=r(this.requireFail,a);return b>-1&&this.requireFail.splice(b,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(a){return!!this.simultaneous[a.id]},emit:function(a){function b(b){c.manager.emit(b,a)}var c=this,d=this.state;qb>d&&b(c.options.event+Z(d)),b(c.options.event),a.additionalEvent&&b(a.additionalEvent),d>=qb&&b(c.options.event+Z(d))},tryEmit:function(a){return this.canEmit()?this.emit(a):void(this.state=tb)},canEmit:function(){for(var a=0;af?Ja:Ka,c=f!=this.pX,d=Math.abs(a.deltaX)):(e=0===g?Ia:0>g?La:Ma,c=g!=this.pY,d=Math.abs(a.deltaY))),a.direction=e,c&&d>b.threshold&&e&b.direction},attrTest:function(a){return aa.prototype.attrTest.call(this,a)&&(this.state&ob||!(this.state&ob)&&this.directionTest(a))},emit:function(a){this.pX=a.deltaX,this.pY=a.deltaY;var b=$(a.direction);b&&(a.additionalEvent=this.options.event+b),this._super.emit.call(this,a)}}),i(ca,aa,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.scale-1)>this.options.threshold||this.state&ob)},emit:function(a){if(1!==a.scale){var b=a.scale<1?"in":"out";a.additionalEvent=this.options.event+b}this._super.emit.call(this,a)}}),i(da,Y,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[hb]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distanceb.time;if(this._input=a,!d||!c||a.eventType&(Ga|Ha)&&!f)this.reset();else if(a.eventType&Ea)this.reset(),this._timer=e(function(){this.state=rb,this.tryEmit()},b.time,this);else if(a.eventType&Ga)return rb;return tb},reset:function(){clearTimeout(this._timer)},emit:function(a){this.state===rb&&(a&&a.eventType&Ga?this.manager.emit(this.options.event+"up",a):(this._input.timeStamp=ra(),this.manager.emit(this.options.event,this._input)))}}),i(ea,aa,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.rotation)>this.options.threshold||this.state&ob)}}),i(fa,aa,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:Na|Oa,pointers:1},getTouchAction:function(){return ba.prototype.getTouchAction.call(this)},attrTest:function(a){var b,c=this.options.direction;return c&(Na|Oa)?b=a.overallVelocity:c&Na?b=a.overallVelocityX:c&Oa&&(b=a.overallVelocityY),this._super.attrTest.call(this,a)&&c&a.offsetDirection&&a.distance>this.options.threshold&&a.maxPointers==this.options.pointers&&qa(b)>this.options.velocity&&a.eventType&Ga},emit:function(a){var b=$(a.offsetDirection);b&&this.manager.emit(this.options.event+b,a),this.manager.emit(this.options.event,a)}}),i(ga,Y,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[ib]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distancethis._items.length-1||t<0))if(this._isSliding)g(this._element).one(Q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=ndocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right
      ',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:Ee},je="show",He="out",Re={HIDE:"hide"+De,HIDDEN:"hidden"+De,SHOW:"show"+De,SHOWN:"shown"+De,INSERTED:"inserted"+De,CLICK:"click"+De,FOCUSIN:"focusin"+De,FOCUSOUT:"focusout"+De,MOUSEENTER:"mouseenter"+De,MOUSELEAVE:"mouseleave"+De},xe="fade",Fe="show",Ue=".tooltip-inner",We=".arrow",qe="hover",Me="focus",Ke="click",Qe="manual",Be=function(){function i(t,e){if("undefined"==typeof u)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=g(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(g(this.getTipElement()).hasClass(Fe))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),g.removeData(this.element,this.constructor.DATA_KEY),g(this.element).off(this.constructor.EVENT_KEY),g(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&g(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===g(this.element).css("display"))throw new Error("Please use show on visible elements");var t=g.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){g(this.element).trigger(t);var n=_.findShadowRoot(this.element),i=g.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!i)return;var o=this.getTipElement(),r=_.getUID(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&g(o).addClass(xe);var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this.addAttachmentClass(a);var l=this._getContainer();g(o).data(this.constructor.DATA_KEY,this),g.contains(this.element.ownerDocument.documentElement,this.tip)||g(o).appendTo(l),g(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new u(this.element,o,{placement:a,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:We},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}}),g(o).addClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().on("mouseover",null,g.noop);var c=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,g(e.element).trigger(e.constructor.Event.SHOWN),t===He&&e._leave(null,e)};if(g(this.tip).hasClass(xe)){var h=_.getTransitionDurationFromElement(this.tip);g(this.tip).one(_.TRANSITION_END,c).emulateTransitionEnd(h)}else c()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=g.Event(this.constructor.Event.HIDE),o=function(){e._hoverState!==je&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),g(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(g(this.element).trigger(i),!i.isDefaultPrevented()){if(g(n).removeClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),this._activeTrigger[Ke]=!1,this._activeTrigger[Me]=!1,this._activeTrigger[qe]=!1,g(this.tip).hasClass(xe)){var r=_.getTransitionDurationFromElement(n);g(n).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){g(this.getTipElement()).addClass(Ae+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(g(t.querySelectorAll(Ue)),this.getTitle()),g(t).removeClass(xe+" "+Fe)},t.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=Se(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?g(e).parent().is(t)||t.empty().append(e):t.text(g(e).text())},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getOffset=function(){var e=this,t={};return"function"==typeof this.config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.config.offset(t.offsets,e.element)||{}),t}:t.offset=this.config.offset,t},t._getContainer=function(){return!1===this.config.container?document.body:_.isElement(this.config.container)?g(this.config.container):g(document).find(this.config.container)},t._getAttachment=function(t){return Pe[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)g(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==Qe){var e=t===qe?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===qe?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;g(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}}),g(this.element).closest(".modal").on("hide.bs.modal",function(){i.element&&i.hide()}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Me:qe]=!0),g(e.getTipElement()).hasClass(Fe)||e._hoverState===je?e._hoverState=je:(clearTimeout(e._timeout),e._hoverState=je,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===je&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Me:qe]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=He,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===He&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){var e=g(this.element).data();return Object.keys(e).forEach(function(t){-1!==Oe.indexOf(t)&&delete e[t]}),"number"==typeof(t=l({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),_.typeCheckConfig(be,t,this.constructor.DefaultType),t.sanitize&&(t.template=Se(t.template,t.whiteList,t.sanitizeFn)),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ne);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(g(t).removeClass(xe),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ie),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ie,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Le}},{key:"NAME",get:function(){return be}},{key:"DATA_KEY",get:function(){return Ie}},{key:"Event",get:function(){return Re}},{key:"EVENT_KEY",get:function(){return De}},{key:"DefaultType",get:function(){return ke}}]),i}();g.fn[be]=Be._jQueryInterface,g.fn[be].Constructor=Be,g.fn[be].noConflict=function(){return g.fn[be]=we,Be._jQueryInterface};var Ve="popover",Ye="bs.popover",ze="."+Ye,Xe=g.fn[Ve],$e="bs-popover",Ge=new RegExp("(^|\\s)"+$e+"\\S+","g"),Je=l({},Be.Default,{placement:"right",trigger:"click",content:"",template:''}),Ze=l({},Be.DefaultType,{content:"(string|element|function)"}),tn="fade",en="show",nn=".popover-header",on=".popover-body",rn={HIDE:"hide"+ze,HIDDEN:"hidden"+ze,SHOW:"show"+ze,SHOWN:"shown"+ze,INSERTED:"inserted"+ze,CLICK:"click"+ze,FOCUSIN:"focusin"+ze,FOCUSOUT:"focusout"+ze,MOUSEENTER:"mouseenter"+ze,MOUSELEAVE:"mouseleave"+ze},sn=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),(e.prototype.constructor=e).__proto__=n;var o=i.prototype;return o.isWithContent=function(){return this.getTitle()||this._getContent()},o.addAttachmentClass=function(t){g(this.getTipElement()).addClass($e+"-"+t)},o.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},o.setContent=function(){var t=g(this.getTipElement());this.setElementContent(t.find(nn),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(on),e),t.removeClass(tn+" "+en)},o._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},o._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ge);null!==e&&0=this._offsets[o]&&("undefined"==typeof this._offsets[o+1]||t Date: Tue, 25 Jun 2024 16:34:07 +0200 Subject: [PATCH 34/54] UI: Add style utility helper wp-style-global-content-size-100 Add style utility helper wp-style-global-content-size-100 to override variable --wp--style--global--content-size in blocks if needed. --- themes/bthree/src/styles/_wp-block.sass | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index 8992287..c4520fe 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -553,3 +553,7 @@ ul.wp-block-rss /* Lightbox. */ .wp-lightbox-overlay .scrim background-color: black !important + +/* Utilities. */ +.wp-style-global-content-size-100 + --wp--style--global--content-size: 100% \ No newline at end of file -- 2.30.2 From 79b158d8615ff46f08314b5b141bad52d6da7b08 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 25 Jun 2024 18:28:28 +0200 Subject: [PATCH 35/54] Fix: Php function js_footer fatal errors Fix PHP fatal and template syntax errors related to 'js_footer' function and js media-compare features. --- themes/bthree/blocks/compare-media.php | 32 ++++++++++++++------------ themes/bthree/page-release_logs.php | 27 ++++++++++++---------- 2 files changed, 32 insertions(+), 27 deletions(-) diff --git a/themes/bthree/blocks/compare-media.php b/themes/bthree/blocks/compare-media.php index 27f4ea8..d562b80 100644 --- a/themes/bthree/blocks/compare-media.php +++ b/themes/bthree/blocks/compare-media.php @@ -102,24 +102,26 @@ $style = get_field('style');
    - - - - - +endif; \ No newline at end of file diff --git a/themes/bthree/page-release_logs.php b/themes/bthree/page-release_logs.php index bc1d6f4..934625b 100644 --- a/themes/bthree/page-release_logs.php +++ b/themes/bthree/page-release_logs.php @@ -477,21 +477,24 @@ $is_latest = (($version_number >= $current_version_number) ? true : false); - - - -- 2.30.2 From bfff63772122d00158174ce95da4de2dcf93c6f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Wed, 26 Jun 2024 17:28:12 +0200 Subject: [PATCH 36/54] Fix: Revert style wp-block-paragraph-plus line-height --- themes/bthree/src/styles/_wp-block.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/src/styles/_wp-block.sass b/themes/bthree/src/styles/_wp-block.sass index c4520fe..e65469a 100644 --- a/themes/bthree/src/styles/_wp-block.sass +++ b/themes/bthree/src/styles/_wp-block.sass @@ -67,7 +67,7 @@ /* Paragraph Plus. */ .wp-block-paragraph-plus display: block - line-height: 1.2em + line-height: 1 &.float-center text-align: center -- 2.30.2 From 9d8a7e1dade023d69bcc7b6a72e26eac11874b25 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Thu, 27 Jun 2024 14:30:58 +0200 Subject: [PATCH 37/54] Fix: Template pages-list php fatal error --- themes/bthree/blocks/pages-list.php | 1 + 1 file changed, 1 insertion(+) diff --git a/themes/bthree/blocks/pages-list.php b/themes/bthree/blocks/pages-list.php index 614e6f9..d2a8084 100644 --- a/themes/bthree/blocks/pages-list.php +++ b/themes/bthree/blocks/pages-list.php @@ -92,3 +92,4 @@ $text_color = get_field('text_color');
    + Date: Thu, 27 Jun 2024 14:36:36 +0200 Subject: [PATCH 38/54] Fix: Style post web-assets v2 upgrade header content offset --- themes/bthree/src/styles/_base.sass | 3 +++ 1 file changed, 3 insertions(+) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index ea7c611..afa1f9a 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -422,6 +422,9 @@ body.is-lightbox-active overflow: hidden /* Web Assets Overrides. TODO: move to separate partial */ +\:root + --page-with-header-content-offset: calc(var(--spacer) * 6) + .cards-item-title font-size: var(--fs-h4) -- 2.30.2 From 43703ade6d42fe442ad15cdb81c40a0ce6c7136a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Thu, 27 Jun 2024 14:53:59 +0200 Subject: [PATCH 39/54] UI: Change style web-assets override details Extend box style by overriding web-assets details component to match blender.org pre v2 upgrade look. --- themes/bthree/src/styles/_base.sass | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index afa1f9a..86bff5c 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -429,7 +429,9 @@ body.is-lightbox-active font-size: var(--fs-h4) details - border-radius: var(--border-radius-lg) + @extend .box + + +padding(2) p, ul -- 2.30.2 From df69777ec3676d91cd89884b0e7fc08d85a084bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Thu, 27 Jun 2024 15:08:07 +0200 Subject: [PATCH 40/54] Fix: Style variable override bwa-white-rgb --- themes/bthree/src/styles/_base.sass | 2 ++ 1 file changed, 2 insertions(+) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 86bff5c..0b9c5fb 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -423,6 +423,8 @@ body.is-lightbox-active /* Web Assets Overrides. TODO: move to separate partial */ \:root + // TODO: fix in Web Assets + --bwa-white-rgb: 255, 255, 255 --page-with-header-content-offset: calc(var(--spacer) * 6) .cards-item-title -- 2.30.2 From 2619307b9f15fae5a336b4d290e086ba87ef2a67 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Thu, 27 Jun 2024 15:11:28 +0200 Subject: [PATCH 41/54] Fix: Style post web-assets v2 upgrade download dropdown paddings --- themes/bthree/src/styles/_download.sass | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/themes/bthree/src/styles/_download.sass b/themes/bthree/src/styles/_download.sass index 49b138c..c10c7bd 100644 --- a/themes/bthree/src/styles/_download.sass +++ b/themes/bthree/src/styles/_download.sass @@ -238,9 +238,8 @@ $bleeding-color: #d0253f color: $color-text-light display: flex gap: .8rem - +padding(2, y) + +padding(2) padding-left: calc(var(--spacer) * 2.5) - padding-right: calc(var(--spacer) * 2.5) text-decoration: none transition: background-color ease-in-out var(--transition-speed), color ease-in-out var(--transition-speed) user-select: none -- 2.30.2 From c8bade82a98ad8e1d1d95dbf041d6b89ee4c3b34 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Thu, 27 Jun 2024 15:39:18 +0200 Subject: [PATCH 42/54] UI: Enable post web-assets v2 upgrade bthree-code theme dark --- themes/bthree-code/src/styles/style.sass | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/themes/bthree-code/src/styles/style.sass b/themes/bthree-code/src/styles/style.sass index f259747..7e48054 100644 --- a/themes/bthree-code/src/styles/style.sass +++ b/themes/bthree-code/src/styles/style.sass @@ -19,6 +19,10 @@ $font-path: '../bthree/assets/fonts' @import ../../../bthree/src/styles/_style_content @import ../../../bthree/assets_shared/src/styles/_navigation_global +\:root, +html + +theme-dark + .navbar-secondary // So it scrolls back up when global navbar is hidden. top: 0 -- 2.30.2 From c44e859cf595f5f5ac52fae3ea412950eba90617 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 30 Jul 2024 16:14:24 +0200 Subject: [PATCH 43/54] Fix: Theme bthree-code style variables colour mappings Map colour variables to existing colour names. --- themes/bthree-code/src/styles/style.sass | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/bthree-code/src/styles/style.sass b/themes/bthree-code/src/styles/style.sass index 7e48054..a802678 100644 --- a/themes/bthree-code/src/styles/style.sass +++ b/themes/bthree-code/src/styles/style.sass @@ -37,8 +37,8 @@ html box-shadow: none .blog - --comment-border-color: var(--background-color-primary) + --comment-border-color: var(--color-bg-primary) .footer-navigation, .footer-note - background-color: var(--background-color-tertiary) + background-color: var(--color-bg-tertiary) -- 2.30.2 From 7a46f7226f08fccd055fed5a531f2068501c4493 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 10:43:26 +0200 Subject: [PATCH 44/54] Chore: Fix temlate header-static comment wording Part of #104116 --- themes/bthree/header-static.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/header-static.php b/themes/bthree/header-static.php index 9914720..9f90c15 100644 --- a/themes/bthree/header-static.php +++ b/themes/bthree/header-static.php @@ -45,7 +45,7 @@ $hide_navigation = get_field('navigation_hide'); /* - * - If the page/post has_post_thumbnail, set $header_image_src as background-img url + * - If the page/post has_post_thumbnail, set $header_image_src as background-image url * - If the header is not 'large', set $header_image_offset as background-position-y */ ?> -- 2.30.2 From 3e9d54bdbe7ef34e40f3967400a59f63dadefbe4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 11:08:42 +0200 Subject: [PATCH 45/54] Refactor: Change style base Sass variables to custom properties Part of #104116 --- themes/bthree/src/styles/_base.sass | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 0b9c5fb..67a594e 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -1,10 +1,11 @@ \:root --fs-xl: 6.4rem + --page-card-icon-size: 7.8rem +media-sm --fs-xl: 5.6rem -$page-card-icon-size: 7.8rem +// TODO: check if class 'page-card' is used .page-card position: relative @@ -74,24 +75,24 @@ $page-card-icon-size: 7.8rem position: relative +position-center-translate margin: 0 auto - width: $page-card-icon-size * 2 - height: $page-card-icon-size * 2 + width: calc(var(--page-card-icon-size) * 2) + height: calc(var(--page-card-icon-size) * 2) border: .2rem solid rgba($color-text-dark-hint, .5) border-radius: 50% background: position: 50% 50% repeat: no-repeat - size: $page-card-icon-size + size: var(--page-card-icon-size) +media-sm - width: $page-card-icon-size * 1.5 - height: $page-card-icon-size * 1.5 - background-size: $page-card-icon-size * 0.75 + width: calc(var(--page-card-icon-size) * 1.5) + height: calc(var(--page-card-icon-size) * 1.5) + background-size: calc(var(--page-card-icon-size) * .75) +media-xs - width: $page-card-icon-size * 1.5 - height: $page-card-icon-size * 1.5 - background-size: $page-card-icon-size * 0.75 + width: calc(var(--page-card-icon-size) * 1.5) + height: calc(var(--page-card-icon-size) * 1.5) + background-size: calc(var(--page-card-icon-size) * .75) margin: 4.0rem auto -- 2.30.2 From 1d1832af4b0249675208ac4b0bc694ae8379c8cd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 11:32:41 +0200 Subject: [PATCH 46/54] Chore: Add style base todo for cleanup and refactor details overrides Part of #104116 --- themes/bthree/src/styles/_base.sass | 1 + 1 file changed, 1 insertion(+) diff --git a/themes/bthree/src/styles/_base.sass b/themes/bthree/src/styles/_base.sass index 67a594e..65dd7f0 100644 --- a/themes/bthree/src/styles/_base.sass +++ b/themes/bthree/src/styles/_base.sass @@ -431,6 +431,7 @@ body.is-lightbox-active .cards-item-title font-size: var(--fs-h4) +// TODO: refactor remove style overrides for 'details', if the content architecture allows details @extend .box -- 2.30.2 From aa3a6ac292f304f98fb8ce1eb1b851491fba0d6e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 11:34:42 +0200 Subject: [PATCH 47/54] Fix: Style editor selector typo Part of #104116 --- themes/bthree/src/styles/_editor.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/src/styles/_editor.sass b/themes/bthree/src/styles/_editor.sass index 4e2d0e8..f8d4bde 100644 --- a/themes/bthree/src/styles/_editor.sass +++ b/themes/bthree/src/styles/_editor.sass @@ -40,5 +40,5 @@ textarea, .edit-post-visual-editor textarea, width: initial /* In the editor, make text visible in textarea when editing HTML. */ -[class$="block-htms-textarea"] +[class$="block-html-textarea"] color: black -- 2.30.2 From 41b41e90ae8528b763d0e8ca31bdc5b560307d9a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 11:46:13 +0200 Subject: [PATCH 48/54] Refactor: Change style release-logs Sass variables to custom properties Part of #104116 --- themes/bthree/src/styles/_release-logs.sass | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/themes/bthree/src/styles/_release-logs.sass b/themes/bthree/src/styles/_release-logs.sass index 798ba75..2627c4a 100644 --- a/themes/bthree/src/styles/_release-logs.sass +++ b/themes/bthree/src/styles/_release-logs.sass @@ -2,18 +2,19 @@ .release-logs &-header // .release-logs-header + --header-bg-blursize: 1.8rem + position: relative overflow: hidden - $header-bg-blursize: 1.8rem &-bg background-size: cover - bottom: -$header-bg-blursize - filter: blur($header-bg-blursize) - left: -$header-bg-blursize * 2 + bottom: calc(var(--header-bg-blursize) * -1) + filter: blur(var(--header-bg-blursize)) + left: calc(var(--header-bg-blursize) * -2) position: absolute - right: -$header-bg-blursize * 2 - top: -$header-bg-blursize * 2 + right: calc(var(--header-bg-blursize) * -2) + top: calc(var(--header-bg-blursize) * -2) z-index: 0 &-info -- 2.30.2 From 8ec5b4438075e0dca0d9e290df95190d8f997ce9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 14:33:00 +0200 Subject: [PATCH 49/54] Chore: Add template page-helper-bwa-v2-upgrade Add template page-helper-bwa-v2-upgrade to help with database string replacements in BWA v2 deployment. Part of #104116 --- themes/bthree/functions.php | 12 ++++++++++++ themes/bthree/page-helper-bwa-v2-upgrade.php | 20 ++++++++++++++++++++ 2 files changed, 32 insertions(+) create mode 100644 themes/bthree/page-helper-bwa-v2-upgrade.php diff --git a/themes/bthree/functions.php b/themes/bthree/functions.php index 1bfcae4..d88a59e 100644 --- a/themes/bthree/functions.php +++ b/themes/bthree/functions.php @@ -928,4 +928,16 @@ function bwa_map_block_editor_font_sizes() { // Hook function "bwa_map_block_editor_font_sizes" to enqueue_block_editor_assets add_action('enqueue_block_editor_assets', 'bwa_map_block_editor_font_sizes'); + +// Add custom template rendering for Page Helper BWA v2 Upgrade +function custom_template_redirect() { + $current_path = trim(parse_url(add_query_arg(array()), PHP_URL_PATH), '/'); + + if ($current_path == 'helper-bwa-v2-upgrade') { + include get_template_directory() . '/page-helper-bwa-v2-upgrade.php'; + exit; + } +} + +add_action('template_redirect', 'custom_template_redirect'); ?> diff --git a/themes/bthree/page-helper-bwa-v2-upgrade.php b/themes/bthree/page-helper-bwa-v2-upgrade.php new file mode 100644 index 0000000..c0123e8 --- /dev/null +++ b/themes/bthree/page-helper-bwa-v2-upgrade.php @@ -0,0 +1,20 @@ + +
    +
    +
    +
    +

    Page Helper BWA v2 Upgrade

    + +
    +
    +
    +
    + -- 2.30.2 From daf6cc09856adbf42326fec5aa008015c9d797f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 14:34:16 +0200 Subject: [PATCH 50/54] Fix: Template single classname cards-list Part of #104116 --- themes/bthree/single.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/single.php b/themes/bthree/single.php index 3ca3af9..fe33807 100644 --- a/themes/bthree/single.php +++ b/themes/bthree/single.php @@ -53,7 +53,7 @@ $page_width = get_field('page_width');
    Preview
    - + The Featured Image must be 16:9.

    The excerpt is a ~20 word summary. -- 2.30.2 From 30d29698972e3a18d84bda2e1378f406e080a403 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 14:34:55 +0200 Subject: [PATCH 51/54] Chore: Update git submodule web-assets to v2.0.0-alpha.29 --- themes/bthree/assets_shared | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/bthree/assets_shared b/themes/bthree/assets_shared index 4483206..c47e6b3 160000 --- a/themes/bthree/assets_shared +++ b/themes/bthree/assets_shared @@ -1 +1 @@ -Subproject commit 448320696057165a83cc91eee8854f561a952ff4 +Subproject commit c47e6b36b73b393337caac122f2fa9fa363580bb -- 2.30.2 From e498313a17b6eb950a6039274cce80f36cefed33 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Tue, 6 Aug 2024 14:57:18 +0200 Subject: [PATCH 52/54] Chore: Add template part helper bwa search and replace query string drymode Add template part helper bwa search and replace query string processing to optionally passing in drymode when calling wp_search_and_replace. Part of #104116 --- themes/bthree/part-helper-bwa-wp-search-and-replace.php | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/themes/bthree/part-helper-bwa-wp-search-and-replace.php b/themes/bthree/part-helper-bwa-wp-search-and-replace.php index 33431d7..47f043e 100644 --- a/themes/bthree/part-helper-bwa-wp-search-and-replace.php +++ b/themes/bthree/part-helper-bwa-wp-search-and-replace.php @@ -1,4 +1,3 @@ - Date: Fri, 9 Aug 2024 16:57:13 +0200 Subject: [PATCH 53/54] Chore: Extend template part-helper-bwa-wp-search-and-replace with post run fixes Extend template part-helper-bwa-wp-search-and-replace to also execute v2 upgrade search and replace with the following map file for post run fixes: search-and-replace-map-v2-upgrade-post-wp.txt Part of #104116 --- .../bthree/part-helper-bwa-wp-search-and-replace.php | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/themes/bthree/part-helper-bwa-wp-search-and-replace.php b/themes/bthree/part-helper-bwa-wp-search-and-replace.php index 47f043e..0f65e78 100644 --- a/themes/bthree/part-helper-bwa-wp-search-and-replace.php +++ b/themes/bthree/part-helper-bwa-wp-search-and-replace.php @@ -5,6 +5,8 @@ */ $wp_search_and_replace_path = get_template_directory() . '/assets_shared/dev-utils/wp-search-and-replace.php'; + +// Set path to the search and replace map file base $map_file_name_path = get_template_directory() . '/assets_shared/dev-utils/search-and-replace-map-v2-upgrade-wp.txt'; include $wp_search_and_replace_path; @@ -15,3 +17,12 @@ if (isset($_GET['drymode']) && $_GET['drymode'] == 'true') { } wp_search_and_replace($map_file_name_path, $dry_mode); + +echo "

    Base search and replace has been executed using the map file: " . $map_file_name_path . "

    "; + +// Reset path to the search and replace map file post +$map_file_name_path = get_template_directory() . '/assets_shared/dev-utils/search-and-replace-map-v2-upgrade-post-wp.txt'; + +wp_search_and_replace($map_file_name_path, $dry_mode); + +echo "

    Post search and replace has been executed using the map file: " . $map_file_name_path . "

    "; -- 2.30.2 From d41aac3af9144797fd3261fe30b53aa7a0c1879d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rton=20Lente?= Date: Fri, 9 Aug 2024 17:32:49 +0200 Subject: [PATCH 54/54] Chore: Add template part-helper-bwa-wp-search-and-replace conditional query sring post Add conditional query sring post to template part-helper-bwa-wp-search-and-replace, to split base and post replacements to two calls to prevent timeout. Part of #104116 --- .../part-helper-bwa-wp-search-and-replace.php | 20 +++++++++---------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/themes/bthree/part-helper-bwa-wp-search-and-replace.php b/themes/bthree/part-helper-bwa-wp-search-and-replace.php index 0f65e78..ef666e1 100644 --- a/themes/bthree/part-helper-bwa-wp-search-and-replace.php +++ b/themes/bthree/part-helper-bwa-wp-search-and-replace.php @@ -6,8 +6,15 @@ $wp_search_and_replace_path = get_template_directory() . '/assets_shared/dev-utils/wp-search-and-replace.php'; -// Set path to the search and replace map file base -$map_file_name_path = get_template_directory() . '/assets_shared/dev-utils/search-and-replace-map-v2-upgrade-wp.txt'; +// Set path to the search and replace map file +if (isset($_GET['post']) && $_GET['post'] == 'true') { + // Use the following map file for post-upgrade search and replace + $map_file_name_path = get_template_directory() . '/assets_shared/dev-utils/search-and-replace-map-v2-upgrade-post-wp.txt'; +} else { + $map_file_name_path = get_template_directory() . '/assets_shared/dev-utils/search-and-replace-map-v2-upgrade-wp.txt'; +} + +echo "

    Using the following map file:
    " . $map_file_name_path . "

    "; include $wp_search_and_replace_path; @@ -17,12 +24,3 @@ if (isset($_GET['drymode']) && $_GET['drymode'] == 'true') { } wp_search_and_replace($map_file_name_path, $dry_mode); - -echo "

    Base search and replace has been executed using the map file: " . $map_file_name_path . "

    "; - -// Reset path to the search and replace map file post -$map_file_name_path = get_template_directory() . '/assets_shared/dev-utils/search-and-replace-map-v2-upgrade-post-wp.txt'; - -wp_search_and_replace($map_file_name_path, $dry_mode); - -echo "

    Post search and replace has been executed using the map file: " . $map_file_name_path . "

    "; -- 2.30.2