<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[49574] trunk/src/wp-content/themes/twentytwentyone: Twenty Twenty-One: Merge the latest changes changes from GitHub for Beta 4.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/49574">49574</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/49574","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>desrosj</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2020-11-12 18:34:44 +0000 (Thu, 12 Nov 2020)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Twenty Twenty-One: Merge the latest changes changes from GitHub for Beta 4.
In addition to syncing the latest changes, this change also merges the theme's `.scss` files and other related build tool configurations required to compile the theme's CSS.
This will allow development of the theme to continue on Trac after 5.6 is released and the GitHub repository is archived.
For a full list of changes since [], see https://github.com/WordPress/twentytwentyone/compare/e7d5991...aa284fd.
Props poena, luminuu kjellr, aristath, justinahinon.
See <a href="https://core.trac.wordpress.org/ticket/51526">#51526</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscsscustomcoloroverridescss">trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssieeditorcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssiecss">trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssprintcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodecss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcustomizercss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjscustomizehelpersjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjscustomizepreviewjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjscustomizejs">trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjsdarkmodetogglerjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjseditordarkmodesupportjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjsprimarynavigationjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomcolorsphp">trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomizephp">trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonedarkmodephp">trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonecommentsphp">trunk/src/wp-content/themes/twentytwentyone/comments.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonefooterphp">trunk/src/wp-content/themes/twentytwentyone/footer.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonefunctionsphp">trunk/src/wp-content/themes/twentytwentyone/functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneincblockpatternsphp">trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneincmenufunctionsphp">trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneincstartercontentphp">trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneinctemplatefunctionsphp">trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneinctemplatetagsphp">trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonepackagelockjson">trunk/src/wp-content/themes/twentytwentyone/package-lock.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonepackagejson">trunk/src/wp-content/themes/twentytwentyone/package.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonereadmetxt">trunk/src/wp-content/themes/twentytwentyone/readme.txt</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonesinglephp">trunk/src/wp-content/themes/twentytwentyone/single.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylertlcss">trunk/src/wp-content/themes/twentytwentyone/style-rtl.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylecss">trunk/src/wp-content/themes/twentytwentyone/style.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonetemplatepartscontentcontentnonephp">trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonetemplatepartsheadersitenavphp">trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylelintignore">trunk/src/wp-content/themes/twentytwentyone/.stylelintignore</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylelintrccssjson">trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylelintrcjson">trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodertlcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjseditorjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/</li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfileheaderscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfontsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass01settingsglobalscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass02toolsextendsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass02toolsfunctionsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass02toolsmixinsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericbreakpointsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericclearingsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericnormalizescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericresetscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericverticalmarginsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsblockquotescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformseditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementslinksscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmediascss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmiscscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocks_configscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksaudio_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblockseditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblocksscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockshtml_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksspacer_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_fontsizesscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksvideo_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06components404scss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsarchivesscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentscommentsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentseditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsentryscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooternavigationscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooterscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsheaderscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsnavigationscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentspaginationscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentspostsandpagesscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentssearchscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentssinglescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentswidgetsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesa11yscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiescolorpalettescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesiescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesmeasurescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesprintscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssassstyledarkmodescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssassstyleeditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssassstylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss</a></li>
</ul>
<h3>Removed Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjsunregisterblockstylejs">trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpcontentthemestwentytwentyonestylelintignore"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/.stylelintignore</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/.stylelintignore (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/.stylelintignore 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,10 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+vendor/
+node_modules/
+assets/images
+*.php
+*.map
+*.png
+*.json
+LICENSE
+composer.lock
+*.txt
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonestylelintrccssjson"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{
+ "extends": [
+ "stylelint-config-wordpress"
+ ],
+ "rules": {
+ "indentation": "tab",
+ "no-duplicate-selectors": null,
+ "function-url-quotes": null,
+ "selector-attribute-quotes": null,
+ "declaration-block-no-duplicate-properties": null,
+ "function-calc-no-unspaced-operator": null,
+ "selector-pseudo-class-no-unknown": null,
+ "selector-class-pattern": null,
+ "font-weight-notation": null,
+ "selector-type-no-unknown": null,
+ "max-line-length": null,
+ "at-rule-empty-line-before": null,
+ "selector-pseudo-element-colon-notation": null,
+ "number-leading-zero": null,
+ "no-descending-specificity": null
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyonestylelintrcjson"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,15 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{
+ "extends": [
+ "stylelint-config-wordpress/scss"
+ ],
+ "rules": {
+ "selector-class-pattern": null,
+ "font-weight-notation": null,
+ "selector-type-no-unknown": null,
+ "max-line-length": null,
+ "at-rule-empty-line-before": null,
+ "selector-pseudo-element-colon-notation": null,
+ "number-leading-zero": null,
+ "no-descending-specificity": null
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetscsscustomcoloroverridescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Custom Color Overrides
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- *
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * This file is automatically populated if the user chooses custom colors in the Customzier.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ */
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssieeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,85 +1,309 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * These styles should be loaded by the Block Editor only
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Family */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+ --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Size */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--font-size-base: 1.25rem;
+ --global--font-size-xs: 1rem;
+ --global--font-size-sm: 1.125rem;
+ --global--font-size-md: 1.25rem;
+ --global--font-size-lg: 1.5rem;
+ --global--font-size-xl: 2.25rem;
+ --global--font-size-xxl: 4rem;
+ --global--font-size-xxxl: 5rem;
+ --global--font-size-page-title: var(--global--font-size-xxl);
+ --global--letter-spacing: normal;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Line Height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--line-height-body: 1.7;
+ --global--line-height-heading: 1.3;
+ --global--line-height-page-title: 1.1;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --heading--font-family: var(--global--font-primary);
+ --heading--font-size-h6: var(--global--font-size-xs);
+ --heading--font-size-h5: var(--global--font-size-sm);
+ --heading--font-size-h4: var(--global--font-size-lg);
+ --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+ --heading--font-size-h2: var(--global--font-size-xl);
+ --heading--font-size-h1: var(--global--font-size-page-title);
+ --heading--letter-spacing-h6: 0.05em;
+ --heading--letter-spacing-h5: 0.05em;
+ --heading--letter-spacing-h4: var(--global--letter-spacing);
+ --heading--letter-spacing-h3: var(--global--letter-spacing);
+ --heading--letter-spacing-h2: var(--global--letter-spacing);
+ --heading--letter-spacing-h1: var(--global--letter-spacing);
+ --heading--line-height-h6: var(--global--line-height-heading);
+ --heading--line-height-h5: var(--global--line-height-heading);
+ --heading--line-height-h4: var(--global--line-height-heading);
+ --heading--line-height-h3: var(--global--line-height-heading);
+ --heading--line-height-h2: var(--global--line-height-heading);
+ --heading--line-height-h1: var(--global--line-height-page-title);
+ --heading--font-weight: normal;
+ --heading--font-weight-page-title: 300;
+ --heading--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Latest posts */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --latest-posts--title-font-family: var(--heading--font-family);
+ --latest-posts--title-font-size: var(--heading--font-size-h3);
+ --latest-posts--description-font-family: var(--global--font-secondary);
+ --latest-posts--description-font-size: var(--global--font-size-sm);
+ --list--font-family: var(--global--font-secondary);
+ --definition-term--font-family: var(--global--font-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Colors */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-black: #000;
+ --global--color-dark-gray: #28303d;
+ --global--color-gray: #39414d;
+ --global--color-light-gray: #f0f0f0;
+ --global--color-green: #d1e4dd;
+ --global--color-blue: #d1dfe4;
+ --global--color-purple: #d1d1e4;
+ --global--color-red: #e4d1d1;
+ --global--color-orange: #e4dad1;
+ --global--color-yellow: #eeeadd;
+ --global--color-white: #fff;
+ --global--color-white-50: rgba(255, 255, 255, 0.5);
+ --global--color-white-90: rgba(255, 255, 255, 0.9);
+ --global--color-primary: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Body text color, site title, footer text color. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-secondary: var(--global--color-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-primary-hover: var(--global--color-primary);
+ --global--color-background: var(--global--color-green);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Mint, default body background */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-border: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Spacing */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--spacing-unit: 20px;
+ --global--spacing-measure: unset;
+ --global--spacing-horizontal: 25px;
+ --global--spacing-vertical: 30px;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Elevation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Forms */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --form--font-family: var(--global--font-secondary);
+ --form--font-size: var(--global--font-size-sm);
+ --form--line-height: var(--global--line-height-body);
+ --form--color-text: var(--global--color-dark-gray);
+ --form--color-ranged: var(--global--color-secondary);
+ --form--label-weight: 500;
+ --form--border-color: var(--global--color-secondary);
+ --form--border-width: 3px;
+ --form--border-radius: 0;
+ --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Cover block */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --cover--height: calc(15 * var(--global--spacing-vertical));
+ --cover--color-foreground: var(--global--color-white);
+ --cover--color-background: var(--global--color-black);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Buttons */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ --button--font-family: var(--global--font-primary);
+ --button--font-size: var(--global--font-size-base);
+ --button--font-weight: 500;
+ --button--line-height: 1.5;
+ --button--border-width: 3px;
+ --button--border-radius: 0;
+ --button--padding-vertical: 15px;
+ --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* entry */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --entry-header--color: var(--global--color-primary);
+ --entry-header--color-link: currentColor;
+ --entry-header--color-hover: var(--global--color-primary-hover);
+ --entry-header--color-focus: var(--global--color-secondary);
+ --entry-header--font-size: var(--heading--font-size-h2);
+ --entry-content--font-family: var(--global--font-secondary);
+ --entry-author-bio--font-family: var(--heading--font-family);
+ --entry-author-bio--font-size: var(--heading--font-size-h4);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Header */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --branding--color-text: var(--global--color-primary);
+ --branding--color-link: var(--global--color-primary);
+ --branding--color-link-hover: var(--global--color-secondary);
+ --branding--title--font-family: var(--global--font-primary);
+ --branding--title--font-size: var(--global--font-size-lg);
+ --branding--title--font-size-mobile: var(--heading--font-size-h4);
+ --branding--title--font-weight: normal;
+ --branding--title--text-transform: uppercase;
+ --branding--description--font-family: var(--global--font-secondary);
+ --branding--description--font-size: var(--global--font-size-sm);
+ --branding--description--font-family: var(--global--font-secondary);
+ --branding--logo--max-width: 300px;
+ --branding--logo--max-height: 100px;
+ --branding--logo--max-width-mobile: 96px;
+ --branding--logo--max-height-mobile: 96px;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Main navigation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --primary-nav--font-family: var(--global--font-secondary);
+ --primary-nav--font-family-mobile: var(--global--font-primary);
+ --primary-nav--font-size: var(--global--font-size-md);
+ --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+ --primary-nav--font-size-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-button: var(--global--font-size-xs);
+ --primary-nav--font-style: normal;
+ --primary-nav--font-style-sub-menu-mobile: normal;
+ --primary-nav--font-weight: normal;
+ --primary-nav--font-weight-button: 500;
+ --primary-nav--color-link: var(--global--color-primary);
+ --primary-nav--color-link-hover: var(--global--color-primary-hover);
+ --primary-nav--color-text: var(--global--color-primary);
+ --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+ --primary-nav--border-color: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Pagination */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --pagination--color-text: var(--global--color-primary);
+ --pagination--color-link-hover: var(--global--color-primary-hover);
+ --pagination--font-family: var(--global--font-secondary);
+ --pagination--font-size: var(--global--font-size-lg);
+ --pagination--font-weight: normal;
+ --pagination--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Footer */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --footer--color-text: var(--global--color-primary);
+ --footer--color-link: var(--global--color-primary);
+ --footer--color-link-hover: var(--global--color-primary-hover);
+ --footer--font-family: var(--global--font-primary);
+ --footer--font-size: var(--global--font-size-sm);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Pull quote */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --pullquote--font-family: var(--global--font-primary);
+ --pullquote--font-size: var(--heading--font-size-h3);
+ --pullquote--font-style: normal;
+ --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+ --pullquote--line-height: var(--global--line-height-heading);
+ --pullquote--border-width: 3px;
+ --pullquote--border-color: var(--global--color-primary);
+ --pullquote--color-foreground: var(--global--color-primary);
+ --pullquote--color-background: var(--global--color-background);
+ --quote--font-family: var(--global--font-secondary);
+ --quote--font-size: var(--global--font-size-md);
+ --quote--font-size-large: var(--global--font-size-xl);
+ --quote--font-style: normal;
+ --quote--font-weight: 700;
+ --quote--font-weight-strong: bolder;
+ --quote--font-style-large: normal;
+ --quote--font-style-cite: normal;
+ --quote--line-height: var(--global--line-height-body);
+ --quote--line-height-large: 1.35;
+ --separator--border-color: var(--global--color-border);
+ --separator--height: 1px;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Table */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --table--stripes-border-color: var(--global--color-light-gray);
+ --table--stripes-background-color: var(--global--color-light-gray);
+ --table--has-background-text-color: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --widget--line-height-list: 1.9;
+ --widget--line-height-title: 1.4;
+ --widget--font-weight-title: 700;
+ --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Admin-bar height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--admin-bar--height: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar {
+ --global--admin-bar--height: 32px;
+}
+@media only screen and (max-width: 782px) {
+
+ .admin-bar {
+ --global--admin-bar--height: 46px;
+ }
+}
+
+@media only screen and (min-width: 652px) {
+
+ :root {
+ --global--font-size-xl: 2.5rem;
+ --global--font-size-xxl: 6rem;
+ --global--font-size-xxxl: 9rem;
+ --heading--font-size-h3: 2rem;
+ --heading--font-size-h2: 3rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root {
+ --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+ --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignfull-width: 100%;
+ --responsive--alignright-margin: var(--global--spacing-horizontal);
+ --responsive--alignleft-margin: var(--global--spacing-horizontal);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
+
+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
+ --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+ --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+ --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+ }
+}
+@media only screen and (min-width: 822px) {
+
+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
+ --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Extends
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .default-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .default-max-width{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- .default-max-width{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wide-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wide-max-width{
- max-width: calc(100vw - 100px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .wide-max-width{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .full-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -89,12 +313,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px 0 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -106,98 +330,65 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: normal;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- font-style: normal;
- font-weight: 700;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--heading--letter-spacing-h4);
+ font-family: var(--quote--font-family);
+ font-size: var(--quote--font-size);
+ font-style: var(--quote--font-style);
+ font-weight: var(--quote--font-weight);
+ line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote cite {
- font-weight: normal;
- color: #28303d;
- font-size: 1rem;
- letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p {
- font-size: 1.125rem;
- max-width: inherit;
- width: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft cite {
- font-size: 1rem;
- letter-spacing: normal;
-}
-
-blockquote.alignleft footer {
- font-size: 1rem;
- letter-spacing: normal;
-}
-
-blockquote.alignright cite {
- font-size: 1rem;
- letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft cite,
+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
- font-size: 1.25rem;
- line-height: 1.7;
- position: absolute;
- left: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
+ font-size: var(--quote--font-size);
+ line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote .wp-block-quote__citation {
- color: #28303d;
- font-size: 1rem;
- font-style: normal;
-}
-
-blockquote cite {
- color: #28303d;
- font-size: 1rem;
- font-style: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote .wp-block-quote__citation,
+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ font-style: var(--quote--font-style-cite);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -223,39 +414,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Media captions */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-figcaption {
- color: currentColor;
- font-size: 1rem;
- line-height: 1.7;
- margin-top: 10px;
- margin-bottom: 20px;
- text-align: center;
-}
-.wp-caption {
- color: currentColor;
- font-size: 1rem;
- line-height: 1.7;
- margin-top: 10px;
- margin-bottom: 20px;
- text-align: center;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+figcaption,
+.wp-caption,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- line-height: 1.7;
- margin-top: 10px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -270,18 +445,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ color: var(--form--color-text);
+ font-size: var(--form--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 10px 30px 10px 10px;
- /* stylelint-disable */
- background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
- /* stylelint-enable */
- background-position: right 10px top 60%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+ background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+ background-position: right var(--form--spacing-unit) top 60%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -291,7 +464,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> text-underline-offset: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-skip-ink: all;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -302,29 +475,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus {
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
+ color: var(--wp--style--color--link, var(--global--color-background));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus .meta-nav {
- color: #d1e4dd;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(0, 0, 0, 0.9);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus .meta-nav {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -336,32 +508,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background:not(.has-background-background-color) .has-link-color a {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color).has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.5;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button__link:before, .wp-block-button__link:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button__link:before,
+.wp-block-button__link:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -369,11 +539,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -382,91 +552,99 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-button__link:focus {
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button__link:focus {
+ color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Block Options
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
- color: #39414d;
- background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons {
+ margin-top: 0;
+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- color: #39414d;
- background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:first-child {
+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover {
- outline-offset: -7px;
- outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:last-child {
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+ color: var(--button--color-text-active) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+ color: var(--button--color-text-hover) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid currentColor;
- padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--button--border-width) solid currentColor;
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:active {
- background-color: #39414d;
- color: #d1e4dd;
- border: 3px solid #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #39414d;
- color: #d1e4dd;
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: transparent !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
- color: #39414d;
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
+ background-color: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
- color: #39414d;
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
- color: #39414d;
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
+ color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+ border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text) !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-squared {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -473,41 +651,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-selected.is-style-outline .wp-block-button__link:hover {
- background-color: transparent;
- color: #39414d;
-}
-
-.is-style-outline .wp-block-button__link[style*="radius"],
-.wp-block-button__link[style*="radius"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius],
+.wp-block-button__link[style*=radius] {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> white-space: pre !important;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 0.1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover {
- background-color: #000;
- min-height: 450px;
- margin-top: inherit;
- margin-bottom: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #000;
- min-height: 450px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--cover--color-background);
+ min-height: var(--cover--height);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -517,6 +684,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-cover,
+[data-align=full] .wp-block-cover-image {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -539,112 +712,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-image-text .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-text .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover .block-editor-block-list__block .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-text .has-link-color a {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover-text .has-link-color a,
+.wp-block-cover .block-editor-block-list__block .has-link-color a,
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover-image .wp-block-cover-text .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .block-editor-block-list__block .has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
+ color: var(--cover--color-foreground);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
- color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
- color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block {
- color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
- color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
- color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
- color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
- color: #fff;
-}
-
-.wp-block-cover h2 {
- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
- padding: 0;
- max-width: inherit;
- text-align: inherit;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-cover h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-cover h2{
- font-size: 3rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-cover-image h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-cover-image h2{
- font-size: 3rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover h2.has-text-align-left,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2.has-text-align-left {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -660,12 +759,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.is-style-twentytwentyone-border {
- border: 3px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.is-style-twentytwentyone-border,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns:not(.alignwide):not(.alignfull) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -676,99 +772,49 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -50px;
- margin-top: 63px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(-2 * var(--global--spacing-horizontal));
+ margin-top: calc(2.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1e4dd;
- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-background);
+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
- padding-left: 50px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-columns p:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-columns p:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-columns h1:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h2:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h3:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h4:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h5:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h6:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__textlink {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-style: solid;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -781,21 +827,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.5;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -803,11 +850,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -816,22 +863,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
+ color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -840,7 +887,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery figcaption a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -849,7 +896,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -856,18 +904,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-group.has-background {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
- padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align="full"] {
- max-width: calc(100% + 60px);
- width: calc(100% + 60px);
- margin-left: -30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
+ max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ margin-left: calc(-1 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group .wp-block-group__inner-container > *:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -874,456 +927,131 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h1 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h1 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.wp-block-heading h2 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h2 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h2 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.wp-block-heading h3 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h3 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h3 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.wp-block-heading h4 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h4 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h4 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.wp-block-heading h5 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h5 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h5 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.wp-block-heading h6 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h6 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1,
+h1,
+.h1,
+.wp-block-heading h2,
+h2,
+.h2,
+.wp-block-heading h3,
+h3,
+.h3,
+.wp-block-heading h4,
+h4,
+.h4,
+.wp-block-heading h5,
+h5,
+.h5,
+.wp-block-heading h6,
+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1 strong {
- font-weight: 600;
-}
-
-h1 strong {
- font-weight: 600;
-}
-
-.h1 strong {
- font-weight: 600;
-}
-
-.wp-block-heading h2 strong {
- font-weight: 600;
-}
-
-h2 strong {
- font-weight: 600;
-}
-
-.h2 strong {
- font-weight: 600;
-}
-
-.wp-block-heading h3 strong {
- font-weight: 600;
-}
-
-h3 strong {
- font-weight: 600;
-}
-
-.h3 strong {
- font-weight: 600;
-}
-
-.wp-block-heading h4 strong {
- font-weight: 600;
-}
-
-h4 strong {
- font-weight: 600;
-}
-
-.h4 strong {
- font-weight: 600;
-}
-
-.wp-block-heading h5 strong {
- font-weight: 600;
-}
-
-h5 strong {
- font-weight: 600;
-}
-
-.h5 strong {
- font-weight: 600;
-}
-
-.wp-block-heading h6 strong {
- font-weight: 600;
-}
-
-h6 strong {
- font-weight: 600;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1 strong,
+h1 strong,
+.h1 strong,
+.wp-block-heading h2 strong,
+h2 strong,
+.h2 strong,
+.wp-block-heading h3 strong,
+h3 strong,
+.h3 strong,
+.wp-block-heading h4 strong,
+h4 strong,
+.h4 strong,
+.wp-block-heading h5 strong,
+h5 strong,
+.h5 strong,
+.wp-block-heading h6 strong,
+h6 strong,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--heading--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-h1[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.h1[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.wp-block-heading h2[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-h2[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.h2[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.wp-block-heading h3[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-h3[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.h3[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.wp-block-heading h4[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-h4[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.h4[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.wp-block-heading h5[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-h5[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.h5[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-.wp-block-heading h6[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
-h6[style*="--wp--typography--line-height"] {
- line-height: --global--line-height-body;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1[style*="--wp--typography--line-height"],
+h1[style*="--wp--typography--line-height"],
+.h1[style*="--wp--typography--line-height"],
+.wp-block-heading h2[style*="--wp--typography--line-height"],
+h2[style*="--wp--typography--line-height"],
+.h2[style*="--wp--typography--line-height"],
+.wp-block-heading h3[style*="--wp--typography--line-height"],
+h3[style*="--wp--typography--line-height"],
+.h3[style*="--wp--typography--line-height"],
+.wp-block-heading h4[style*="--wp--typography--line-height"],
+h4[style*="--wp--typography--line-height"],
+.h4[style*="--wp--typography--line-height"],
+.wp-block-heading h5[style*="--wp--typography--line-height"],
+h5[style*="--wp--typography--line-height"],
+.h5[style*="--wp--typography--line-height"],
+.wp-block-heading h6[style*="--wp--typography--line-height"],
+h6[style*="--wp--typography--line-height"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6[style*="--wp--typography--line-height"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: --global--line-height-body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--wp--typography--line-height, --global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1 {
- font-size: 4rem;
- letter-spacing: normal;
- line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-heading h1{
- font-size: 6rem;
- }
-}
-
-h1 {
- font-size: 4rem;
- letter-spacing: normal;
- line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
- h1{
- font-size: 6rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1,
+h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 4rem;
- letter-spacing: normal;
- line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h1);
+ letter-spacing: var(--heading--letter-spacing-h1);
+ line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .h1{
- font-size: 6rem;
- }
-}
-
-.wp-block-heading h2 {
- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-heading h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-heading h2{
- font-size: 3rem;
- }
-}
-
-h2 {
- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- h2{
- font-size: 3rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h2,
+h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .h2{
- font-size: 3rem;
- }
-}
-
-.wp-block-heading h3 {
- font-size: 2rem;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-heading h3{
- font-size: 2rem;
- }
-}
-
-h3 {
- font-size: 2rem;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- h3{
- font-size: 2rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h3,
+h3,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2rem;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h3);
+ letter-spacing: var(--heading--letter-spacing-h3);
+ line-height: var(--heading--line-height-h3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .h3{
- font-size: 2rem;
- }
-}
-
-.wp-block-heading h4 {
- font-size: 1.5rem;
- font-weight: 600;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
-h4 {
- font-size: 1.5rem;
- font-weight: 600;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h4,
+h4,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
- font-weight: 600;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h4);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h4);
+ line-height: var(--heading--line-height-h4);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h5 {
- font-size: 1.125rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
-}
-
-h5 {
- font-size: 1.125rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h5,
+h5,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h5 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h5);
+ line-height: var(--heading--line-height-h5);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h6 {
- font-size: 1rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
-}
-
-h6 {
- font-size: 1rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h6,
+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h6);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h6);
+ line-height: var(--heading--line-height-h6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> [data-type="core/html"] textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Center image block by default in the editor */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1336,15 +1064,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Styles */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-image.is-style-twentytwentyone-border img {
- border: 3px solid #28303d;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-image.is-style-twentytwentyone-border img,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1356,8 +1082,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 50px;
- margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1374,7 +1100,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1382,8 +1108,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1396,67 +1122,49 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 2rem;
- font-weight: normal;
- line-height: 1.3;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-latest-posts > li > a{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1.25rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-top: 3px solid #28303d;
- border-bottom: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
- padding-bottom: 30px;
- border-bottom: 1px solid #28303d;
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 30px;
- border-bottom: 1px solid #28303d;
- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
+ border-bottom: var(--separator--height) solid var(--global--color-border);
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1466,51 +1174,55 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: inset 0 -1px 0 0 #28303d;
- border-bottom: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+ border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 30px;
- padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+ padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 50%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 2));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 33%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 3));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 25%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 4));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 20%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 5));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 17%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 6));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
- padding: 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 25px;
- margin-bottom: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-horizontal);
+ margin-bottom: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1556,16 +1268,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- margin: 30px 0;
- padding-left: 50px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> ol {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- margin: 30px 0;
- padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--list--font-family);
+ margin: var(--global--spacing-vertical) 0;
+ padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ul.aligncenter,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1588,12 +1295,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> dt {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--definition-term--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-media-text {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content [data-block]:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1605,34 +1317,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--primary-nav--font-family);
+ font-size: var(--primary-nav--font-size);
+ font-weight: var(--primary-nav--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .has-child .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: var(--global--elevation);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1640,23 +1349,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: --global--line-height-body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--wp--typography--line-height, --global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: pre !important;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 40px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(2 * var(--global--spacing-unit)) 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1666,7 +1375,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1674,40 +1383,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 2rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--pullquote--font-family);
+ font-size: var(--pullquote--font-size);
+ font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--pullquote--letter-spacing);
+ line-height: var(--pullquote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-pullquote p{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote .wp-block-pullquote__citation {
- font-size: 1rem;
- font-style: normal;
- text-transform: none;
-}
-
-.wp-block-pullquote cite {
- font-size: 1rem;
- font-style: normal;
- text-transform: none;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1718,15 +1411,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 50px;
- border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(2.5 * var(--global--spacing-unit));
+ border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--pullquote--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1734,15 +1427,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
- padding-left: 20px;
- padding-right: 20px;
- max-width: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color.alignright blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 20px;
- padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1752,15 +1440,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--pullquote--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-pullquote.is-style-solid-color blockquote p{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color footer {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1767,63 +1449,63 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
- padding: 0 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
+ padding: 0 calc(2 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px auto 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- font-style: normal;
- font-weight: 700;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--quote--font-family);
+ font-size: var(--quote--font-size);
+ font-style: var(--quote--font-style);
+ font-weight: var(--quote--font-weight);
+ line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
- font-size: 1.25rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
+ font-size: var(--quote--font-size);
+ line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: calc(-0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote .wp-block-quote__citation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ font-style: var(--quote--font-style-cite);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px 25px 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-right: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center:before {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1830,125 +1512,87 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Resetting margins to match _block-container.scss */
- margin-top: 30px;
- margin-bottom: 30px;
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-style-large {
- padding-left: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> /* Resetting margins to match _block-container.scss */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p {
- font-size: 2.25rem;
- font-style: normal;
- line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-quote.is-large p{
- font-size: 2.5rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- font-style: normal;
- line-height: 1.35;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+ font-style: var(--quote--font-style-large);
+ line-height: var(--quote--line-height-large);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-quote.is-style-large p{
- font-size: 2.5rem;
- }
-}
-
-.wp-block-quote.is-large:before {
- font-size: 2.25rem;
- line-height: 1.35;
- left: -25px;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-quote.is-large:before{
- font-size: 2.5rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- line-height: 1.35;
- left: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+ line-height: var(--quote--line-height-large);
+ left: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-quote.is-style-large:before{
- font-size: 2.5rem;
- }
-}
-
-.wp-block-quote.is-large.has-text-align-right:before {
- left: initial;
- right: -25px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .wp-block-quote.is-large {
- padding-left: 25px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large:before,
+ .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right {
- padding-left: 0;
- padding-right: 25px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right:before,
+ .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1963,8 +1607,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 50px;
- margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1976,7 +1620,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1983,22 +1627,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2011,56 +1655,44 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-title > a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 2rem;
- font-weight: normal;
- line-height: 1.3;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-rss .wp-block-rss__item-title > a{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1.25rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-publish-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss .wp-block-rss__item-excerpt {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss .wp-block-rss__item-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 20px;
- padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2067,61 +1699,66 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wp-block-search{
- max-width: min(calc(100vw - 100px), 610px);
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__label {
+ font-size: var(--form--font-size);
+ font-weight: var(--form--label-weight);
+ margin-bottom: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .wp-block-search{
- max-width: min(calc(100vw - 200px), 610px);
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__input {
+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ font-family: var(--form--font-family);
+ font-size: var(--form--font-size);
+ line-height: var(--form--line-height);
+ max-width: inherit;
+ margin-right: calc(-1 * var(--button--border-width));
+ padding: var(--form--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__label {
- font-size: 1.125rem;
- font-weight: 500;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__input {
+ background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__input {
- border: 3px solid #39414d;
- border-radius: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- max-width: inherit;
- margin-right: -3px;
- padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
+ border-color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__input:focus {
- border-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+ border-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.5;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button:before,
+.wp-block-search .wp-block-search__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2129,11 +1766,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2142,107 +1779,184 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-search .wp-block-search__button:focus {
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__button:focus {
+ color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #39414d;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text);
+ background-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] > * {
- text-align: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button.has-icon {
+ padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] .wp-block-search__button-only .wp-block-search__inside-wrapper {
- justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button.has-icon svg {
+ width: 40px;
+ height: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator {
- border-bottom: 1px solid #28303d;
- clear: both;
- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
+ color: var(--global--color-white);
+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr {
- border-bottom: 1px solid #28303d;
- clear: both;
- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-background);
+ border-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator[style*="text-align:right"] {
- border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+ color: var(--button--color-text);
+ background-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator[style*="text-align: right"] {
- border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--form--border-color);
+ border-color: var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr[style*="text-align:right"] {
- border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
+ color: var(--form--color-text);
+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr[style*="text-align: right"] {
- border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator:not(.is-style-dots) {
- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
+ border: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wp-block-separator:not(.is-style-dots){
- max-width: min(calc(100vw - 100px), 610px);
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .wp-block-separator:not(.is-style-dots){
- max-width: min(calc(100vw - 200px), 610px);
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+ color: var(--button--color-text);
+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr:not(.is-style-dots) {
- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- hr:not(.is-style-dots){
- max-width: min(calc(100vw - 100px), 610px);
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+ color: var(--button--color-text-hover);
+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- hr:not(.is-style-dots){
- max-width: min(calc(100vw - 200px), 610px);
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-background);
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[data-align="full"] > .wp-block-separator,
-[data-align="wide"] > .wp-block-separator, [data-align="full"] >
-hr,
-[data-align="wide"] >
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+ color: var(--button--color-text);
+ border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
+}
+
+.wp-block[data-align=center] > * {
+ text-align: center;
+}
+
+.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
+ justify-content: center;
+}
+
+.wp-block-separator,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: inherit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+ clear: both;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-twentytwentyone-separator-thick {
- border-bottom-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator[style*="text-align:right"],
+.wp-block-separator[style*="text-align: right"],
+hr[style*="text-align:right"],
+hr[style*="text-align: right"] {
+ border-right-color: var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator:not(.is-style-dots),
+hr:not(.is-style-dots) {
+ max-width: var(--responsive--aligndefault-width);
+}
+
+[data-align=full] > .wp-block-separator,
+[data-align=wide] > .wp-block-separator,
+[data-align=full] > hr,
+[data-align=wide] > hr {
+ max-width: inherit;
+}
+
+.wp-block-separator.is-style-twentytwentyone-separator-thick,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-twentytwentyone-separator-thick {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom-width: calc(3 * var(--separator--height));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-dots,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2250,37 +1964,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background,
+.wp-block-separator.is-style-dots.has-text-color,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background:before,
+.wp-block-separator.is-style-dots.has-text-color:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background:before,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color:before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots:before {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
-hr,
-[class*="background-color"]:not(.has-background-background-color)
-hr,
-[style*="background-color"]:not(.has-background-background-color)
-hr,
-.wp-block-cover[style*="background-image"]
-hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-separator,
+[style*=background-color]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*=background-image] .wp-block-separator,
+.has-background:not(.has-background-background-color) hr,
+[class*=background-color]:not(.has-background-background-color) hr,
+[style*=background-color]:not(.has-background-background-color) hr,
+.wp-block-cover[style*=background-image] hr {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2290,7 +2000,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2297,68 +2007,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table th {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table th,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table td {
- padding: 10px;
-}
-
-table th {
- padding: 10px;
-}
-
-.wp-block-table td {
- padding: 10px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table td,
+table th,
+.wp-block-table td,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-regular .has-background {
- color: #28303d;
-}
-
-table.is-style-stripes .has-background thead tr {
- color: #28303d;
-}
-
-table.is-style-stripes .has-background tfoot tr {
- color: #28303d;
-}
-
-table.is-style-stripes .has-background tbody tr:nth-child(even) {
- color: #28303d;
-}
-
-.wp-block-table.is-style-regular .has-background {
- color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background thead tr {
- color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background tfoot tr {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-regular .has-background,
+table.is-style-stripes .has-background thead tr,
+table.is-style-stripes .has-background tfoot tr,
+table.is-style-stripes .has-background tbody tr:nth-child(even),
+.wp-block-table.is-style-regular .has-background,
+.wp-block-table.is-style-stripes .has-background thead tr,
+.wp-block-table.is-style-stripes .has-background tfoot tr,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--table--has-background-text-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes {
- border-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--table--stripes-border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table.is-style-stripes th,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2368,12 +2042,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes tbody tr:nth-child(odd) {
- background-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes tbody tr:nth-child(odd),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--table--stripes-background-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2398,13 +2069,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table caption {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-unit) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2429,190 +2100,82 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-extra-small-text {
- font-size: 1rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-extra-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-small-text {
- font-size: 1.125rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-regular-text {
- font-size: 1.25rem;
-}
-
-:root .has-regular-font-size {
- font-size: 1.25rem;
-}
-
-:root .is-normal-font-size {
- font-size: 1.25rem;
-}
-
-:root .has-normal-font-size {
- font-size: 1.25rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-regular-text,
+:root .has-regular-font-size,
+:root .is-normal-font-size,
+:root .has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-medium-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-large-text {
- font-size: 1.5rem;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
+ line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-larger-text {
- font-size: 2.5rem;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-larger-text{
- font-size: 2.5rem;
- }
-}
-
-:root .has-larger-font-size {
- font-size: 2.5rem;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- :root .has-larger-font-size{
- font-size: 2.5rem;
- }
-}
-
-:root .is-extra-large-text {
- font-size: 2.5rem;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-extra-large-text{
- font-size: 2.5rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-larger-text,
+:root .has-larger-font-size,
+:root .is-extra-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.5rem;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xl);
+ line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- :root .has-extra-large-font-size{
- font-size: 2.5rem;
- }
-}
-
-:root .is-huge-text {
- font-size: 6rem;
- line-height: 1.3;
- font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-huge-text{
- font-size: 6rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-huge-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-huge-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 6rem;
- line-height: 1.3;
- font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxl);
+ line-height: var(--global--line-height-heading);
+ font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- :root .has-huge-font-size{
- font-size: 6rem;
- }
-}
-
-:root .is-gigantic-text {
- font-size: 9rem;
- line-height: 1.3;
- font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-gigantic-text{
- font-size: 9rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-gigantic-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-gigantic-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 9rem;
- line-height: 1.3;
- font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxxl);
+ line-height: var(--global--line-height-heading);
+ font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- :root .has-gigantic-font-size{
- font-size: 9rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Editor Post Title
</span><span class="cx" style="display: block; padding: 0 10px"> * - Needs a special styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block.editor-post-title__block {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 3px solid #28303d;
- padding-bottom: 60px;
- margin-bottom: 90px;
- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 3px solid var(--global--color-border);
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wp-block.editor-post-title__block{
- max-width: calc(100vw - 100px);
- }
-}
-@media only screen and (min-width: 822px){
- .wp-block.editor-post-title__block{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block.editor-post-title__block .editor-post-title__input {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 4rem;
- font-weight: 300;
- line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-secondary);
+ font-family: var(--heading--font-family);
+ font-size: var(--global--font-size-page-title);
+ font-weight: var(--heading--font-weight-page-title);
+ line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block.editor-post-title__block .editor-post-title__input{
- font-size: 6rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block.block-editor-default-block-appender > textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-md);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-secondary-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2627,23 +2190,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #28303d;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-primary);
+ color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-secondary-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #39414d;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-secondary);
+ color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #fff;
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
+ color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #000;
- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-black);
+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2650,8 +2213,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Spacing Overrides
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> [data-block] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> [data-block] [data-block]:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2664,108 +2227,64 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Alignments */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wp-block{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- .wp-block{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="wide"] {
- max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
- .wp-block[data-align="wide"]{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .wp-block[data-align="wide"]{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=wide],
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block.alignwide {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wp-block.alignwide{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .wp-block.alignwide{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.wp-block[data-align="full"], .wp-block.alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full],
+.wp-block.alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
- margin-top: 0;
- margin-bottom: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap:not(:focus)::first-letter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 0.66;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.1em 0.1em 0 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(1.2 * var(--heading--font-size-h1));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .has-drop-cap:not(:focus)::first-letter{
- font-size: 7rem;
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
- .wp-block[data-align="left"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block[data-align=left] > * {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 290px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block[data-align="right"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block[data-align=right] > * {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 290px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- background-color: #d1e4dd;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --wp--typography--line-height: var(--global--line-height-body);
+ color: var(--global--color-primary);
+ background-color: var(--global--color-background);
+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-font-smoothing: antialiased;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2772,7 +2291,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2780,16 +2299,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background:not(.has-background-background-color) .has-link-color a {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color).has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2798,43 +2314,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2849,114 +2365,89 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class] {
- color: #fff;
-}
-
-:not(.has-text-color).has-gray-background-color[class] {
- color: #fff;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-blue-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-purple-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-red-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-orange-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-yellow-background-color[class] {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #d1d1e4, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #eeeadd, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #d1e4dd, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-green-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #eeeadd, #d1e4dd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #e4d1d1, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #eeeadd, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*# sourceMappingURL=ie-editor.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssiecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> Theme Name: Twenty Twenty-One
</span><span class="cx" style="display: block; padding: 0 10px"> Theme URI: https://wordpress.org/themes/twentytwentyone/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,6 +18,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One is distributed under the terms of the GNU GPL.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * SETTINGS
</span><span class="cx" style="display: block; padding: 0 10px"> * File-header..........The file header for the themes style.css file.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,38 +94,258 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Editor Font Sizes....Editor Font Sizes.
</span><span class="cx" style="display: block; padding: 0 10px"> * Measure..............The width of a line of text, in characters.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Categories 01 to 03 are the basics. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Family */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+ --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Size */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--font-size-base: 1.25rem;
+ --global--font-size-xs: 1rem;
+ --global--font-size-sm: 1.125rem;
+ --global--font-size-md: 1.25rem;
+ --global--font-size-lg: 1.5rem;
+ --global--font-size-xl: 2.25rem;
+ --global--font-size-xxl: 4rem;
+ --global--font-size-xxxl: 5rem;
+ --global--font-size-page-title: var(--global--font-size-xxl);
+ --global--letter-spacing: normal;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Line Height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--line-height-body: 1.7;
+ --global--line-height-heading: 1.3;
+ --global--line-height-page-title: 1.1;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --heading--font-family: var(--global--font-primary);
+ --heading--font-size-h6: var(--global--font-size-xs);
+ --heading--font-size-h5: var(--global--font-size-sm);
+ --heading--font-size-h4: var(--global--font-size-lg);
+ --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+ --heading--font-size-h2: var(--global--font-size-xl);
+ --heading--font-size-h1: var(--global--font-size-page-title);
+ --heading--letter-spacing-h6: 0.05em;
+ --heading--letter-spacing-h5: 0.05em;
+ --heading--letter-spacing-h4: var(--global--letter-spacing);
+ --heading--letter-spacing-h3: var(--global--letter-spacing);
+ --heading--letter-spacing-h2: var(--global--letter-spacing);
+ --heading--letter-spacing-h1: var(--global--letter-spacing);
+ --heading--line-height-h6: var(--global--line-height-heading);
+ --heading--line-height-h5: var(--global--line-height-heading);
+ --heading--line-height-h4: var(--global--line-height-heading);
+ --heading--line-height-h3: var(--global--line-height-heading);
+ --heading--line-height-h2: var(--global--line-height-heading);
+ --heading--line-height-h1: var(--global--line-height-page-title);
+ --heading--font-weight: normal;
+ --heading--font-weight-page-title: 300;
+ --heading--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Latest posts */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --latest-posts--title-font-family: var(--heading--font-family);
+ --latest-posts--title-font-size: var(--heading--font-size-h3);
+ --latest-posts--description-font-family: var(--global--font-secondary);
+ --latest-posts--description-font-size: var(--global--font-size-sm);
+ --list--font-family: var(--global--font-secondary);
+ --definition-term--font-family: var(--global--font-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Colors */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-black: #000;
+ --global--color-dark-gray: #28303d;
+ --global--color-gray: #39414d;
+ --global--color-light-gray: #f0f0f0;
+ --global--color-green: #d1e4dd;
+ --global--color-blue: #d1dfe4;
+ --global--color-purple: #d1d1e4;
+ --global--color-red: #e4d1d1;
+ --global--color-orange: #e4dad1;
+ --global--color-yellow: #eeeadd;
+ --global--color-white: #fff;
+ --global--color-white-50: rgba(255, 255, 255, 0.5);
+ --global--color-white-90: rgba(255, 255, 255, 0.9);
+ --global--color-primary: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Body text color, site title, footer text color. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-secondary: var(--global--color-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-primary-hover: var(--global--color-primary);
+ --global--color-background: var(--global--color-green);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Mint, default body background */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--color-border: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Spacing */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--spacing-unit: 20px;
+ --global--spacing-measure: unset;
+ --global--spacing-horizontal: 25px;
+ --global--spacing-vertical: 30px;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Elevation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Forms */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --form--font-family: var(--global--font-secondary);
+ --form--font-size: var(--global--font-size-sm);
+ --form--line-height: var(--global--line-height-body);
+ --form--color-text: var(--global--color-dark-gray);
+ --form--color-ranged: var(--global--color-secondary);
+ --form--label-weight: 500;
+ --form--border-color: var(--global--color-secondary);
+ --form--border-width: 3px;
+ --form--border-radius: 0;
+ --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Cover block */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --cover--height: calc(15 * var(--global--spacing-vertical));
+ --cover--color-foreground: var(--global--color-white);
+ --cover--color-background: var(--global--color-black);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Buttons */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ --button--font-family: var(--global--font-primary);
+ --button--font-size: var(--global--font-size-base);
+ --button--font-weight: 500;
+ --button--line-height: 1.5;
+ --button--border-width: 3px;
+ --button--border-radius: 0;
+ --button--padding-vertical: 15px;
+ --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* entry */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --entry-header--color: var(--global--color-primary);
+ --entry-header--color-link: currentColor;
+ --entry-header--color-hover: var(--global--color-primary-hover);
+ --entry-header--color-focus: var(--global--color-secondary);
+ --entry-header--font-size: var(--heading--font-size-h2);
+ --entry-content--font-family: var(--global--font-secondary);
+ --entry-author-bio--font-family: var(--heading--font-family);
+ --entry-author-bio--font-size: var(--heading--font-size-h4);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Header */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --branding--color-text: var(--global--color-primary);
+ --branding--color-link: var(--global--color-primary);
+ --branding--color-link-hover: var(--global--color-secondary);
+ --branding--title--font-family: var(--global--font-primary);
+ --branding--title--font-size: var(--global--font-size-lg);
+ --branding--title--font-size-mobile: var(--heading--font-size-h4);
+ --branding--title--font-weight: normal;
+ --branding--title--text-transform: uppercase;
+ --branding--description--font-family: var(--global--font-secondary);
+ --branding--description--font-size: var(--global--font-size-sm);
+ --branding--description--font-family: var(--global--font-secondary);
+ --branding--logo--max-width: 300px;
+ --branding--logo--max-height: 100px;
+ --branding--logo--max-width-mobile: 96px;
+ --branding--logo--max-height-mobile: 96px;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Main navigation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --primary-nav--font-family: var(--global--font-secondary);
+ --primary-nav--font-family-mobile: var(--global--font-primary);
+ --primary-nav--font-size: var(--global--font-size-md);
+ --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+ --primary-nav--font-size-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-button: var(--global--font-size-xs);
+ --primary-nav--font-style: normal;
+ --primary-nav--font-style-sub-menu-mobile: normal;
+ --primary-nav--font-weight: normal;
+ --primary-nav--font-weight-button: 500;
+ --primary-nav--color-link: var(--global--color-primary);
+ --primary-nav--color-link-hover: var(--global--color-primary-hover);
+ --primary-nav--color-text: var(--global--color-primary);
+ --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+ --primary-nav--border-color: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Pagination */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --pagination--color-text: var(--global--color-primary);
+ --pagination--color-link-hover: var(--global--color-primary-hover);
+ --pagination--font-family: var(--global--font-secondary);
+ --pagination--font-size: var(--global--font-size-lg);
+ --pagination--font-weight: normal;
+ --pagination--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Footer */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --footer--color-text: var(--global--color-primary);
+ --footer--color-link: var(--global--color-primary);
+ --footer--color-link-hover: var(--global--color-primary-hover);
+ --footer--font-family: var(--global--font-primary);
+ --footer--font-size: var(--global--font-size-sm);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Pull quote */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --pullquote--font-family: var(--global--font-primary);
+ --pullquote--font-size: var(--heading--font-size-h3);
+ --pullquote--font-style: normal;
+ --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+ --pullquote--line-height: var(--global--line-height-heading);
+ --pullquote--border-width: 3px;
+ --pullquote--border-color: var(--global--color-primary);
+ --pullquote--color-foreground: var(--global--color-primary);
+ --pullquote--color-background: var(--global--color-background);
+ --quote--font-family: var(--global--font-secondary);
+ --quote--font-size: var(--global--font-size-md);
+ --quote--font-size-large: var(--global--font-size-xl);
+ --quote--font-style: normal;
+ --quote--font-weight: 700;
+ --quote--font-weight-strong: bolder;
+ --quote--font-style-large: normal;
+ --quote--font-style-cite: normal;
+ --quote--line-height: var(--global--line-height-body);
+ --quote--line-height-large: 1.35;
+ --separator--border-color: var(--global--color-border);
+ --separator--height: 1px;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Table */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --table--stripes-border-color: var(--global--color-light-gray);
+ --table--stripes-background-color: var(--global--color-light-gray);
+ --table--has-background-text-color: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --widget--line-height-list: 1.9;
+ --widget--line-height-title: 1.4;
+ --widget--font-weight-title: 700;
+ --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Admin-bar height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --global--admin-bar--height: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar {
+ --global--admin-bar--height: 32px;
+}
+@media only screen and (max-width: 782px) {
+
+ .admin-bar {
+ --global--admin-bar--height: 46px;
+ }
+}
+
+@media only screen and (min-width: 652px) {
+
+ :root {
+ --global--font-size-xl: 2.5rem;
+ --global--font-size-xxl: 6rem;
+ --global--font-size-xxxl: 9rem;
+ --heading--font-size-h3: 2rem;
+ --heading--font-size-h2: 3rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Correct the line height in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Prevent adjustments of font size after orientation changes in iOS.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -130,13 +352,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-text-size-adjust: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Sections
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the margin in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -162,6 +387,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Grouping content
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Add the correct box sizing in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Show the overflow in Edge and IE.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -168,10 +394,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -181,13 +410,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> pre {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text-level semantics
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the gray background on active links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -202,10 +434,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> abbr[title] {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-style: dotted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -225,8 +460,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> kbd,
</span><span class="cx" style="display: block; padding: 0 10px"> samp {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -259,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Embedded content
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the border on images inside links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -268,6 +506,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Forms
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Change the font styles in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Remove the margin in Firefox and Safari.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -278,12 +517,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -293,6 +536,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> input {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,6 +547,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -311,9 +556,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Correct the inability to style clickable types in iOS and Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"],
-[type="reset"],
-[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button],
+[type=reset],
+[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -321,9 +566,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the inner border and padding in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button::-moz-focus-inner,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -332,9 +577,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Restore the focus styles unset by the previous rule.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button:-moz-focusring,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: 1px dotted ButtonText;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -353,16 +598,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> legend {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 3 */
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -384,11 +635,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Add the correct box sizing in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Remove the padding in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="checkbox"],
-[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=checkbox],
+[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -395,8 +648,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Correct the cursor style of increment and decrement buttons in Chrome.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -404,10 +657,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Correct the odd appearance in Chrome and Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Correct the outline style in Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: textfield;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -414,7 +669,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the inner padding in Chrome and Safari on macOS.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"]::-webkit-search-decoration {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search]::-webkit-search-decoration {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -424,13 +679,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> ::-webkit-file-upload-button {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Interactive
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Add the correct display in Edge, IE 10+, and Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -447,6 +705,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Misc
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add the correct display in IE 10+.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -464,394 +723,117 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/**
- * Extends
- */
-.default-max-width {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root {
+ --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+ --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignfull-width: 100%;
+ --responsive--alignright-margin: var(--global--spacing-horizontal);
+ --responsive--alignleft-margin: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .default-max-width{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- .default-max-width{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-@media only screen and (min-width: 482px){
- .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-@media only screen and (min-width: 482px){
- *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
-.entry-content .wp-audio-shortcode {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-@media only screen and (min-width: 482px){
- .entry-content .wp-audio-shortcode{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- .entry-content .wp-audio-shortcode{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
-.post-thumbnail {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-@media only screen and (min-width: 482px){
- .post-thumbnail{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- .post-thumbnail{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wide-max-width {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wide-max-width{
- max-width: calc(100vw - 100px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
+ --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+ --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+ --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .wide-max-width{
- max-width: min(calc(100vw - 200px), 1240px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
+ --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide {
- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Extends
+ */
+.post-thumbnail,
+.entry-content .wp-audio-shortcode,
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+.default-max-width {
+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .alignwide{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .alignwide{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.site-header {
- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area,
+.pagination,
+.comments-pagination,
+.post-navigation,
+.site-footer,
+.site-header,
+.alignwide,
+.wide-max-width {
+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .site-header{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .site-header{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.site-footer {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
- .site-footer{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .site-footer{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.post-navigation {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
- .post-navigation{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .post-navigation{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.pagination {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
- .pagination{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .pagination{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.comments-pagination {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
- .comments-pagination{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .comments-pagination{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.widget-area {
- max-width: calc(100vw - 30px);
- margin-left: auto;
- margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
- .widget-area{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .widget-area{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignfull,
+.wp-block-group .wp-block-group__inner-container > *.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .full-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 100%;
- width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignfull-width);
+ width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group .wp-block-group__inner-container > *.alignfull {
- max-width: 100%;
- width: 100%;
- margin-left: auto;
- margin-right: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignfull {
- max-width: 100%;
- width: 100%;
- margin-left: auto;
- margin-right: auto;
-}
-
-@media only screen and (min-width: 482px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .full-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .alignfull {
- max-width: 100%;
- width: auto;
- margin-left: auto;
- margin-right: auto;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide [class*="inner-container"] > .alignwide {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header .post-thumbnail,
+.singular .post-thumbnail,
+.alignfull [class*=inner-container] > .alignwide,
+.alignwide [class*=inner-container] > .alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(100vw - 30px);
- max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: var(--responsive--alignwide-width);
+ max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .alignwide [class*="inner-container"] > .alignwide{
- width: calc(100vw - 100px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .alignwide [class*="inner-container"] > .alignwide{
- width: min(calc(100vw - 200px), 1240px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignfull [class*="inner-container"] > .alignwide {
- margin-left: auto;
- margin-right: auto;
- width: calc(100vw - 30px);
- max-width: 100%;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
+ margin-left: var(--responsive--alignleft-margin);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .alignfull [class*="inner-container"] > .alignwide{
- width: calc(100vw - 100px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
+ margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .alignfull [class*="inner-container"] > .alignwide{
- width: min(calc(100vw - 200px), 1240px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-header .post-thumbnail {
- margin-left: auto;
- margin-right: auto;
- width: calc(100vw - 30px);
- max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
- .entry-header .post-thumbnail{
- width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .entry-header .post-thumbnail{
- width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.singular .post-thumbnail {
- margin-left: auto;
- margin-right: auto;
- width: calc(100vw - 30px);
- max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
- .singular .post-thumbnail{
- width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .singular .post-thumbnail{
- width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-@media only screen and (min-width: 482px) {
- .entry-content > .alignleft {
</del><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
- /*rtl:ignore*/
- margin-right: 25px;
- }
- @media only screen and (min-width: 482px){
- .entry-content > .alignleft{
- margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 482px){
- .entry-content > .alignleft{
- margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 822px){
- .entry-content > .alignleft{
- margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
- .entry-content > .alignright {
</del><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 25px;
- /*rtl:ignore*/
- margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: var(--responsive--alignright-margin);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media only screen and (min-width: 482px){
- .entry-content > .alignright{
- margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 482px){
- .entry-content > .alignright{
- margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 822px){
- .entry-content > .alignright{
- margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -862,43 +844,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - `--global--width-content` is a responsive veriable
</span><span class="cx" style="display: block; padding: 0 10px"> * - See: globals/_global-width-responsive.scss
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Top Level Wrappers (header, main, footer)
</span><span class="cx" style="display: block; padding: 0 10px"> * - Set vertical padding and horizontal margins
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header {
- padding-top: 30px;
- padding-bottom: 30px;
- margin-left: auto;
- margin-right: auto;
-}
-.site-main {
- padding-top: 30px;
- padding-bottom: 30px;
- margin-left: auto;
- margin-right: auto;
-}
-.widget-area {
- padding-top: 30px;
- padding-bottom: 30px;
- margin-left: auto;
- margin-right: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header,
+.site-main,
+.widget-area,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 30px;
- padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 23px;
- padding-bottom: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.75 * var(--global--spacing-vertical));
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -907,8 +875,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - Add double vertical margins here for clearer heirarchy
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 90px;
- margin-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(3 * var(--global--spacing-vertical));
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -922,44 +890,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the default maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the wide maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the full maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Block & non-gutenberg content wrappers
</span><span class="cx" style="display: block; padding: 0 10px"> * - Set margins
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-header {
- margin-top: 30px;
- margin-right: auto;
- margin-bottom: 30px;
- margin-left: auto;
-}
-.post-thumbnail {
- margin-top: 30px;
- margin-right: auto;
- margin-bottom: 30px;
- margin-left: auto;
-}
-.entry-content {
- margin-top: 30px;
- margin-right: auto;
- margin-bottom: 30px;
- margin-left: auto;
-}
-.entry-footer {
- margin-top: 30px;
- margin-right: auto;
- margin-bottom: 30px;
- margin-left: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header,
+.post-thumbnail,
+.entry-content,
+.entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -967,47 +918,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Block & non-gutenberg content wrapper children
</span><span class="cx" style="display: block; padding: 0 10px"> * - Sets spacing-vertical margin logic
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-main > article > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-.site-main > .not-found > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-.entry-content > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-[class*="inner-container"] > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-main > article > *,
+.site-main > .not-found > *,
+.entry-content > *,
+[class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
- .site-main > article > * {
- margin-top: 30px;
- margin-bottom: 30px;
- }
- .site-main > .not-found > * {
- margin-top: 30px;
- margin-bottom: 30px;
- }
- .entry-content > * {
- margin-top: 30px;
- margin-bottom: 30px;
- }
- [class*="inner-container"] > * {
- margin-top: 30px;
- margin-bottom: 30px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-main > article > *,
+ .site-main > .not-found > *,
+ .entry-content > *,
+ [class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1014,7 +941,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:first-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:first-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:first-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1022,29 +949,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:last-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:last-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:last-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
- .site-footer > * {
- margin-top: 30px;
- margin-bottom: 30px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-footer > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1052,25 +972,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Block & non-gutenberg content wrapper children
</span><span class="cx" style="display: block; padding: 0 10px"> * - Sets spacing-unit margins
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-header > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-.post-thumbnail > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-.page-content > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-.comment-content > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header > *,
+.post-thumbnail > *,
+.page-content > *,
+.comment-content > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-header > *:first-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1094,25 +1002,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - Adds special margin overrides for alignment utility classes
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Reset alignleft and alignright margins after alignfull */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignleft, .entry-content > *.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignleft,
+.entry-content > *.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignleft:first-child + *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignright:first-child + *,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:last-child,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignfull + .alignleft {
- margin-top: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignfull + .alignleft,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignfull + .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1154,25 +1063,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Apply border-box across the entire page. */
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Relax the definition a bit, to allow components to override it manually.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-*, *::before, *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*,
+*::before,
+*::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> button {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1209,12 +1121,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px 0 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1226,463 +1138,189 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: normal;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- font-style: normal;
- font-weight: 700;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--heading--letter-spacing-h4);
+ font-family: var(--quote--font-family);
+ font-size: var(--quote--font-size);
+ font-style: var(--quote--font-style);
+ font-weight: var(--quote--font-weight);
+ line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote cite {
- font-weight: normal;
- color: #28303d;
- font-size: 1rem;
- letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p {
- font-size: 1.125rem;
- max-width: inherit;
- width: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft cite {
- font-size: 1rem;
- letter-spacing: normal;
-}
-
-blockquote.alignleft footer {
- font-size: 1rem;
- letter-spacing: normal;
-}
-
-blockquote.alignright cite {
- font-size: 1rem;
- letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft cite,
+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
- font-size: 1.25rem;
- line-height: 1.7;
- position: absolute;
- left: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
+ font-size: var(--quote--font-size);
+ line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote .wp-block-quote__citation {
- color: #28303d;
- font-size: 1rem;
- font-style: normal;
-}
-
-blockquote cite {
- color: #28303d;
- font-size: 1rem;
- font-style: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote .wp-block-quote__citation,
+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ font-style: var(--quote--font-style-cite);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="email"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="url"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="password"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="search"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="number"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="tel"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="date"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="month"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="week"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="time"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="datetime"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="datetime-local"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
-input[type="color"] {
- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
- margin: 0 2px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text],
+input[type=email],
+input[type=url],
+input[type=password],
+input[type=search],
+input[type=number],
+input[type=tel],
+input[type=date],
+input[type=month],
+input[type=week],
+input[type=time],
+input[type=datetime],
+input[type=datetime-local],
+input[type=color],
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
- padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ color: var(--form--color-text);
+ line-height: var(--global--line-height-body);
+ padding: var(--form--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="email"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="url"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="password"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="search"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="number"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="tel"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="date"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="month"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="week"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="time"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="datetime"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="datetime-local"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
-input[type="color"]:focus {
- color: #28303d;
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=number]:focus,
+input[type=tel]:focus,
+input[type=date]:focus,
+input[type=month]:focus,
+input[type=week]:focus,
+input[type=time]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=color]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:disabled,
-input[type="email"]:disabled,
-input[type="url"]:disabled,
-input[type="password"]:disabled,
-input[type="search"]:disabled,
-input[type="number"]:disabled,
-input[type="tel"]:disabled,
-input[type="date"]:disabled,
-input[type="month"]:disabled,
-input[type="week"]:disabled,
-input[type="time"]:disabled,
-input[type="datetime"]:disabled,
-input[type="datetime-local"]:disabled,
-input[type="color"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:disabled,
+input[type=email]:disabled,
+input[type=url]:disabled,
+input[type=password]:disabled,
+input[type=search]:disabled,
+input[type=number]:disabled,
+input[type=tel]:disabled,
+input[type=date]:disabled,
+input[type=month]:disabled,
+input[type=week]:disabled,
+input[type=time]:disabled,
+input[type=datetime]:disabled,
+input[type=datetime-local]:disabled,
+input[type=color]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:disabled {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="text"] {
- background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=text],
+.is-dark-theme input[type=email],
+.is-dark-theme input[type=url],
+.is-dark-theme input[type=password],
+.is-dark-theme input[type=search],
+.is-dark-theme input[type=number],
+.is-dark-theme input[type=tel],
+.is-dark-theme input[type=date],
+.is-dark-theme input[type=month],
+.is-dark-theme input[type=week],
+.is-dark-theme input[type=time],
+.is-dark-theme input[type=datetime],
+.is-dark-theme input[type=datetime-local],
+.is-dark-theme input[type=color],
+.is-dark-theme .site textarea {
+ background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="email"] {
- background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=search]:focus {
+ outline-offset: -7px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="url"] {
- background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=search]:focus {
+ outline-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="password"] {
- background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=color] {
+ padding: calc(var(--form--spacing-unit) / 2);
+ height: calc(4 * var(--form--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="search"] {
- background: rgba(255, 255, 255, 0.9);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=email],
+input[type=url] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="number"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="tel"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="date"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="month"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="week"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="time"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="datetime"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="datetime-local"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="color"] {
- background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-.site textarea {
- background: rgba(255, 255, 255, 0.9);
-}
-
-input[type="search"]:focus {
- outline-offset: -7px;
-}
-
-.has-background-dark input[type="search"]:focus {
- outline-color: #d1e4dd;
-}
-
-input[type="color"] {
- padding: 5px;
- height: 40px;
-}
-
-input[type="email"],
-input[type="url"] {
</del><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #39414d;
- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+ color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.7;
- padding: 10px 30px 10px 10px;
- /* stylelint-disable */
- background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
- /* stylelint-enable */
- background-position: right 10px top 60%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--global--line-height-body);
+ padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+ background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+ background-position: right var(--form--spacing-unit) top 60%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> select:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark select {
- /* stylelint-disable */
- background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
- /* stylelint-enable */
- background-position: right 10px top 60%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme select {
+ background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+ background-position: right var(--form--spacing-unit) top 60%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1690,9 +1328,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- font-weight: 500;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--form--font-size);
+ font-weight: var(--form--label-weight);
+ margin-bottom: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1701,40 +1339,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> License: MIT.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox],
+ input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #39414d;
- background: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+ background: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"] {
- -webkit-appearance: none;
- -moz-appearance: none;
- position: relative;
- width: 25px;
- height: 25px;
- border: 3px solid #39414d;
- background: #fff;
- }
- input[type="checkbox"]:disabled,
- input[type="radio"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:disabled,
+ input[type=radio]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .has-background-dark input[type="checkbox"] {
- background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .is-dark-theme input[type=checkbox],
+ .is-dark-theme input[type=radio] {
+ background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .has-background-dark
- input[type="radio"] {
- background: rgba(255, 255, 255, 0.9);
- }
- input[type="checkbox"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1743,25 +1375,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 7px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 13px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 3px solid var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(30deg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:checked {
- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:checked {
+ color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1771,138 +1408,167 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 11px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 11px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked {
- border: 4px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked {
+ border: 4px solid var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 4px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="checkbox"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=checkbox] + label,
+input[type=radio] + label {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="radio"] + label {
- display: inline-block;
- padding-left: 10px;
- font-size: 1rem;
- vertical-align: top;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Hides the slider so that custom slider can be made */
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Specific width is required for Firefox. */
</span><span class="cx" style="display: block; padding: 0 10px"> height: 6px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]::-webkit-slider-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]::-webkit-slider-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 3px solid var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]::-moz-range-thumb {
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]::-moz-range-thumb {
+ border: 3px solid var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-track {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-track {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 19px 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-upper {
- background: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-upper {
+ background: var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-lower {
- background: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-lower {
+ background: var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-thumb {
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-thumb {
+ border: 3px solid var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> fieldset {
</span><span class="cx" style="display: block; padding: 0 10px"> display: grid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #39414d;
- padding: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-secondary);
+ padding: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> fieldset legend {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input:not([type="submit"]) {
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input:not([type=submit]) {
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"], fieldset input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio],
+fieldset input[type=checkbox] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"] + label {
- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio] + label,
+fieldset input[type=checkbox] + label {
+ font-size: var(--form--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="checkbox"] + label {
- font-size: 1.125rem;
- padding-left: 0;
- margin-bottom: 20px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> ::-moz-placeholder {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-password-message {
+ font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.post-password-form__label {
+ width: 100%;
+ margin-bottom: 0;
+}
+
+.post-password-form input[type=password] {
+ flex-grow: 1;
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ margin-right: calc(0.66 * var(--global--spacing-horizontal));
+}
+
+.post-password-form__submit {
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+}
+@media only screen and (min-width: 592px) {
+
+ .post-password-form__submit {
+ margin-left: calc(0.4 * var(--global--spacing-horizontal));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1923,39 +1589,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Media captions */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-figcaption {
- color: currentColor;
- font-size: 1rem;
- line-height: 1.7;
- margin-top: 10px;
- margin-bottom: 20px;
- text-align: center;
-}
-.wp-caption {
- color: currentColor;
- font-size: 1rem;
- line-height: 1.7;
- margin-top: 10px;
- margin-bottom: 20px;
- text-align: center;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+figcaption,
+.wp-caption,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- line-height: 1.7;
- margin-top: 10px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1994,7 +1644,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> text-underline-offset: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-skip-ink: all;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2005,29 +1655,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus {
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
+ color: var(--wp--style--color--link, var(--global--color-background));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus .meta-nav {
- color: #d1e4dd;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(0, 0, 0, 0.9);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus .meta-nav {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2039,97 +1688,47 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background:not(.has-background-background-color) .has-link-color a {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color).has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-audio audio:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 5px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Button
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button {
- line-height: 1.5;
- color: #d1e4dd;
- cursor: pointer;
- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
- text-decoration: none;
- padding: 15px 30px;
-}
-input[type="submit"] {
- line-height: 1.5;
- color: #d1e4dd;
- cursor: pointer;
- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
- text-decoration: none;
- padding: 15px 30px;
-}
-input[type="reset"] {
- line-height: 1.5;
- color: #d1e4dd;
- cursor: pointer;
- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
- text-decoration: none;
- padding: 15px 30px;
-}
-.wp-block-search__button {
- line-height: 1.5;
- color: #d1e4dd;
- cursor: pointer;
- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
- text-decoration: none;
- padding: 15px 30px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button,
+input[type=submit],
+input[type=reset],
+.wp-block-search__button,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.5;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before, .site .button:after,
-input[type="submit"]:before,
-input[type="submit"]:after,
-input[type="reset"]:before,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+.site .button:after,
+input[type=submit]:before,
+input[type=submit]:after,
+input[type=reset]:before,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2140,49 +1739,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before {
- margin-bottom: -calc(1em - 0);
-}
-
-input[type="submit"]:before {
- margin-bottom: -calc(1em - 0);
-}
-
-input[type="reset"]:before {
- margin-bottom: -calc(1em - 0);
-}
-
-.wp-block-search__button:before {
- margin-bottom: -calc(1em - 0);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+input[type=submit]:before,
+input[type=reset]:before,
+.wp-block-search__button:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:after {
- margin-top: -calc(1em - 0);
-}
-
-input[type="submit"]:after {
- margin-top: -calc(1em - 0);
-}
-
-input[type="reset"]:after {
- margin-top: -calc(1em - 0);
-}
-
-.wp-block-search__button:after {
- margin-top: -calc(1em - 0);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:after,
+input[type=submit]:after,
+input[type=reset]:after,
+.wp-block-search__button:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus,
-input[type="reset"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus,
+input[type=reset]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2190,127 +1765,47 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site .button:focus {
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site .button:focus,
+.is-dark-theme input[type=submit]:focus,
+.is-dark-theme input[type=reset]:focus,
+.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .wp-block-button .wp-block-button__link:focus {
+ color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="submit"]:focus {
- color: #39414d;
-}
-
-.has-background-dark
-input[type="reset"]:focus {
- color: #39414d;
-}
-
-.has-background-dark
-.wp-block-search__button:focus {
- color: #39414d;
-}
-
-.has-background-dark
-.wp-block-button .wp-block-button__link:focus {
- color: #39414d;
-}
-
-.site .button:focus:not(.has-background) {
- color: #39414d;
-}
-
-input[type="submit"]:focus:not(.has-background) {
- color: #39414d;
-}
-
-input[type="reset"]:focus:not(.has-background) {
- color: #39414d;
-}
-
-.wp-block-search__button:focus:not(.has-background) {
- color: #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:focus:not(.has-background),
+input[type=submit]:focus:not(.has-background),
+input[type=reset]:focus:not(.has-background),
+.wp-block-search__button:focus:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:disabled {
- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
-}
-
-input[type="submit"]:disabled {
- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
-}
-
-input[type="reset"]:disabled {
- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
-}
-
-.wp-block-search__button:disabled {
- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:disabled,
+input[type=submit]:disabled,
+input[type=reset]:disabled,
+.wp-block-search__button:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:active {
- color: #39414d;
- background-color: #d1e4dd;
-}
-
-input[type="submit"]:active {
- color: #39414d;
- background-color: #d1e4dd;
-}
-
-input[type="reset"]:active {
- color: #39414d;
- background-color: #d1e4dd;
-}
-
-.wp-block-search .wp-block-search__button:active {
- color: #39414d;
- background-color: #d1e4dd;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:active,
+input[type=submit]:active,
+input[type=reset]:active,
+.wp-block-search .wp-block-search__button:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
- background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-active);
+ background-color: var(--button--color-background-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:hover {
- color: #39414d;
- background: transparent;
-}
-
-input[type="submit"]:hover {
- color: #39414d;
- background: transparent;
-}
-
-input[type="reset"]:hover {
- color: #39414d;
- background: transparent;
-}
-
-.wp-block-search .wp-block-search__button:hover {
- color: #39414d;
- background: transparent;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+.wp-block-search .wp-block-search__button:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2317,98 +1812,77 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Block Options
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
- color: #39414d;
- background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+ color: var(--button--color-text-active) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- color: #39414d;
- background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+ color: var(--button--color-text-hover) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus {
- outline-offset: -7px;
- outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 15px 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
- border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active {
- background-color: #39414d;
- color: #d1e4dd;
- border: 3px solid #39414d;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- background-color: #39414d;
- color: #d1e4dd;
- border: 3px solid #39414d;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus {
- outline-offset: -7px;
</del><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #39414d;
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-background);
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background {
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+ color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:focus {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+ color: var(--button--color-background) !important;
+ background: transparent !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .is-style-squared .wp-block-button__link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2415,26 +1889,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-style-outline .wp-block-button__link[style*="radius"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.wp-block-button a.wp-block-button__link[style*=radius]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
- outline-offset: 2px;
- outline: 2px dotted #39414d;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 0.1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> white-space: pre;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2445,14 +1915,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.66 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2469,16 +1939,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2487,116 +1957,60 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-around;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -50px;
- margin-top: 63px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(-2 * var(--global--spacing-horizontal));
+ margin-top: calc(2.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
- background-color: #d1e4dd;
- padding: 20px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1e4dd;
- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-background);
+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
- padding-left: 50px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
- padding-left: 20px;
- padding-right: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 20px;
- padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover {
- background-color: #000;
- min-height: 450px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
+.wp-block-cover-image {
+ background-color: var(--cover--color-background);
+ min-height: var(--cover--height);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* default & custom background-color */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Treating H2 separately to account for legacy /core styles */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Block Styles */
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover-image {
- background-color: #000;
- min-height: 450px;
- margin-top: inherit;
- margin-bottom: inherit;
- /* default & custom background-color */
- /* Treating H2 separately to account for legacy /core styles */
</del><span class="cx" style="display: block; padding: 0 10px"> /* Block Styles */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2605,40 +2019,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container {
- color: currentColor;
- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignfull,
+.wp-block-cover-image.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover-image-text {
- color: currentColor;
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
-.wp-block-cover .wp-block-cover-text {
- color: currentColor;
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container {
- color: currentColor;
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text {
- color: currentColor;
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover-image-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-text {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container a,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2650,96 +2045,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-image-text .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-text .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
- color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover-text .has-link-color a,
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-text .has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
+ color: var(--cover--color-foreground);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
- color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
- color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
- color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
- color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
- color: #fff;
-}
-
-.wp-block-cover h2 {
- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
- max-width: inherit;
- text-align: inherit;
- padding: 0;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-cover h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-cover h2{
- font-size: 3rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-cover-image h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-cover-image h2{
- font-size: 3rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover h2.has-text-align-left,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2.has-text-align-left {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2755,32 +2088,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container {
- width: calc(100% - 60px);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover__inner-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(100% - 60px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(100% - calc(2 * var(--global--spacing-vertical)));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container > * {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
- .wp-block-cover .wp-block-cover__inner-container > * {
- margin-top: 30px;
- margin-bottom: 30px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover .wp-block-cover__inner-container > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2794,97 +2117,68 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft, .wp-block-cover.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft,
+.wp-block-cover.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft > * {
- margin-top: 60px;
- margin-bottom: 60px;
- padding-left: 25px;
- padding-right: 25px;
- width: 100%;
-}
-
-.wp-block-cover.alignright > * {
- margin-top: 60px;
- margin-bottom: 60px;
- padding-left: 25px;
- padding-right: 25px;
- width: 100%;
-}
-
-.wp-block-cover-image.alignleft > * {
- margin-top: 60px;
- margin-bottom: 60px;
- padding-left: 25px;
- padding-right: 25px;
- width: 100%;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft > *,
+.wp-block-cover.alignright > *,
+.wp-block-cover-image.alignleft > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 60px;
- margin-bottom: 60px;
- padding-left: 25px;
- padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: calc(2 * var(--global--spacing-vertical));
+ padding-left: var(--global--spacing-horizontal);
+ padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content,
+.wp-block-cover.has-right-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-right-content {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.is-style-twentytwentyone-border {
- border: 3px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.is-style-twentytwentyone-border,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file a.wp-block-file__button:active {
- color: #39414d;
- opacity: inherit;
-}
-
-.wp-block-file a.wp-block-file__button:focus {
- color: #39414d;
- opacity: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file a.wp-block-file__button:active,
+.wp-block-file a.wp-block-file__button:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file a.wp-block-file__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file a.wp-block-file__button:visited {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file a.wp-block-file__button:visited:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.5;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- background-color: #39414d;
- border-radius: 0;
- border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2892,11 +2186,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2905,18 +2199,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
+ color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.5);
- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2923,43 +2217,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image {
- width: calc(50% - 10px);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(50% - 10px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% - var(--global--spacing-unit)) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image figcaption {
- margin: 0;
- color: #fff;
- font-size: 1rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image figcaption,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item figcaption {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image figcaption a {
- color: #fff;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image figcaption a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item figcaption a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image figcaption a:focus {
- background-color: transparent;
- outline: 2px solid #28303d;
- text-decoration: none;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image figcaption a:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item figcaption a:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2974,7 +2252,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2986,14 +2265,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group .wp-block-group__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group .wp-block-group__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3006,288 +2285,104 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
- padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.has-background .wp-block-group__inner-container > .alignfull {
- max-width: calc(100% + 60px);
- width: calc(100% + 60px);
- margin-left: -30px;
-}
-
-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
- max-width: calc(100% + 60px);
- width: calc(100% + 60px);
- margin-left: -30px;
-}
-
-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull {
- max-width: calc(100% + 60px);
- width: calc(100% + 60px);
- margin-left: -30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100% + 60px);
- width: calc(100% + 60px);
- margin-left: -30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ margin-left: calc(-1 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h1 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h2 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h2 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h3 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h3 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h4 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h4 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h5 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-.h5 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
-h6 {
- clear: both;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1 strong {
- font-weight: 600;
-}
-
-.h1 strong {
- font-weight: 600;
-}
-
-h2 strong {
- font-weight: 600;
-}
-
-.h2 strong {
- font-weight: 600;
-}
-
-h3 strong {
- font-weight: 600;
-}
-
-.h3 strong {
- font-weight: 600;
-}
-
-h4 strong {
- font-weight: 600;
-}
-
-.h4 strong {
- font-weight: 600;
-}
-
-h5 strong {
- font-weight: 600;
-}
-
-.h5 strong {
- font-weight: 600;
-}
-
-h6 strong {
- font-weight: 600;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1 strong,
+.h1 strong,
+h2 strong,
+.h2 strong,
+h3 strong,
+.h3 strong,
+h4 strong,
+.h4 strong,
+h5 strong,
+.h5 strong,
+h6 strong,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--heading--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1 {
- font-size: 4rem;
- letter-spacing: normal;
- line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
- h1{
- font-size: 6rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 4rem;
- letter-spacing: normal;
- line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h1);
+ letter-spacing: var(--heading--letter-spacing-h1);
+ line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .h1{
- font-size: 6rem;
- }
-}
-
-h2 {
- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- h2{
- font-size: 3rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .h2{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .h2{
- font-size: 3rem;
- }
-}
-
-h3 {
- font-size: 2rem;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- h3{
- font-size: 2rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h3,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2rem;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h3);
+ letter-spacing: var(--heading--letter-spacing-h3);
+ line-height: var(--heading--line-height-h3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .h3{
- font-size: 2rem;
- }
-}
-
-h4 {
- font-size: 1.5rem;
- font-weight: 600;
- letter-spacing: normal;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h4,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
- font-weight: 600;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h4);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h4);
+ line-height: var(--heading--line-height-h4);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h5 {
- font-size: 1.125rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h5,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h5 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h5);
+ line-height: var(--heading--line-height-h5);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h6 {
- font-size: 1rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h6);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h6);
+ line-height: var(--heading--line-height-h6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3295,20 +2390,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image figcaption {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- line-height: 1.7;
- margin-top: 10px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image .alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image a:focus img {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3315,14 +2410,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"],
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image],
+.entry-content [class*=inner-container] > *[class=wp-block-image] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"] + *,
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image] + *,
+.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3332,26 +2427,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-image.is-style-twentytwentyone-border img {
- border: 3px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-image.is-style-twentytwentyone-border img,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3364,11 +2457,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+ line-height: var(--global--line-height-body);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Vertical margins logic */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3380,17 +2474,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3399,8 +2493,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 50px;
- margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3417,7 +2511,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3424,22 +2518,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3452,56 +2546,44 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 2rem;
- font-weight: normal;
- line-height: 1.3;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-latest-posts > li > a{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1.25rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 20px;
- padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-latest-posts.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3508,22 +2590,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-top: 3px solid #28303d;
- border-bottom: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
- padding-bottom: 30px;
- border-bottom: 1px solid #28303d;
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 30px;
- border-bottom: 1px solid #28303d;
- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
+ border-bottom: var(--separator--height) solid var(--global--color-border);
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3533,50 +2609,54 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: inset 0 -1px 0 0 #28303d;
- border-bottom: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+ border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 30px;
- padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+ padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 50%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 2));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 33%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 3));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 25%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 4));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 20%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 5));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 17%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% / 6));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
- padding: 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 25px;
- margin-bottom: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-horizontal);
+ margin-bottom: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3634,16 +2714,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- margin: 0;
- padding-left: 50px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> ol {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--list--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ul.aligncenter,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3668,44 +2743,50 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> dt {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--definition-term--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> dd {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text a:focus img {
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3716,16 +2797,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 30px;
- padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3733,13 +2814,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--primary-nav--font-family);
+ font-size: var(--primary-nav--font-size);
+ font-weight: var(--primary-nav--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link__submenu-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3753,7 +2834,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> min-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3763,7 +2844,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 7px 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3770,7 +2851,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
+.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> visibility: visible;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3777,26 +2859,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 1px solid var(--primary-nav--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before {
- content: "";
- display: block;
- position: absolute;
- width: 0;
- top: -10px;
- left: 25px;
- border-style: solid;
- border-color: #28303d transparent;
- border-width: 0 7px 10px 7px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3803,31 +2874,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> top: -10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #28303d transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--primary-nav--border-color) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</span><span class="cx" style="display: block; padding: 0 10px"> top: -9px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #d1e4dd transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-background) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3840,47 +2908,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: --global--line-height-body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--wp--typography--line-height, --global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p.has-text-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-password-message {
- font-size: 1.5rem;
-}
-
-.post-password-form {
- display: flex;
- flex-wrap: wrap;
-}
-
-.post-password-form__label {
- width: 100%;
- margin-bottom: 0;
-}
-
-.post-password-form__input {
- flex-grow: 1;
- margin-top: 10px;
- margin-right: 17px;
-}
-
-.post-password-form__submit {
- margin-top: 10px;
-}
-
-@media only screen and (min-width: 592px) {
- .post-password-form__submit {
- margin-left: 10px;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: pre;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3887,20 +2925,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 40px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(2 * var(--global--spacing-unit)) 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3908,46 +2947,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 2rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--pullquote--font-family);
+ font-size: var(--pullquote--font-size);
+ font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--pullquote--letter-spacing);
+ line-height: var(--pullquote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-pullquote p{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote .wp-block-pullquote__citation {
- color: currentColor;
- display: block;
- font-size: 1rem;
- font-style: normal;
- text-transform: none;
-}
-
-.wp-block-pullquote cite {
- color: currentColor;
- display: block;
- font-size: 1rem;
- font-style: normal;
- text-transform: none;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote footer {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3960,57 +2979,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote.alignwide > p {
- max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
- .wp-block-pullquote.alignwide > p{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .wp-block-pullquote.alignwide > p{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.alignwide > p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.alignwide blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wp-block-pullquote.alignwide blockquote{
- max-width: calc(100vw - 100px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .wp-block-pullquote.alignwide blockquote{
- max-width: min(calc(100vw - 200px), 1240px);
- }
-}
-
-.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p {
- padding: 0 40px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 calc(2 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- padding: 50px;
- border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--pullquote--color-foreground);
+ padding: calc(2.5 * var(--global--spacing-unit));
+ border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--pullquote--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4023,15 +3012,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--pullquote--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-pullquote.is-style-solid-color blockquote p{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color footer {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4039,46 +3022,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
-.wp-block-quote cite,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote cite,
-[style*="background-color"]
-.wp-block-quote cite,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote cite, .has-background:not(.has-background-background-color)
-.wp-block-quote footer,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote footer,
-[style*="background-color"]
-.wp-block-quote footer,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
+.has-background:not(.has-background-background-color) .wp-block-quote cite,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote cite,
+[style*=background-color] .wp-block-quote cite,
+.wp-block-cover[style*=background-image] .wp-block-quote cite,
+.has-background:not(.has-background-background-color) .wp-block-quote footer,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote footer,
+[style*=background-color] .wp-block-quote footer,
+.wp-block-cover[style*=background-image] .wp-block-quote footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px 25px 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-right: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center:before {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4085,145 +3063,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Resetting margins to match _block-container.scss */
- margin-top: 30px;
- margin-bottom: 30px;
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-style-large {
- padding-left: 0;
- padding-right: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> /* Resetting margins to match _block-container.scss */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p {
- font-size: 2.25rem;
- font-style: normal;
- line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-quote.is-large p{
- font-size: 2.5rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- font-style: normal;
- line-height: 1.35;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+ font-style: var(--quote--font-style-large);
+ line-height: var(--quote--line-height-large);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-quote.is-style-large p{
- font-size: 2.5rem;
- }
-}
-
-.wp-block-quote.is-large:before {
- font-size: 2.25rem;
- line-height: 1.35;
- left: -25px;
-}
-
-@media only screen and (min-width: 652px){
- .wp-block-quote.is-large:before{
- font-size: 2.5rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- line-height: 1.35;
- left: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+ line-height: var(--quote--line-height-large);
+ left: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-quote.is-style-large:before{
- font-size: 2.5rem;
- }
-}
-
-.wp-block-quote.is-large.has-text-align-right:before {
- left: initial;
- right: -25px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large .wp-block-quote__citation {
- color: #28303d;
- font-size: 1.125rem;
-}
-
-.wp-block-quote.is-large cite {
- color: #28303d;
- font-size: 1.125rem;
-}
-
-.wp-block-quote.is-large footer {
- color: #28303d;
- font-size: 1.125rem;
-}
-
-.wp-block-quote.is-style-large .wp-block-quote__citation {
- color: #28303d;
- font-size: 1.125rem;
-}
-
-.wp-block-quote.is-style-large cite {
- color: #28303d;
- font-size: 1.125rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large .wp-block-quote__citation,
+.wp-block-quote.is-large cite,
+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large .wp-block-quote__citation,
+.wp-block-quote.is-style-large cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .wp-block-quote.is-large {
- padding-left: 25px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large:before,
+ .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right {
- padding-left: 0;
- padding-right: 25px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right:before,
+ .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-center,
+ .wp-block-quote.is-style-large.has-text-align-center {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4239,8 +3157,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 50px;
- margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4252,7 +3170,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4259,22 +3177,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4287,56 +3205,44 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-title > a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 2rem;
- font-weight: normal;
- line-height: 1.3;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .wp-block-rss .wp-block-rss__item-title > a{
- font-size: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1.25rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-publish-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss .wp-block-rss__item-excerpt {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss .wp-block-rss__item-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 20px;
- padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4343,23 +3249,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .wp-block-search{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .wp-block-search{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button-inside .wp-block-search__inside-wrapper {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4367,38 +3261,158 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- font-weight: 500;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--form--font-size);
+ font-weight: var(--form--label-weight);
+ margin-bottom: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 3px solid #39414d;
- border-radius: 0;
- color: #28303d;
- line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ color: var(--form--color-text);
+ line-height: var(--form--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: -3px;
- padding: 10px;
- background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(-1 * var(--button--border-width));
+ padding: var(--form--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- border-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--form--color-text);
+ border-color: var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[class*=background-color]:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[style*=background-color] .wp-block-search .wp-block-search__input,
+.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input {
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+ border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
+ line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #39414d;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search button.wp-block-search__button.has-icon {
+ padding: 6px calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search button.wp-block-search__button.has-icon svg {
+ width: 40px;
+ height: 40px;
+ fill: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
+ color: var(--global--color-white);
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+ background-color: var(--button--color-background);
+ border-color: var(--global--color-white);
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+ color: var(--button--color-text);
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button {
+ border-color: currentColor;
+ color: currentColor;
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+ background-color: var(--form--border-color);
+ border-color: var(--form--border-color);
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-background);
+ color: var(--button--color-background);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4405,7 +3419,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4412,66 +3426,51 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-
-@media only screen and (min-width: 822px){
- hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom-width: calc(3 * var(--separator--height));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background,
+hr.wp-block-separator.is-style-dots.has-text-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background:before,
+hr.wp-block-separator.is-style-dots.has-text-color:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator.is-style-dots:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 2.25rem;
- letter-spacing: 1.125rem;
- padding-left: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--separator--border-color);
+ font-size: var(--global--font-size-xl);
+ letter-spacing: var(--global--font-size-sm);
+ padding-left: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- hr.wp-block-separator.is-style-dots:before{
- font-size: 2.5rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) hr.wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
-[style*="background-color"] hr.wp-block-separator,
-.wp-block-cover[style*="background-image"] hr.wp-block-separator {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) hr.wp-block-separator,
+[style*=background-color] hr.wp-block-separator,
+.wp-block-cover[style*=background-image] hr.wp-block-separator {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4483,10 +3482,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-spacer[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 20px !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: var(--global--spacing-unit) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4497,72 +3496,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-collapse: collapse;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table th {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table th,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table td {
- padding: 10px;
- border: 1px solid;
-}
-
-table th {
- padding: 10px;
- border: 1px solid;
-}
-
-.wp-block-table td {
- padding: 10px;
- border: 1px solid;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table td,
+table th,
+.wp-block-table td,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-regular .has-background {
- color: #28303d;
-}
-
-table.is-style-stripes .has-background thead tr {
- color: #28303d;
-}
-
-table.is-style-stripes .has-background tfoot tr {
- color: #28303d;
-}
-
-table.is-style-stripes .has-background tbody tr:nth-child(even) {
- color: #28303d;
-}
-
-.wp-block-table.is-style-regular .has-background {
- color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background thead tr {
- color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background tfoot tr {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-regular .has-background,
+table.is-style-stripes .has-background thead tr,
+table.is-style-stripes .has-background tfoot tr,
+table.is-style-stripes .has-background tbody tr:nth-child(even),
+.wp-block-table.is-style-regular .has-background,
+.wp-block-table.is-style-stripes .has-background thead tr,
+.wp-block-table.is-style-stripes .has-background tfoot tr,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--table--has-background-text-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes {
- border-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--table--stripes-border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table.is-style-stripes th,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4572,12 +3532,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes tbody tr:nth-child(odd) {
- background-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes tbody tr:nth-child(odd),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--table--stripes-background-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4603,13 +3560,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table caption {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-unit) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4626,19 +3583,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-tag-cloud.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 20px;
- padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--entry-content--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-video figcaption {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
- margin-top: 10px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4648,152 +3605,63 @@
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-extra-small-text {
- font-size: 1rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-extra-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-small-text {
- font-size: 1.125rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-regular-text {
- font-size: 1.25rem;
-}
-
-:root .has-regular-font-size {
- font-size: 1.25rem;
-}
-
-:root .is-normal-font-size {
- font-size: 1.25rem;
-}
-
-:root .has-normal-font-size {
- font-size: 1.25rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-regular-text,
+:root .has-regular-font-size,
+:root .is-normal-font-size,
+:root .has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-medium-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-large-text {
- font-size: 1.5rem;
- line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
+ line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-larger-text {
- font-size: 2.5rem;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-larger-text{
- font-size: 2.5rem;
- }
-}
-
-:root .has-larger-font-size {
- font-size: 2.5rem;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- :root .has-larger-font-size{
- font-size: 2.5rem;
- }
-}
-
-:root .is-extra-large-text {
- font-size: 2.5rem;
- line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-extra-large-text{
- font-size: 2.5rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-larger-text,
+:root .has-larger-font-size,
+:root .is-extra-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.5rem;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xl);
+ line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- :root .has-extra-large-font-size{
- font-size: 2.5rem;
- }
-}
-
-:root .is-huge-text {
- font-size: 6rem;
- line-height: 1.3;
- font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-huge-text{
- font-size: 6rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-huge-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-huge-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 6rem;
- line-height: 1.3;
- font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxl);
+ line-height: var(--global--line-height-heading);
+ font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- :root .has-huge-font-size{
- font-size: 6rem;
- }
-}
-
-:root .is-gigantic-text {
- font-size: 9rem;
- line-height: 1.3;
- font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
- :root .is-gigantic-text{
- font-size: 9rem;
- }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-gigantic-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-gigantic-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 9rem;
- line-height: 1.3;
- font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxxl);
+ line-height: var(--global--line-height-heading);
+ font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- :root .has-gigantic-font-size{
- font-size: 9rem;
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Block Alignments */
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* Block Alignments */
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * These selectors set the default max width for content appearing inside a post or page.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * .alignleft
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4800,47 +3668,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .entry-content > .alignleft{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .entry-content > .alignleft{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
- .alignleft {
</del><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 25px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: var(--global--spacing-horizontal);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(50% - var(--responsive--alignleft-margin));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media only screen and (min-width: 482px){
- .entry-content > .alignleft{
- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 482px){
- .entry-content > .alignleft{
- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 822px){
- .entry-content > .alignleft{
- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4860,54 +3705,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .entry-content > .alignright{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
- .entry-content > .alignright{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
- .alignright {
</del><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(50% - var(--responsive--alignright-margin));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media only screen and (min-width: 482px){
- .entry-content > .alignright{
- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 482px){
- .entry-content > .alignright{
- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
- @media only screen and (min-width: 822px){
- .entry-content > .alignright{
- max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > .alignleft + *,
-[class*="inner-container"] > .alignright + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > .alignleft + *,
+[class*=inner-container] > .alignright + * {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4938,22 +3760,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap:not(:focus)::first-letter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 0.66;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.1em 0.1em 0 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(1.2 * var(--heading--font-size-h1));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .has-drop-cap:not(:focus)::first-letter{
- font-size: 7rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap:not(:focus)::after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4964,8 +3780,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4976,27 +3792,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- row-gap: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ row-gap: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-custom-logo .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(var(--global--spacing-vertical) / 0.75);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 72px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(2.4 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--branding--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 140px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5005,8 +3821,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5014,42 +3830,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--branding--color-link);
+ font-family: var(--branding--title--font-family);
+ font-size: var(--branding--title--font-size-mobile);
</ins><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-transform: uppercase;
- line-height: 1.3;
- margin-bottom: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-transform: var(--branding--title--text-transform);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(var(--global--spacing-vertical) / 6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--branding--title--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:link, .site-title a:visited, .site-title a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited,
+.site-title a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:hover {
- color: #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-title a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--branding--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--branding--title--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-description {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--branding--description--font-family);
+ font-size: var(--branding--description--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5058,16 +3873,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-decoration-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration-color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 15px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(var(--global--spacing-vertical) / 2) 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header > .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 45px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5075,17 +3890,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo .custom-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 96px;
- max-height: 96px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--branding--logo--max-width-mobile);
+ max-height: var(--branding--logo--max-height-mobile);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-logo .custom-logo {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 300px;
- max-height: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--branding--logo--max-width);
+ max-height: var(--branding--logo--max-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5092,51 +3907,64 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ top: var(--global--admin-bar--height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-height: calc(10px + 2em);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline.has-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 11px;
- padding-right: 11px;
- margin-right: -15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+ padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+ margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header:not(.has-logo).has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header:not(.has-menu) {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5144,36 +3972,37 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 51px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: calc(1.7 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .no-widgets .site-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 180px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(6 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 30px;
- color: #28303d;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- line-height: 1.7;
- border-top: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+ color: var(--footer--color-text);
+ font-family: var(--footer--font-family);
+ font-size: var(--footer--font-size);
+ line-height: var(--global--line-height-body);
+ border-top: 3px solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .site-name {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-transform: uppercase;
- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-transform: var(--branding--title--text-transform);
+ font-size: var(--branding--title--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5181,33 +4010,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:link {
- color: #28303d;
-}
-
-.site-footer > .site-info a:visited {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:link,
+.site-footer > .site-info a:visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site-footer > .site-info a:focus {
+ color: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 3px solid #28303d;
- padding-bottom: 60px;
- margin-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 3px solid var(--global--color-border);
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .home .entry-header {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5218,12 +4045,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .singular .has-post-thumbnail .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 39px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: calc(1.3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .no-results.not-found > *:first-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .page-links {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5232,8 +4059,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .page-links .post-page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 13px;
- margin-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(0.66 * var(--global--spacing-unit));
+ margin-right: calc(0.66 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> min-width: 44px;
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 44px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5243,65 +4070,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 2.25rem;
- letter-spacing: normal;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color);
+ font-size: var(--entry-header--font-size);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .entry-title{
- font-size: 3rem;
- }
-}
-
-@media only screen and (min-width: 652px){
- .entry-title{
- font-size: 3rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-title a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-underline-offset: 0.15em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-focus);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 4rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .singular .entry-title{
- font-size: 6rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> h1.entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.1;
- font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--heading--line-height-h1);
+ font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Entry Content
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-summary {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--entry-content--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5309,21 +4116,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px 0 !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) 0 !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 30px !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--global--spacing-vertical) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5335,12 +4142,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-footer a:hover {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-footer a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-footer a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-footer a:active {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5348,26 +4152,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- padding-top: 20px;
- padding-bottom: 90px;
- border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ padding-top: var(--global--spacing-unit);
+ padding-bottom: calc(3 * var(--global--spacing-vertical));
+ border-bottom: var(--separator--height) solid var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body:not(.single) .site-main > article:last-of-type .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 102px;
- margin-bottom: 102px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(3.4 * var(--global--spacing-vertical));
+ margin-bottom: calc(3.4 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 24px;
- border-top: 3px solid #28303d;
- border-bottom: 1px solid transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.8 * var(--global--spacing-vertical));
+ border-top: 3px solid var(--separator--border-color);
+ border-bottom: var(--separator--height) solid transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: grid;
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(2, 1fr);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- column-gap: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ column-gap: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5386,14 +4190,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .tags-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5410,46 +4216,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-width: calc(100vw - 30px);
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .post-thumbnail .wp-post-image{
- min-width: min(calc(100vw - 100px), 610px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .post-thumbnail .wp-post-image{
- min-width: min(calc(100vw - 200px), 610px);
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Author
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .author-bio{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-@media only screen and (min-width: 822px){
- .author-bio{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio.show-avatars .avatar {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5460,131 +4243,62 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio.show-avatars .author-bio-content {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 25px;
- max-width: calc(100vw - 120px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-horizontal);
+ max-width: calc(var(--responsive--aligndefault-width) - 90px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .author-bio.show-avatars .author-bio-content{
- max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .author-bio.show-avatars .author-bio-content{
- max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px);
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-bio-content .author-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--entry-author-bio--font-family);
+ font-size: var(--entry-author-bio--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-bio-content .author-description {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- margin-top: 15px;
- margin-bottom: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+ margin-top: calc(0.5 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 4rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .page-title{
- font-size: 6rem;
- }
-}
-
-h1.page-title {
- font-weight: 300;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1.page-title,
</ins><span class="cx" style="display: block; padding: 0 10px"> h2.page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1.page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .page-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 3px solid #28303d;
- padding-bottom: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 3px solid var(--global--color-border);
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.archive .content-area .format-aside .entry-content {
- font-size: 1.5rem;
-}
-
-.archive .content-area .format-status .entry-content {
- font-size: 1.5rem;
-}
-
-.archive .content-area .format-link .entry-content {
- font-size: 1.5rem;
-}
-
-.search .content-area .format-aside .entry-content {
- font-size: 1.5rem;
-}
-
-.search .content-area .format-status .entry-content {
- font-size: 1.5rem;
-}
-
-.search .content-area .format-link .entry-content {
- font-size: 1.5rem;
-}
-
-.blog .content-area .format-aside .entry-content {
- font-size: 1.5rem;
-}
-
-.blog .content-area .format-status .entry-content {
- font-size: 1.5rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .content-area .format-aside .entry-content,
+.archive .content-area .format-status .entry-content,
+.archive .content-area .format-link .entry-content,
+.search .content-area .format-aside .entry-content,
+.search .content-area .format-status .entry-content,
+.search .content-area .format-link .entry-content,
+.blog .content-area .format-aside .entry-content,
+.blog .content-area .format-status .entry-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .blog .content-area .format-link .entry-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.archive .format-image .entry-content {
- margin-top: 60px;
-}
-
-.archive .format-gallery .entry-content {
- margin-top: 60px;
-}
-
-.archive .format-video .entry-content {
- margin-top: 60px;
-}
-
-.search .format-image .entry-content {
- margin-top: 60px;
-}
-
-.search .format-gallery .entry-content {
- margin-top: 60px;
-}
-
-.search .format-video .entry-content {
- margin-top: 60px;
-}
-
-.blog .format-image .entry-content {
- margin-top: 60px;
-}
-
-.blog .format-gallery .entry-content {
- margin-top: 60px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .format-image .entry-content,
+.archive .format-gallery .entry-content,
+.archive .format-video .entry-content,
+.search .format-image .entry-content,
+.search .format-gallery .entry-content,
+.search .format-video .entry-content,
+.blog .format-image .entry-content,
+.blog .format-gallery .entry-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .blog .format-video .entry-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .archive .entry-footer .cat-links,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5596,37 +4310,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.archive.logged-in .entry-footer .posted-on {
- margin-right: 10px;
-}
-
-.search.logged-in .entry-footer .posted-on {
- margin-right: 10px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive.logged-in .entry-footer .posted-on,
+.search.logged-in .entry-footer .posted-on,
</ins><span class="cx" style="display: block; padding: 0 10px"> .blog.logged-in .entry-footer .posted-on {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(0.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .archive-description {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- font-size: 2.25rem;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ font-size: var(--global--font-size-xl);
+ line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .archive-description{
- font-size: 2.5rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .error404 main p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
- margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
+ margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .search-no-results .page-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5633,8 +4335,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Comments Wrapper
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5663,34 +4365,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Comment Title
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comments-title {
- font-size: 2.25rem;
- letter-spacing: normal;
-}
-@media only screen and (min-width: 652px){
- .comments-title{
- font-size: 3rem;
- }
-}
-@media only screen and (min-width: 652px){
- .comments-title{
- font-size: 3rem;
- }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comments-title,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25rem;
- letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
- .comment-reply-title{
- font-size: 3rem;
- }
-}
-@media only screen and (min-width: 652px){
- .comment-reply-title{
- font-size: 3rem;
- }
-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5698,8 +4377,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-title small a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: normal;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5707,7 +4386,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Nested comment reply title*/
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-respond .comment-reply-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5719,8 +4398,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list .children {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5729,16 +4408,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list .children > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-list .depth-2 {
- padding-left: 100px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .comment-list .depth-2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-list .depth-3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(4 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5746,11 +4424,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Comment Meta
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.3;
- margin-bottom: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5758,9 +4436,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author .fn {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px"> hyphens: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> word-break: break-word;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5767,19 +4445,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 8px 0 9px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata .edit-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5786,8 +4465,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .reply {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+ line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .bypostauthor {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5798,22 +4477,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pingback .url {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pingback .url,
</ins><span class="cx" style="display: block; padding: 0 10px"> .trackback .url {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-body {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 51px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(1.7 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-body > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-body .reply {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5824,23 +4500,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pingback .comment-body {
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pingback .comment-body,
</ins><span class="cx" style="display: block; padding: 0 10px"> .trackback .comment-body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 20px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5852,7 +4524,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond > *:last-child.comment-form {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-author {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5873,7 +4545,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-notes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-url,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5886,8 +4558,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-basis: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-author,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-email {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-basis: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5894,18 +4566,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form .comment-form-cookies-consent > label {
- font-size: 1rem;
- font-weight: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form .comment-form-cookies-consent > label,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-notes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p:first-of-type {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5916,55 +4584,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form > p label {
- display: block;
- font-size: 1.125rem;
- margin-bottom: 10px;
- width: 100%;
- font-weight: 500;
-}
-
-.comment-form > p input[type="email"] {
- display: block;
- font-size: 1.125rem;
- margin-bottom: 10px;
- width: 100%;
- font-weight: 500;
-}
-
-.comment-form > p input[type="text"] {
- display: block;
- font-size: 1.125rem;
- margin-bottom: 10px;
- width: 100%;
- font-weight: 500;
-}
-
-.comment-form > p input[type="url"] {
- display: block;
- font-size: 1.125rem;
- margin-bottom: 10px;
- width: 100%;
- font-weight: 500;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form > p label,
+.comment-form > p input[type=email],
+.comment-form > p input[type=text],
+.comment-form > p input[type=url],
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+ margin-bottom: calc(.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--form--label-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-cookies-consent {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 38px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(1.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .comment-form > p.comment-notes,
+ .comment-form > p.logged-in-as {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5974,17 +4616,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 15px;
- padding-bottom: 8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.5 * var(--global--spacing-vertical));
+ padding-bottom: calc(0.25 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 10px 25px;
- margin-right: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5992,11 +4633,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- font-weight: 500;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--primary-nav--font-size-button);
+ font-weight: var(--primary-nav--font-weight-button);
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button .dropdown-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6005,7 +4646,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button .dropdown-icon .svg-icon {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button .dropdown-icon.open .svg-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6017,15 +4658,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px"> animation-name: twentytwentyone-close-button-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> animation-duration: 0.3s;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6033,7 +4674,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 500;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .menu-button-container #primary-mobile-menu {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6042,10 +4683,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ top: var(--global--admin-bar--height);
</ins><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-text);
+ font-size: var(--primary-nav--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6059,16 +4700,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: calc(2rem + 47px);
- padding-left: 20px;
- padding-right: 20px;
- padding-bottom: 25px;
- background-color: #d1e4dd;
- transition: all .15s ease-in-out;
- transform: translateY(30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+ padding-bottom: var(--global--spacing-horizontal);
+ background-color: var(--global--color-background);
+ transition: all 0.15s ease-in-out;
+ transform: translateY(var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100vh;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 499;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6076,32 +4717,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(0) translateX(100%);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- top: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ top: var(--global--admin-bar--height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media only screen and (max-width: 782px){
- .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container{
- top: 46px;
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation > .primary-menu-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: calc(100vh - 32px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: calc(100vh - var(--global--admin-bar--height));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media only screen and (max-width: 782px){
- .admin-bar .primary-navigation > .primary-menu-container{
- height: calc(100vh - 46px);
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 2px solid var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6115,18 +4750,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateX(0) translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> visibility: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6136,15 +4772,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation #toggle-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6160,8 +4800,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation > div > .menu-wrapper {
+ padding-bottom: 100px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6172,13 +4816,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper li:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6185,7 +4830,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: calc(27px + 1em);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 44px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6196,10 +4841,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6221,11 +4866,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6232,8 +4877,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6244,17 +4889,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transition: all 0.5s ease;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 88888;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu:before {
- content: "";
- display: block;
- position: absolute;
- width: 0;
- top: -10px;
- left: 25px;
- border-style: solid;
- border-color: #28303d transparent;
- border-width: 0 7px 10px 7px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6261,109 +4897,110 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> top: -10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #28303d transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--primary-nav--border-color) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px"> top: -9px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #d1e4dd transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-background) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before {
- /* rtl:ignore */
- left: 25px;
- /* rtl:ignore */
- right: auto;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: var(--global--spacing-horizontal);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before {
- /* rtl:ignore */
- left: auto;
- /* rtl:ignore */
- right: 25px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> left: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu > .menu-item:hover > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: -13px;
- margin-left: -13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(0px - var(--primary-nav--padding));
+ margin-left: calc(0px - var(--primary-nav--padding));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 13px;
- padding-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--primary-nav--padding);
+ padding-right: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(0px - var(--primary-nav--padding));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.125rem;
- font-weight: normal;
- padding: 13px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--primary-nav--font-family-mobile);
+ font-size: var(--primary-nav--font-size-mobile);
+ font-weight: var(--primary-nav--font-weight);
+ padding: var(--primary-nav--padding) 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.25rem;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--primary-nav--font-family);
+ font-size: var(--primary-nav--font-size);
+ font-weight: var(--primary-nav--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a + svg {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- fill: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ fill: var(--primary-nav--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation a:hover {
- color: #28303d;
-}
-
-.primary-navigation a:link {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation a:hover,
+.primary-navigation a:link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a:visited {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6393,37 +5030,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 13px;
- border: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--primary-nav--padding);
+ border: 1px solid var(--primary-nav--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu > .menu-item > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .primary-navigation .sub-menu .menu-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation .sub-menu .menu-item:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .menu-item > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 17px 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--primary-nav--font-size-sub-menu-mobile);
+ font-style: var(--primary-nav--font-style-sub-menu-mobile);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .menu-item > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
- font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--primary-nav--font-size-sub-menu);
+ font-style: var(--primary-nav--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6430,12 +5067,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6444,7 +5082,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-description {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6454,6 +5092,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .lock-scrolling .site {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6460,11 +5099,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@keyframes twentytwentyone-close-button-transition {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@keyframes twentytwentyone-close-button-transition {
</del><span class="cx" style="display: block; padding: 0 10px"> from {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> to {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6471,11 +5111,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 60px;
- margin-bottom: 30px;
- color: #28303d;
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: var(--global--spacing-vertical);
+ color: var(--footer--color-text);
+ font-size: var(--global--font-size-xs);
+ font-family: var(--footer--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6492,21 +5132,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 17px 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: transform 0.1s ease;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.footer-navigation-wrapper li a:link {
- color: #28303d;
-}
-
-.footer-navigation-wrapper li a:visited {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.footer-navigation-wrapper li a:link,
+.footer-navigation-wrapper li a:visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6513,12 +5147,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-style: dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-skip-ink: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
+ fill: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- fill: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ fill: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6532,25 +5170,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Next/Previous navigation */
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links > * {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6567,25 +5205,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .dots {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .navigation .nav-links .nav-next {
- flex: 0 1 auto;
- margin-bottom: inherit;
- margin-top: inherit;
- max-width: calc(50% - 10px);
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .navigation .nav-links .nav-next,
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-previous {
</span><span class="cx" style="display: block; padding: 0 10px"> flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(50% - 10px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6598,69 +5233,57 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.navigation .nav-previous .svg-icon {
- top: -2px;
- margin-right: 5px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.navigation .nav-previous .svg-icon,
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .prev .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> top: -2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.navigation .nav-next .svg-icon {
- top: -1px;
- margin-left: 5px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.navigation .nav-next .svg-icon,
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .next .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .meta-nav {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.7;
- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--global--line-height-body);
+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.5rem;
- font-weight: 600;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-primary);
+ font-size: var(--global--font-size-lg);
+ font-weight: var(--pagination--font-weight-strong);
+ line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 5px 29px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-navigation .nav-next {
- margin-top: 30px;
- margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-navigation .nav-next,
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-previous {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
- margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-next:first-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6679,61 +5302,44 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-thickness: 1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination {
- border-top: 3px solid #28303d;
- padding-top: 30px;
- margin: 30px auto;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-top: 3px solid #28303d;
- padding-top: 30px;
- margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 3px solid var(--global--color-border);
+ padding-top: var(--global--spacing-vertical);
+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
- .pagination {
- margin: 30px auto;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .pagination,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links {
- margin-top: -30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(-1 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > * {
- color: #28303d;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.5rem;
- font-weight: normal;
- margin-top: 30px;
- margin-left: 13px;
- margin-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:hover,
+.comments-pagination .nav-links a:hover {
+ color: var(--pagination--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.5rem;
- font-weight: normal;
- margin-top: 30px;
- margin-left: 13px;
- margin-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--pagination--color-text);
+ font-family: var(--pagination--font-family);
+ font-size: var(--pagination--font-size);
+ font-weight: var(--pagination--font-weight);
+ margin-top: var(--global--spacing-vertical);
+ margin-left: calc(0.66 * var(--global--spacing-unit));
+ margin-right: calc(0.66 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *.current {
- border-bottom: 1px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links > *.current,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.current {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid var(--pagination--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:first-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6741,14 +5347,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *a:hover {
- color: #28303d;
-}
-
-.comments-pagination .nav-links > *a:hover {
- color: #28303d;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6763,18 +5361,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.prev {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 821px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 821px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .page-numbers,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .pagination .page-numbers.prev, .pagination .page-numbers.next,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .pagination .page-numbers.prev,
+ .pagination .page-numbers.next,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers.prev,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers.next {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6781,39 +5382,46 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .pagination .nav-short,
+ .comments-pagination .nav-short {
+ display: none;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 20px;
- margin: 90px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.66 * var(--global--spacing-vertical));
+ margin: calc(3 * var(--global--spacing-vertical)) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 90px auto 120px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-md);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 180px;
- padding-bottom: 10px;
- color: #28303d;
- font-size: 1.125rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(6 * var(--global--spacing-vertical));
+ padding-bottom: calc(var(--global--spacing-vertical) / 3);
+ color: var(--footer--color-text);
+ font-size: var(--footer--font-size);
+ font-family: var(--footer--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> display: grid;
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(2, 1fr);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- column-gap: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ column-gap: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1024px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1024px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(3, 1fr);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6825,15 +5433,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area ul li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.9;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--widget--line-height-list);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area ul.sub-menu {
- margin-left: 13px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area ul.sub-menu,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area ul.children {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--widget--spacing-menu);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area ul .sub-menu-toggle {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6841,36 +5446,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area a:link {
- color: #28303d;
-}
-
-.widget-area a:visited {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area a:link,
+.widget-area a:visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration-style: dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area .wp-block-social-links.alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: flex-end;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area .wp-block-social-links.alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6880,9 +5479,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.125rem;
- font-weight: 700;
- line-height: 1.4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+ font-weight: var(--widget--font-weight-title);
+ line-height: var(--widget--line-height-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .search-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6889,55 +5488,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
- .search-form{
- max-width: min(calc(100vw - 100px), 610px);
- }
-}
-
-@media only screen and (min-width: 822px){
- .search-form{
- max-width: min(calc(100vw - 200px), 610px);
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .search-form > label {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--form--label-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .search-form .search-field {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
- margin-right: 17px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ margin-right: calc(0.66 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .search-form .search-submit {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_search > .search-form .search-field {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: -3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(-1 * var(--button--border-width));
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_search > .search-form .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
- margin-bottom: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
+ margin-bottom: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_search > .search-form .search-submit:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #39414d;
- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss a.rsswidget .rss-widget-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6987,6 +5574,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (prefers-reduced-motion) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> * {
</span><span class="cx" style="display: block; padding: 0 10px"> transition-delay: 0s !important;
</span><span class="cx" style="display: block; padding: 0 10px"> transition-duration: 0s !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6994,43 +5582,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7045,127 +5633,97 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class] {
- color: #fff;
-}
-
-:not(.has-text-color).has-gray-background-color[class] {
- color: #fff;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-blue-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-purple-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-red-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-orange-background-color[class] {
- color: #28303d;
-}
-
-:not(.has-text-color).has-yellow-background-color[class] {
- color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #d1d1e4, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #eeeadd, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #d1e4dd, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-green-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #eeeadd, #d1e4dd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #e4d1d1, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #eeeadd, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-header * {
- max-width: unset;
-}
-
-main * {
- max-width: unset;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+header *,
+main *,
</ins><span class="cx" style="display: block; padding: 0 10px"> footer * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: unset;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--global--spacing-measure);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> html,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7182,43 +5740,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark *,
-.is-IE.has-background-dark a,
-.is-IE.has-background-dark .site-description,
-.is-IE.has-background-dark .entry-title,
-.is-IE.has-background-dark .entry-footer,
-.is-IE.has-background-dark .widget-area,
-.is-IE.has-background-dark .post-navigation .meta-nav,
-.is-IE.has-background-dark .footer-navigation-wrapper li a:link,
-.is-IE.has-background-dark .site-footer > .site-info,
-.is-IE.has-background-dark .site-footer > .site-info a,
-.is-IE.has-background-dark .site-footer > .site-info a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme *,
+.is-IE.is-dark-theme a,
+.is-IE.is-dark-theme .site-description,
+.is-IE.is-dark-theme .entry-title,
+.is-IE.is-dark-theme .entry-footer,
+.is-IE.is-dark-theme .widget-area,
+.is-IE.is-dark-theme .post-navigation .meta-nav,
+.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
+.is-IE.is-dark-theme .site-footer > .site-info,
+.is-IE.is-dark-theme .site-footer > .site-info a,
+.is-IE.is-dark-theme .site-footer > .site-info a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .sub-menu-toggle svg,
-.is-IE.has-background-dark .sub-menu-toggle path,
-.is-IE.has-background-dark .post-navigation .meta-nav svg,
-.is-IE.has-background-dark .post-navigation .meta-nav path {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .sub-menu-toggle svg,
+.is-IE.is-dark-theme .sub-menu-toggle path,
+.is-IE.is-dark-theme .post-navigation .meta-nav svg,
+.is-IE.is-dark-theme .post-navigation .meta-nav path {
</ins><span class="cx" style="display: block; padding: 0 10px"> fill: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .is-IE.has-background-dark.primary-navigation-open .primary-navigation > .primary-menu-container,
- .is-IE.has-background-dark.primary-navigation-open .menu-button-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
+ .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .skip-link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .skip-link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7229,4 +5787,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .is-IE .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*# sourceMappingURL=ie.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssprintcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,10 +2,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Adding print support. The print styles are based on the the great work of
</span><span class="cx" style="display: block; padding: 0 10px"> Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> >>> TABLE OF CONTENTS:
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------------------------
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-# Margins
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+# Margins & paddings
</ins><span class="cx" style="display: block; padding: 0 10px"> # Typography
</span><span class="cx" style="display: block; padding: 0 10px"> # Page breaks
</span><span class="cx" style="display: block; padding: 0 10px"> # Links
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,17 +13,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> # Visibility
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> @media print {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Margins */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* Margins & paddings */
</ins><span class="cx" style="display: block; padding: 0 10px"> @page {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry {
- margin-top: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .entry .entry-header,
+ .entry,
+ .single .site-main > article > .entry-footer {
+ margin-top: 0;
+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry .entry-header,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer .site-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .site-header {
+ padding: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Fonts */
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><span class="cx" style="display: block; padding: 0 10px"> font: 13pt Georgia, "Times New Roman", Times, serif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,9 +42,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff !important;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h1 {
- font-size: 24pt;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .has-background-dark * {
+ color: #000 !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ h1,
+ .entry-title,
+ .singular .entry-title,
+ .page-title {
+ font-size: 22pt;
+ font-weight: bold;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> h4,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,17 +62,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .has-large-font-size,
</span><span class="cx" style="display: block; padding: 0 10px"> h2.author-title,
</span><span class="cx" style="display: block; padding: 0 10px"> p.author-bio,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comments-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-title,
+ .archive-description {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 14pt;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .comment-meta,
+ .comment-meta .comment-author .fn {
+ font-size: 13pt;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Page breaks */
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> h1,
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,19 +91,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> page-break-after: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="cx" style="display: block; padding: 0 10px"> page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> page-break-after: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> table,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- pre {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ pre,
+ figure {
</ins><span class="cx" style="display: block; padding: 0 10px"> page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> ul,
</span><span class="cx" style="display: block; padding: 0 10px"> ol,
</span><span class="cx" style="display: block; padding: 0 10px"> dl {
</span><span class="cx" style="display: block; padding: 0 10px"> page-break-before: avoid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Links */
</span><span class="cx" style="display: block; padding: 0 10px"> a:link,
</span><span class="cx" style="display: block; padding: 0 10px"> a:visited,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -83,80 +118,61 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- a[href^="http"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ a[href^=http]:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: " < " attr(href) "> ";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> a:after > img {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> article a[href^="#"]:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> a:not(:local-link):after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: " < " attr(href) "> ";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .entry-title a:after {
+ content: "\a< " attr(href) "> ";
+ white-space: pre;
+ font-size: 14pt;
+ }
+
+ .cat-links a:after,
+ .tags-links a:after,
+ .byline a:after,
+ .comment-metadata a:after,
+ .wp-block-calendar a:after,
+ .wp-block-tag-cloud a:after,
+ .page-links a:after {
+ content: "";
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Visibility */
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title + .primary-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-branding-container:before,
- .entry .entry-title:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .footer-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-footer,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .author-description:before,
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .navigation.pagination,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-form-flex,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .edit-link,
+ .more-link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-reply,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment .comment-metadata .edit-link {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .reply,
+ .comment .comment-metadata .edit-link,
+ .comment-respond,
+ #dark-mode-toggler {
+ display: none !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button .wp-block-button__link,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry .entry-content .button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .button,
+ .entry .entry-content .wp-block-file__button {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> background: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Site Header (With Featured Image) */
- .site-header.featured-image {
- min-height: 0;
- }
- .site-header.featured-image .primary-navigation a,
- .site-header.featured-image .primary-navigation a + svg,
- .site-header.featured-image .site-title a,
- .site-header.featured-image .site-featured-image a,
- .site-header.featured-image .site-branding .site-title,
- .site-header.featured-image .site-branding .site-description,
- .site-header.featured-image .primary-navigation a:after,
- .site-header.featured-image .primary-navigation .menu-wrapper > li.menu-item-has-children:after,
- .site-header.featured-image .primary-navigation li,
- .site-header.featured-image .entry-title,
- .site-header.featured-image#masthead .site-title a {
- color: #000;
- text-shadow: none;
- }
- .site-header.featured-image .site-featured-image .entry-header,
- .site-header.featured-image .site-branding-container {
- margin-top: 0;
- margin-bottom: 0;
- }
- .site-header.featured-image .site-featured-image .post-thumbnail img {
- position: relative;
- height: initial;
- width: initial;
- object-fit: none;
- min-width: 0;
- min-height: 0;
- max-width: 100%;
- margin-top: 1rem;
- }
- /* Remove image filters from featured image */
- .image-filters-enabled *:after {
- display: none !important;
- }
- .image-filters-enabled .site-header.featured-image .site-featured-image:before {
- display: none;
- }
- .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
- filter: none;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=print.css.map */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodertlcss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,115 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* OS dark theme preference */
+@media only screen {
+
+ .is-dark-theme.is-dark-theme {
+ --global--color-background: var(--global--color-dark-gray);
+ --global--color-primary: var(--global--color-light-gray);
+ --global--color-secondary: var(--global--color-light-gray);
+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ --global--color-border: #ffffff8c;
+ }
+
+ .is-dark-theme.is-dark-theme .site a:focus,
+ .is-dark-theme.is-dark-theme .site a:focus .meta-nav {
+ background: #000;
+ color: #fff;
+ text-decoration: none;
+ }
+
+ .is-dark-theme.is-dark-theme img {
+ filter: brightness(0.85) contrast(1.1);
+ }
+
+ .respect-color-scheme-preference.is-dark-theme body {
+ background-color: var(--global--color-background);
+ }
+
+ #dark-mode-toggler {
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: var(--global--font-size-xs);
+ padding: 0.5em;
+ min-height: 44px;
+ min-width: max-content;
+ border: 2px solid currentColor;
+ box-shadow: none;
+ background: var(--button--color-text);
+ color: var(--button--color-background);
+ z-index: 9998;
+ }
+
+ .no-js #dark-mode-toggler {
+ display: none;
+ }
+
+ .wp-admin #dark-mode-toggler {
+ display: none;
+ }
+
+ #dark-mode-toggler.fixed-bottom {
+ position: fixed;
+ bottom: 5px;
+ left: 5px;
+ transition: bottom 0.5s;
+ }
+
+ #dark-mode-toggler.fixed-bottom.hide:not(:focus) {
+ bottom: -80px;
+ }
+
+ #dark-mode-toggler.relative {
+ position: absolute;
+ height: 44px;
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px);
+ left: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
+ }
+
+ .admin-bar #dark-mode-toggler.relative {
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
+ }
+}
+@media only screen and (max-width: 782px) {
+
+ .admin-bar #dark-mode-toggler.relative {
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
+ }
+}
+@media only screen and (max-width: 481px) {
+
+ .admin-bar #dark-mode-toggler.relative {
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
+ }
+}
+@media only screen and (max-width: 481px) {
+
+ body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav {
+ top: calc(44px + 44px);
+ }
+}
+@media only screen {
+
+ .primary-navigation-open #dark-mode-toggler {
+ display: none;
+ }
+}
+@media only screen {
+
+ #dark-mode-toggler:hover,
+ #dark-mode-toggler:focus {
+ color: var(--button--color-background-active);
+ border: 2px solid var(--button--color-text-active);
+ background-color: var(--button--color-text-active);
+ }
+}
+@media only screen {
+
+ .is-IE #dark-mode-toggler {
+ display: none;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,95 +1,115 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* OS dark theme preference */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode {
- --global--color-background: var(--global--color-dark-gray);
- --global--color-primary: var(--global--color-light-gray);
- --global--color-secondary: var(--global--color-light-gray);
- --button--color-text: var(--global--color-background);
- --button--color-text-hover: var(--global--color-secondary);
- --button--color-text-active: var(--global--color-secondary);
- --button--color-background: var(--global--color-secondary);
- --button--color-background-active: var(--global--color-background);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode body {
- background-color: var(--global--color-background);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-dark-theme.is-dark-theme {
+ --global--color-background: var(--global--color-dark-gray);
+ --global--color-primary: var(--global--color-light-gray);
+ --global--color-secondary: var(--global--color-light-gray);
+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ --global--color-border: #ffffff8c;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode .site a:focus {
- background: #000;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-dark-theme.is-dark-theme .site a:focus,
+ .is-dark-theme.is-dark-theme .site a:focus .meta-nav {
+ background: #000;
+ color: #fff;
+ text-decoration: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode img {
- filter: brightness(0.85) contrast(1.1);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-dark-theme.is-dark-theme img {
+ filter: brightness(0.85) contrast(1.1);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler {
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: var(--global--font-size-xs);
- padding: 0.5em;
- min-height: 44px;
- min-width: max-content;
- border: 2px solid currentColor;
- box-shadow: none;
- background: var(--button--color-text);
- color: var(--button--color-background);
- z-index: 9998;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .respect-color-scheme-preference.is-dark-theme body {
+ background-color: var(--global--color-background);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin #dark-mode-toggler {
- z-index: 99999;
- /* Necessary for the editor. */
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #dark-mode-toggler {
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: var(--global--font-size-xs);
+ padding: 0.5em;
+ min-height: 44px;
+ min-width: max-content;
+ border: 2px solid currentColor;
+ box-shadow: none;
+ background: var(--button--color-text);
+ color: var(--button--color-background);
+ z-index: 9998;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler.fixed-bottom {
- position: fixed;
- bottom: 5px;
- right: 5px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .no-js #dark-mode-toggler {
+ display: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler.relative {
- position: absolute;
- height: 44px;
- top: calc(2.4 * var(--global--spacing-vertical) - 44px);
- right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-admin #dark-mode-toggler {
+ display: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.admin-bar #dark-mode-toggler.relative {
- top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #dark-mode-toggler.fixed-bottom {
+ position: fixed;
+ bottom: 5px;
+ right: 5px;
+ transition: bottom 0.5s;
+ }
+
+ #dark-mode-toggler.fixed-bottom.hide:not(:focus) {
+ bottom: -80px;
+ }
+
+ #dark-mode-toggler.relative {
+ position: absolute;
+ height: 44px;
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px);
+ right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
+ }
+
+ .admin-bar #dark-mode-toggler.relative {
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .admin-bar #dark-mode-toggler.relative {
</span><span class="cx" style="display: block; padding: 0 10px"> top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .admin-bar #dark-mode-toggler.relative {
</span><span class="cx" style="display: block; padding: 0 10px"> top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav {
</span><span class="cx" style="display: block; padding: 0 10px"> top: calc(44px + 44px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation-open #dark-mode-toggler {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation-open #dark-mode-toggler {
+ display: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler:hover, #dark-mode-toggler:focus {
- color: var(--button--color-background-active);
- border: 2px solid var(--button--color-text-active);
- background-color: var(--button--color-text-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #dark-mode-toggler:hover,
+ #dark-mode-toggler:focus {
+ color: var(--button--color-background-active);
+ border: 2px solid var(--button--color-text-active);
+ background-color: var(--button--color-text-active);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE #dark-mode-toggler {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE #dark-mode-toggler {
+ display: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=style-dark-mode.css.map */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcustomizercss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,3 +1,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * These styles are generated by the Customizer and only loaded when a custom color scheme is active.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ */
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,12 +1,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * These styles should be loaded by the Block Editor only
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Family */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Size */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-base: 1.25rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xs: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,10 +22,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xxxl: 5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-page-title: var(--global--font-size-xxl);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--letter-spacing: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Line Height */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-body: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-heading: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-page-title: 1.1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-size-h6: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -45,6 +51,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight-page-title: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Latest posts */
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--title-font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--title-font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -52,6 +59,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--description-font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> --list--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --definition-term--font-family: var(--global--font-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Colors */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-black: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-dark-gray: #28303d;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -67,21 +75,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-white-50: rgba(255, 255, 255, 0.5);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-white-90: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-primary: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Body text color, site title, footer text color. */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-secondary: var(--global--color-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-primary-hover: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-background: var(--global--color-green);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Mint, default body background */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-border: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Spacing */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-unit: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-measure: unset;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-horizontal: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-vertical: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Elevation */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Forms */
</span><span class="cx" style="display: block; padding: 0 10px"> --form--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --form--font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -93,10 +108,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --form--border-width: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> --form--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Cover block */
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--height: calc(15 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--color-foreground: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--color-background: var(--global--color-black);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Buttons */
</span><span class="cx" style="display: block; padding: 0 10px"> --button--color-text: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> --button--color-text-hover: var(--global--color-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -111,6 +128,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --button--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> --button--padding-vertical: 15px;
</span><span class="cx" style="display: block; padding: 0 10px"> --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* entry */
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-header--color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-header--color-link: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,6 +138,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-content--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-author-bio--font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-author-bio--font-size: var(--heading--font-size-h4);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Header */
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,6 +155,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-height: 100px;
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-width-mobile: 96px;
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-height-mobile: 96px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Main navigation */
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--font-family-mobile: var(--global--font-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -153,6 +173,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--border-color: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Pagination */
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--color-link-hover: var(--global--color-primary-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,6 +181,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Footer */
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -166,6 +188,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-link-hover: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--font-size: var(--global--font-size-sm);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Pull quote */
</span><span class="cx" style="display: block; padding: 0 10px"> --pullquote--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --pullquote--font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -180,8 +203,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-size: var(--global--font-size-md);
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-size-large: var(--global--font-size-xl);
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --quote--font-weight: normal;
- --quote--font-weight-strong: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --quote--font-weight: 700;
+ --quote--font-weight-strong: bolder;
</ins><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style-large: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style-cite: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--line-height: var(--global--line-height-body);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -188,15 +211,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--line-height-large: 1.35;
</span><span class="cx" style="display: block; padding: 0 10px"> --separator--border-color: var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px"> --separator--height: 1px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Table */
</span><span class="cx" style="display: block; padding: 0 10px"> --table--stripes-border-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> --table--stripes-background-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> --table--has-background-text-color: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--line-height-list: 1.9;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--line-height-title: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--font-weight-title: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Admin-bar height */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -204,8 +230,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 46px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -212,6 +238,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 652px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xl: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xxl: 6rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -224,9 +251,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -240,6 +269,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -247,8 +277,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -271,6 +301,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .full-max-width {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,7 +334,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -315,11 +346,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: var(--global--letter-spacing);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p, blockquote.alignright p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
+blockquote.alignright p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--heading--font-size-h5);
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -326,7 +359,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignleft cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft footer, blockquote.alignright cite,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: var(--global--letter-spacing);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -333,15 +367,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- position: absolute;
- left: calc(-0.5 * var(--global--spacing-horizontal));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote .wp-block-quote__citation,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -351,11 +383,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style-cite);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -393,13 +426,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -422,9 +453,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-disable */
</del><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px"> background-position: right var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -446,13 +475,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus,
-.has-background-dark .site a:focus .meta-nav {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-background));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -466,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -499,7 +530,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button__link:before, .wp-block-button__link:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button__link:before,
+.wp-block-button__link:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -520,7 +552,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -537,21 +569,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Block Options
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
- color: var(--button--color-text-active);
- background-color: var(--button--color-background-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons {
+ margin-top: 0;
+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- color: var(--button--color-text-hover);
- background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:first-child {
+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover {
- outline-offset: -7px;
- outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:last-child {
+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+ color: var(--button--color-text-active) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+ color: var(--button--color-text-hover) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -559,35 +601,58 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: var(--button--border-width) solid var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: transparent !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
- color: var(--button--color-background);
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
+ background-color: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+ color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
+ color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+ border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
+ color: var(--button--color-text) !important;
+ border-color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-squared {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-selected.is-style-outline .wp-block-button__link:hover {
- background-color: transparent;
- color: var(--button--color-background);
-}
-
-.is-style-outline .wp-block-button__link[style*="radius"],
-.wp-block-button__link[style*="radius"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius],
+.wp-block-button__link[style*=radius] {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -619,6 +684,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-cover,
+[data-align=full] .wp-block-cover-image {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -652,14 +723,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--cover--color-foreground);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -701,13 +772,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(-2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(2.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -721,22 +793,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-columns p:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h1:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h2:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h3:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h4:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h5:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h6:not(.has-background) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-columns p:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -767,7 +841,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -788,7 +863,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -821,7 +896,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -831,12 +907,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-group.has-background {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border {
</span><span class="cx" style="display: block; padding: 0 10px"> border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(-1 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -846,7 +927,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1060,7 +1141,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1106,20 +1187,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 2));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 3));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 4));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 5));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 6));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1214,6 +1299,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-media-text {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1249,7 +1339,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: var(--global--elevation);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1284,7 +1375,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1325,8 +1416,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--pullquote--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: calc(5 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1358,7 +1449,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 calc(2 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1372,16 +1463,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1395,9 +1486,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1408,7 +1499,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> right: calc(-0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1421,70 +1512,87 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Resetting margins to match _block-container.scss */
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
+.wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style-large);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
+.wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
+.wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> right: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
+ .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large:before,
+ .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right,
+ .wp-block-quote.is-style-large.has-text-align-right {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right:before,
+ .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1519,16 +1627,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1566,7 +1674,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1584,7 +1692,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1611,10 +1719,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--form--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__input:focus {
- border-color: var(--form--border-color);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__input {
+ background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
+ border-color: var(--form--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+ border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--button--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1633,7 +1757,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button:before,
+.wp-block-search .wp-block-search__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1654,7 +1779,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-search .wp-block-search__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1669,15 +1794,137 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--button--color-background);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+ padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+ width: 40px;
+ height: 40px;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
+ color: var(--global--color-white);
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-background);
+ border-color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--form--border-color);
+ border-color: var(--form--border-color);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
+ color: var(--form--color-text);
+ border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
+ border: none;
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+ color: var(--button--color-text);
+ border-color: currentColor;
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+ color: var(--button--color-text-hover);
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-background);
+ border-color: var(--button--color-background);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+ color: var(--button--color-text);
+ border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
+}
+
+.wp-block[data-align=center] > * {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] .wp-block-search__button-only .wp-block-search__inside-wrapper {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1688,7 +1935,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator[style*="text-align:right"],
+.wp-block-separator[style*="text-align: right"],
</ins><span class="cx" style="display: block; padding: 0 10px"> hr[style*="text-align:right"],
</span><span class="cx" style="display: block; padding: 0 10px"> hr[style*="text-align: right"] {
</span><span class="cx" style="display: block; padding: 0 10px"> border-right-color: var(--separator--border-color);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1699,11 +1947,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[data-align="full"] > .wp-block-separator,
-[data-align="wide"] > .wp-block-separator, [data-align="full"] >
-hr,
-[data-align="wide"] >
-hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] > .wp-block-separator,
+[data-align=wide] > .wp-block-separator,
+[data-align=full] > hr,
+[data-align=wide] > hr {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1717,13 +1964,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background,
+.wp-block-separator.is-style-dots.has-text-color,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background:before,
+.wp-block-separator.is-style-dots.has-text-color:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background:before,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color:before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1735,16 +1984,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
-hr,
-[class*="background-color"]:not(.has-background-background-color)
-hr,
-[style*="background-color"]:not(.has-background-background-color)
-hr,
-.wp-block-cover[style*="background-image"]
-hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-separator,
+[style*=background-color]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*=background-image] .wp-block-separator,
+.has-background:not(.has-background-background-color) hr,
+[class*=background-color]:not(.has-background-background-color) hr,
+[style*=background-color]:not(.has-background-background-color) hr,
+.wp-block-cover[style*=background-image] hr {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1984,19 +2230,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="wide"], .wp-block.alignwide {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=wide],
+.wp-block.alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignwide-width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"], .wp-block.alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full],
+.wp-block.alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
- margin-top: 0;
- margin-bottom: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--global--spacing-horizontal);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2019,11 +2262,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block[data-align="left"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block[data-align=left] > * {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 290px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block[data-align="right"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block[data-align=right] > * {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 290px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2159,11 +2404,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
+:not(.has-text-color).has-dark-gray-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
+:not(.has-text-color).has-white-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-dark-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2198,5 +2451,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-purple-gradient-background {
</span><span class="cx" style="display: block; padding: 0 10px"> background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=style-editor.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjscustomizehelpersjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,7 +5,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @return {number} - Returns the luminance, number between 0 and 255.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function twentytwentyoneGetHexLum( hex ) { // jshint ignore:line
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function twentytwentyoneGetHexLum( hex ) { // eslint-disable-line no-unused-vars
</ins><span class="cx" style="display: block; padding: 0 10px"> var rgb = twentytwentyoneGetRgbFromHex( hex );
</span><span class="cx" style="display: block; padding: 0 10px"> return Math.round( ( 0.2126 * rgb.r ) + ( 0.7152 * rgb.g ) + ( 0.0722 * rgb.b ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjscustomizepreviewjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,20 +11,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> stylesheet,
</span><span class="cx" style="display: block; padding: 0 10px"> styles;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Modify the body class depending on whether this is a dark background or not.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Modify the html & body classes depending on whether this is a dark background or not.
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( isDark ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( ! document.body.classList.contains( 'has-background-dark' ) ) {
- document.body.classList.add( 'has-background-dark' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ document.body.classList.add( 'is-dark-theme' );
+ document.documentElement.classList.add( 'is-dark-theme' );
+ document.documentElement.classList.remove( 'respect-color-scheme-preference' );
+ } else {
+ document.body.classList.remove( 'is-dark-theme' );
+ document.documentElement.classList.remove( 'is-dark-theme' );
+ if ( wp.customize( 'respect_user_color_preference' ).get() ) {
+ document.documentElement.classList.add( 'respect-color-scheme-preference' );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( document.documentElement.classList.contains( 'is-dark-mode' ) ) {
- document.documentElement.classList.remove( 'is-dark-mode' );
- }
- } else {
- document.body.classList.remove( 'has-background-dark' );
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Toggle the white background class.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( '#ffffff' === to ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( '#ffffff' === to.toLowerCase() ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> document.body.classList.add( 'has-background-white' );
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> document.body.classList.remove( 'has-background-white' );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjscustomizejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,61 +1,22 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* global twentytwentyoneGetHexLum, backgroundColorNotice */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global twentytwentyoneGetHexLum */
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ( function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /**
- * Add/remove the notice.
- *
- * @param {boolean} enable - Whether we want to enable or disable the notice.
- *
- * @return {void}
- */
- function twentytwentyoneBackgroundColorNotice( enable ) {
- if ( enable ) {
- wp.customize( 'background_color' ).notifications.add( 'backgroundColorNotice', new wp.customize.Notification( 'backgroundColorNotice', {
- type: 'info',
- message: backgroundColorNotice.message
- } ) );
- } else {
- wp.customize( 'background_color' ).notifications.remove( 'backgroundColorNotice' );
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Wait until the customizer has finished loading.
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize.bind( 'ready', function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var supportsDarkMode = ( 127 <= twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() ) && wp.customize( 'respect_user_color_preference' ).get() );
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Hide the "respect_user_color_preference" setting if the background-color is dark.
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 127 > twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize.control( 'respect_user_color_preference' ).deactivate();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Add notice on init if needed.
- if ( wp.customize( 'respect_user_color_preference' ) ) {
- twentytwentyoneBackgroundColorNotice( true );
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Handle changes to the background-color.
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize( 'background_color', function( setting ) {
</span><span class="cx" style="display: block; padding: 0 10px"> setting.bind( function( value ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 127 > twentytwentyoneGetHexLum( value ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize.control( 'respect_user_color_preference' ).deactivate();
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- supportsDarkMode = false;
</del><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize.control( 'respect_user_color_preference' ).activate();
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- supportsDarkMode = wp.customize( 'respect_user_color_preference' ).get();
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> } );
</span><span class="cx" style="display: block; padding: 0 10px"> } );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- // Handle changes to the "respect_user_color_preference" setting.
- wp.customize( 'respect_user_color_preference', function( setting ) {
- setting.bind( function( value ) {
- supportsDarkMode = value && 127 < twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() );
- if ( ! supportsDarkMode ) {
- twentytwentyoneBackgroundColorNotice( false );
- } else {
- twentytwentyoneBackgroundColorNotice( true );
- }
- } );
- } );
</del><span class="cx" style="display: block; padding: 0 10px"> } );
</span><span class="cx" style="display: block; padding: 0 10px"> }() );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjsdarkmodetogglerjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,14 +1,15 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function toggleDarkMode() { // jshint ignore:line
- var toggler = document.getElementById( 'dark-mode-toggler' ),
- html = document.querySelector( 'html' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function toggleDarkMode() { // eslint-disable-line no-unused-vars
+ var toggler = document.getElementById( 'dark-mode-toggler' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'false' === toggler.getAttribute( 'aria-pressed' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> toggler.setAttribute( 'aria-pressed', 'true' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- html.classList.add( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ document.documentElement.classList.add( 'is-dark-theme' );
+ document.body.classList.add( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px"> window.localStorage.setItem( 'twentytwentyoneDarkMode', 'yes' );
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> toggler.setAttribute( 'aria-pressed', 'false' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- html.classList.remove( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ document.documentElement.classList.remove( 'is-dark-theme' );
+ document.body.classList.remove( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px"> window.localStorage.setItem( 'twentytwentyoneDarkMode', 'no' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,8 +16,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> function darkModeInitialLoad() {
</span><span class="cx" style="display: block; padding: 0 10px"> var toggler = document.getElementById( 'dark-mode-toggler' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- isDarkMode = window.matchMedia( '(prefers-color-scheme: dark)' ).matches,
- html;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ isDarkMode = window.matchMedia( '(prefers-color-scheme: dark)' ).matches;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'yes' === window.localStorage.getItem( 'twentytwentyoneDarkMode' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> isDarkMode = true;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,12 +31,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> toggler.setAttribute( 'aria-pressed', 'true' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- html = document.querySelector( 'html' );
</del><span class="cx" style="display: block; padding: 0 10px"> if ( isDarkMode ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- html.classList.add( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ document.documentElement.classList.add( 'is-dark-theme' );
+ document.body.classList.add( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- html.classList.remove( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ document.documentElement.classList.remove( 'is-dark-theme' );
+ document.body.classList.remove( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function darkModeRepositionTogglerOnScroll() {
+ var prevScroll = window.scrollY || document.documentElement.scrollTop,
+ currentScroll,
+
+ checkScroll = function() {
+ currentScroll = window.scrollY || document.documentElement.scrollTop;
+ if (
+ currentScroll + ( window.innerHeight * 1.5 ) > document.body.clientHeight ||
+ currentScroll < prevScroll
+ ) {
+ document.getElementById( 'dark-mode-toggler' ).classList.remove( 'hide' );
+ } else if ( currentScroll > prevScroll && 250 < currentScroll ) {
+ document.getElementById( 'dark-mode-toggler' ).classList.add( 'hide' );
+ }
+ prevScroll = currentScroll;
+ };
+ window.addEventListener( 'scroll', checkScroll );
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> darkModeInitialLoad();
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+darkModeRepositionTogglerOnScroll();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjseditordarkmodesupportjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,4 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* global ajaxurl, XMLHttpRequest, ResizeObserver, darkModeInitialLoad, setTimeout */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global ajaxurl, XMLHttpRequest, darkModeInitialLoad, setTimeout */
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Check the body class to determine if we want to add the toggler and handle dark-mode or not.
</span><span class="cx" style="display: block; padding: 0 10px"> if ( document.body.classList.contains( 'twentytwentyone-supports-dark-theme' ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,12 +51,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Inject the toggle.
</span><span class="cx" style="display: block; padding: 0 10px"> document.querySelector( selector ).insertAdjacentHTML( 'afterbegin', this.response );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Re-position the toggle.
- twentytwentyoneDarkModeEditorTogglePosition();
-
- // Add an observer so the toggle gets re-positioned when the sidebar opens/closes.
- twentytwentyoneDarkModeEditorTogglePositionObserver();
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Run toggler script.
</span><span class="cx" style="display: block; padding: 0 10px"> darkModeInitialLoad();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -81,71 +75,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'true' === toggler.getAttribute( 'aria-pressed' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> document.body.classList.add( 'is-dark-theme' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ document.documentElement.classList.add( 'is-dark-theme' );
+ document.querySelector( '.block-editor__typewriter' ).classList.add( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- toggler.addEventListener( 'click', function() {
- if ( 'true' === toggler.getAttribute( 'aria-pressed' ) ) {
- document.body.classList.add( 'is-dark-theme' );
- } else {
- document.body.classList.remove( 'is-dark-theme' );
- }
- } );
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/**
- * Reposition the toggle inside the editor wrapper.
- *
- * @since 1.0.0
- *
- * @return {void}
- */
-function twentytwentyoneDarkModeEditorTogglePosition() {
- var toggle = document.getElementById( 'dark-mode-toggler' ),
- toggleWidth,
- workSpace,
- workSpaceWidth,
- attempt = 0,
- attemptDelay = 25,
- maxAttempts = 10;
-
- if ( null === toggle ) {
- // Try again.
- if ( attempt < maxAttempts ) {
- setTimeout( function() {
- twentytwentyoneDarkModeEditorTogglePosition();
- }, attemptDelay );
-
- attempt++;
- attemptDelay *= 2;
- }
- return;
- }
-
- toggleWidth = window.getComputedStyle( document.getElementById( 'dark-mode-toggler' ) ).width;
- workSpace = document.querySelector( '.editor-styles-wrapper,.edit-post-visual-editor' );
- workSpaceWidth = window.getComputedStyle( workSpace ).width;
-
- // Add styles to reposition toggle.
- toggle.style.position = 'fixed';
- toggle.style.bottom = '30px';
- if ( document.body.classList.contains( 'is-fullscreen-mode' ) ) {
- toggle.style.left = 'calc(' + workSpaceWidth + ' - ' + toggleWidth + ' - 5px)';
- } else {
- toggle.style.left = 'calc(' + workSpaceWidth + ' - ' + toggleWidth + ' + 155px)';
- }
-}
-
-/**
- * Add a ResizeObserver to the editor wrapper
- * and trigger the toggle repositioning when needed.
- *
- * @since 1.0.0
- *
- * @return {void}
- */
-function twentytwentyoneDarkModeEditorTogglePositionObserver() {
- var observer = new ResizeObserver( function() {
- twentytwentyoneDarkModeEditorTogglePosition();
- } );
- observer.observe( document.querySelector( '.editor-styles-wrapper,.edit-post-visual-editor' ) );
-}
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjseditorjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,38 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global setTimeout */
+wp.domReady( function() {
+ // Unregister "Wide" Separator Style.
+ wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' );
+
+ // Add to ".block-editor__typewriter" the "is-dark-theme" class if needed.
+ function twentytwentyoneCopyDarkThemeClass() {
+ var editor,
+ attemptDelay = 25,
+ attempt = 0,
+ maxAttempts = 10;
+
+ if ( ! document.body.classList.contains( 'is-dark-theme' ) ) {
+ return;
+ }
+
+ editor = document.querySelector( '.block-editor__typewriter' );
+ if ( null === editor ) {
+ // Try again.
+ if ( attempt < maxAttempts ) {
+ setTimeout( function() {
+ twentytwentyoneCopyDarkThemeClass();
+ }, attemptDelay );
+
+ // Increment the attempts counter.
+ attempt++;
+
+ // Double the delay, give the server some time to breathe.
+ attemptDelay *= 2;
+ }
+ return;
+ }
+
+ editor.classList.add( 'is-dark-theme' );
+ }
+
+ twentytwentyoneCopyDarkThemeClass();
+} );
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetsjsprimarynavigationjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,7 +58,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param {Element} el - The element.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function twentytwentyoneExpandSubMenu( el ) { // eslint-disable-line no-unused-vars
</ins><span class="cx" style="display: block; padding: 0 10px"> // Close other expanded items.
</span><span class="cx" style="display: block; padding: 0 10px"> el.closest( 'nav' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( button !== el ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -114,7 +114,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> tabKey = event.keyCode === 9;
</span><span class="cx" style="display: block; padding: 0 10px"> shiftKey = event.shiftKey;
</span><span class="cx" style="display: block; padding: 0 10px"> escKey = event.keyCode === 27;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- activeEl = document.activeElement; // jshint ignore:line
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ activeEl = document.activeElement; // eslint-disable-line @wordpress/no-global-active-element
</ins><span class="cx" style="display: block; padding: 0 10px"> lastEl = elements[ elements.length - 1 ];
</span><span class="cx" style="display: block; padding: 0 10px"> firstEl = elements[0];
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjsunregisterblockstylejs"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/**
- * Unregister "Wide" Separator Style
- */
-wp.domReady( function() {
- wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' );
-} );
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfileheaderscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,18 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Theme Name: Twenty Twenty-One
+Theme URI: https://wordpress.org/themes/twentytwentyone/
+Author: the WordPress team
+Author URI: https://wordpress.org/
+Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
+Requires at least: 5.3
+Tested up to: 5.6
+Requires PHP: 5.6
+Version: 1.0.0
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Text Domain: twentytwentyone
+Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
+
+Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
+Twenty Twenty-One is distributed under the terms of the GNU GPL.
+*/
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfontsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Do we need to serve a font? Add the @font-face styles here.
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass01settingsglobalscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,249 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Variables */
+
+// Vertical Rhythm Multiplier
+$baseline-unit: 10px;
+
+:root {
+
+ /* Font Family */
+ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+ --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
+ /* Font Size */
+ --global--font-size-base: 1.25rem; // 20px / 16px
+ --global--font-size-xs: 1rem; // 16px / 16px
+ --global--font-size-sm: 1.125rem; // 18px / 16px
+ --global--font-size-md: 1.25rem; // 20px / 16px
+ --global--font-size-lg: 1.5rem; // 24px / 16px
+ --global--font-size-xl: 2.25rem; // 36px / 16px
+ --global--font-size-xxl: 4rem; // 64px / 16px
+ --global--font-size-xxxl: 5rem; // 80px / 16px
+ --global--font-size-page-title: var(--global--font-size-xxl);
+ --global--letter-spacing: normal;
+
+ /* Line Height */
+ --global--line-height-body: 1.7;
+ --global--line-height-heading: 1.3;
+ --global--line-height-page-title: 1.1;
+
+ /* Headings */
+ --heading--font-family: var(--global--font-primary);
+
+ --heading--font-size-h6: var(--global--font-size-xs);
+ --heading--font-size-h5: var(--global--font-size-sm);
+ --heading--font-size-h4: var(--global--font-size-lg);
+ --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+ --heading--font-size-h2: var(--global--font-size-xl);
+ --heading--font-size-h1: var(--global--font-size-page-title);
+
+ --heading--letter-spacing-h6: 0.05em;
+ --heading--letter-spacing-h5: 0.05em;
+ --heading--letter-spacing-h4: var(--global--letter-spacing);
+ --heading--letter-spacing-h3: var(--global--letter-spacing);
+ --heading--letter-spacing-h2: var(--global--letter-spacing);
+ --heading--letter-spacing-h1: var(--global--letter-spacing);
+
+ --heading--line-height-h6: var(--global--line-height-heading);
+ --heading--line-height-h5: var(--global--line-height-heading);
+ --heading--line-height-h4: var(--global--line-height-heading);
+ --heading--line-height-h3: var(--global--line-height-heading);
+ --heading--line-height-h2: var(--global--line-height-heading);
+ --heading--line-height-h1: var(--global--line-height-page-title);
+
+ --heading--font-weight: normal;
+ --heading--font-weight-page-title: 300;
+ --heading--font-weight-strong: 600;
+
+ /* Block: Latest posts */
+ --latest-posts--title-font-family: var(--heading--font-family);
+ --latest-posts--title-font-size: var(--heading--font-size-h3);
+ --latest-posts--description-font-family: var(--global--font-secondary);
+ --latest-posts--description-font-size: var(--global--font-size-sm);
+
+ --list--font-family: var(--global--font-secondary);
+ --definition-term--font-family: var(--global--font-primary);
+
+ /* Colors */
+ --global--color-black: #000;
+ --global--color-dark-gray: #28303d;
+ --global--color-gray: #39414d;
+ --global--color-light-gray: #f0f0f0;
+ --global--color-green: #d1e4dd;
+ --global--color-blue: #d1dfe4;
+ --global--color-purple: #d1d1e4;
+ --global--color-red: #e4d1d1;
+ --global--color-orange: #e4dad1;
+ --global--color-yellow: #eeeadd;
+ --global--color-white: #fff;
+ --global--color-white-50: rgba(255, 255, 255, 0.5); // Used for disabled buttons
+ --global--color-white-90: rgba(255, 255, 255, 0.9); // Used in form fields.
+
+ --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
+ --global--color-secondary: var(--global--color-gray); /* Headings */
+ --global--color-primary-hover: var(--global--color-primary);
+ --global--color-background: var(--global--color-green); /* Mint, default body background */
+ --global--color-border: var(--global--color-primary); /* Used for borders (separators) */
+
+ /* Spacing */
+ --global--spacing-unit: #{2 * $baseline-unit}; // 20px
+ --global--spacing-measure: unset; // Use ch units here. ie: 60ch = 60 character max-width
+ --global--spacing-horizontal: #{2.5 * $baseline-unit}; // 25px
+ --global--spacing-vertical: #{3 * $baseline-unit}; // 30px.
+
+ /* Elevation */
+ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
+ /* Forms */
+ --form--font-family: var(--global--font-secondary);
+ --form--font-size: var(--global--font-size-sm);
+ --form--line-height: var(--global--line-height-body);
+ --form--color-text: var(--global--color-dark-gray); // Text color in input fields is always dark over light background.
+ --form--color-ranged: var(--global--color-secondary);
+ --form--label-weight: 500;
+ --form--border-color: var(--global--color-secondary);
+ --form--border-width: 3px;
+ --form--border-radius: 0;
+ --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
+ /* Cover block */
+ --cover--height: calc(15 * var(--global--spacing-vertical));
+ --cover--color-foreground: var(--global--color-white);
+ --cover--color-background: var(--global--color-black);
+
+ /* Buttons */
+ // Colors
+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ // Fonts
+ --button--font-family: var(--global--font-primary);
+ --button--font-size: var(--global--font-size-base);
+ --button--font-weight: 500;
+ --button--line-height: 1.5;
+ // Borders
+ --button--border-width: 3px;
+ --button--border-radius: 0;
+ // Spacing
+ --button--padding-vertical: 15px;
+ --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
+ /* entry */
+ --entry-header--color: var(--global--color-primary);
+ --entry-header--color-link: currentColor;
+ --entry-header--color-hover: var(--global--color-primary-hover);
+ --entry-header--color-focus: var(--global--color-secondary);
+ --entry-header--font-size: var(--heading--font-size-h2);
+ --entry-content--font-family: var(--global--font-secondary);
+ --entry-author-bio--font-family: var(--heading--font-family);
+ --entry-author-bio--font-size: var(--heading--font-size-h4);
+
+ /* Header */
+ --branding--color-text: var(--global--color-primary);
+ --branding--color-link: var(--global--color-primary);
+ --branding--color-link-hover: var(--global--color-secondary);
+ --branding--title--font-family: var(--global--font-primary);
+ --branding--title--font-size: var(--global--font-size-lg);
+ --branding--title--font-size-mobile: var(--heading--font-size-h4);
+ --branding--title--font-weight: normal;
+ --branding--title--text-transform: uppercase;
+ --branding--description--font-family: var(--global--font-secondary);
+ --branding--description--font-size: var(--global--font-size-sm);
+ --branding--description--font-family: var(--global--font-secondary);
+
+ --branding--logo--max-width: 300px;
+ --branding--logo--max-height: 100px;
+ --branding--logo--max-width-mobile: 96px;
+ --branding--logo--max-height-mobile: 96px;
+
+ /* Main navigation */
+ --primary-nav--font-family: var(--global--font-secondary);
+ --primary-nav--font-family-mobile: var(--global--font-primary);
+ --primary-nav--font-size: var(--global--font-size-md);
+ --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+ --primary-nav--font-size-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-button: var(--global--font-size-xs);
+ --primary-nav--font-style: normal;
+ --primary-nav--font-style-sub-menu-mobile: normal;
+ --primary-nav--font-weight: normal;
+ --primary-nav--font-weight-button: 500;
+ --primary-nav--color-link: var(--global--color-primary);
+ --primary-nav--color-link-hover: var(--global--color-primary-hover);
+ --primary-nav--color-text: var(--global--color-primary);
+ --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+ --primary-nav--border-color: var(--global--color-primary);
+
+ /* Pagination */
+ --pagination--color-text: var(--global--color-primary);
+ --pagination--color-link-hover: var(--global--color-primary-hover);
+ --pagination--font-family: var(--global--font-secondary);
+ --pagination--font-size: var(--global--font-size-lg);
+ --pagination--font-weight: normal;
+ --pagination--font-weight-strong: 600;
+
+ /* Footer */
+ --footer--color-text: var(--global--color-primary);
+ --footer--color-link: var(--global--color-primary);
+ --footer--color-link-hover: var(--global--color-primary-hover);
+ --footer--font-family: var(--global--font-primary);
+ --footer--font-size: var(--global--font-size-sm);
+
+ /* Block: Pull quote */
+ --pullquote--font-family: var(--global--font-primary);
+ --pullquote--font-size: var(--heading--font-size-h3);
+ --pullquote--font-style: normal;
+ --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+ --pullquote--line-height: var(--global--line-height-heading);
+ --pullquote--border-width: 3px;
+ --pullquote--border-color: var(--global--color-primary);
+ --pullquote--color-foreground: var(--global--color-primary);
+ --pullquote--color-background: var(--global--color-background);
+
+ --quote--font-family: var(--global--font-secondary);
+ --quote--font-size: var(--global--font-size-md);
+ --quote--font-size-large: var(--global--font-size-xl);
+ --quote--font-style: normal;
+ --quote--font-weight: 700;
+ --quote--font-weight-strong: bolder;
+ --quote--font-style-large: normal;
+ --quote--font-style-cite: normal;
+ --quote--line-height: var(--global--line-height-body);
+ --quote--line-height-large: 1.35;
+
+ --separator--border-color: var(--global--color-border);
+ --separator--height: 1px;
+
+ /* Block: Table */
+ --table--stripes-border-color: var(--global--color-light-gray);
+ --table--stripes-background-color: var(--global--color-light-gray);
+ --table--has-background-text-color: var(--global--color-dark-gray);
+
+ /* Widgets */
+ --widget--line-height-list: 1.9;
+ --widget--line-height-title: 1.4;
+ --widget--font-weight-title: 700;
+ --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
+ /* Admin-bar height */
+ --global--admin-bar--height: 0;
+}
+
+.admin-bar {
+ --global--admin-bar--height: 32px;
+
+ @media only screen and (max-width: 782px) {
+ --global--admin-bar--height: 46px;
+ }
+}
+
+@media only screen and (min-width: 652px) { // Not using the mixin because it's compiled after this file
+ :root {
+ --global--font-size-xl: 2.5rem; // 40px / 16px
+ --global--font-size-xxl: 6rem; // 96px / 16px
+ --global--font-size-xxxl: 9rem; // 144px / 16px
+ --heading--font-size-h3: 2rem; // 32px / 16px
+ --heading--font-size-h2: 3rem; // 48px / 16px
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass02toolsextendsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,42 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Button extends */
+// Button Placeholder style
+// - Since buttons appear in various blocks,
+// let’s use a placeholder to keep them all
+// in-sync
+%button-style {
+ @include crop-text(var(--button--line-height));
+ color: var(--button--color-text);
+ cursor: pointer;
+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
+ text-decoration: none;
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+ &:active {
+ color: var(--button--color-text-active);
+ background-color: var(--button--color-background-active);
+ }
+
+ &:hover {
+ color: var(--button--color-text-hover);
+ background: transparent;
+ }
+
+ &:focus,
+ &.has-focus {
+ outline-offset: -6px;
+ outline: 2px dotted currentColor;
+ }
+
+ &:disabled {
+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
+ }
+
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass02toolsfunctionsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,178 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Remove the unit of a length
+// @param {Number} $number - Number to remove unit from
+// @return {Number} - Unitless number
+@function strip-unit($number) {
+ @if type-of($number) == "number" and not unitless($number) {
+ @return $number / ($number * 0 + 1);
+ }
+
+ @return $number;
+}
+
+// ----
+// Sass (v3.3.14)
+// Compass (v1.0.0.rc.1)
+// ----
+
+@function pow($x, $y) {
+ $ret: 1;
+
+ @if $y > 0 {
+ @for $i from 1 through $y {
+ $ret: $ret * $x;
+ }
+ } @else {
+ @for $i from $y to 0 {
+ $ret: $ret / $x;
+ }
+ }
+
+ @return $ret;
+}
+
+// Map deep get
+// @author Hugo Giraudel
+// @access public
+// @param {Map} $map - Map
+// @param {Arglist} $keys - Key chain
+// @return {*} - Desired value
+//
+// Example:
+// $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
+@function map-deep-get($map, $keys...) {
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+ @return $map;
+}
+
+// ep set function to set a value in nested maps
+// uthor Hugo Giraudel
+// ccess public
+// aram {Map} $map - Map
+// aram {List} $keys - Key chaine
+// aram {*} $value - Value to assign
+// eturn {Map}
+//
+// ample:
+// _prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
+@function map-deep-set($map, $keys, $value) {
+ $maps: ($map);
+ $result: null;
+
+ // If the last key is a map already
+ // Warn the user we will be overriding it with $value
+ @if type-of(nth($keys, -1)) == "map" {
+ @warn "The last key you specified is a map; it will be overrided with `#{$value}`.";
+ }
+
+ // If $keys is a single key
+ // Just merge and return
+ @if length($keys) == 1 {
+ @return map-merge($map, ($keys: $value));
+ }
+
+ // Loop from the first to the second to last key from $keys
+ // Store the associated map to this key in the $maps list
+ // If the key doesn't exist, throw an error
+ @for $i from 1 through length($keys) - 1 {
+ $current-key: nth($keys, $i);
+ $current-map: nth($maps, -1);
+ $current-get: map-get($current-map, $current-key);
+ @if $current-get == null {
+ @error "Key `#{$key}` doesn't exist at current level in map.";
+ }
+ $maps: append($maps, $current-get);
+ }
+
+ // Loop from the last map to the first one
+ // Merge it with the previous one
+ @for $i from length($maps) through 1 {
+ $current-map: nth($maps, $i);
+ $current-key: nth($keys, $i);
+ $current-val: if($i == length($maps), $value, $result);
+ $result: map-merge($current-map, ($current-key: $current-val));
+ }
+
+ // Return result
+ @return $result;
+}
+
+// jQuery-style extend function
+// - Child themes can use this function to `reset` the values in
+// config maps without editing the `master` Sass files.
+// - src: https://www.sitepoint.com/extra-map-functions-sass/
+// - About `map-merge()`:
+// - - only takes 2 arguments
+// - - is not recursive
+// @param {Map} $map - first map
+// @param {ArgList} $maps - other maps
+// @param {Bool} $deep - recursive mode
+// @return {Map}
+
+// Examples:
+
+// $grid-configuration-default: (
+// 'columns': 12,
+// 'layouts': (
+// 'small': 800px,
+// 'medium': 1000px,
+// 'large': 1200px,
+// ),
+// );
+
+// $grid-configuration-custom: (
+// 'layouts': (
+// 'large': 1300px,
+// 'huge': 1500px
+// ),
+// );
+
+// $grid-configuration-user: (
+// 'direction': 'ltr',
+// 'columns': 16,
+// 'layouts': (
+// 'large': 1300px,
+// 'huge': 1500px
+// ),
+// );
+
+// $deep: false
+// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
+// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
+
+// $deep: true
+// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
+// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
+
+@function map-extend($map, $maps.../*, $deep */) {
+ $last: nth($maps, -1);
+ $deep: $last == true;
+ $max: if($deep, length($maps) - 1, length($maps));
+
+ // Loop through all maps in $maps...
+ @for $i from 1 through $max {
+ // Store current map
+ $current: nth($maps, $i);
+
+ // If not in deep mode, simply merge current map with map
+ @if not $deep {
+ $map: map-merge($map, $current);
+ } @else {
+ // If in deep mode, loop through all tuples in current map
+ @each $key, $value in $current {
+
+ // If value is a nested map and same key from map is a nested map as well
+ @if type-of($value) == "map" and type-of(map-get($map, $key)) == "map" {
+ // Recursive extend
+ $value: map-extend(map-get($map, $key), $value, true);
+ }
+
+ // Merge current tuple with map
+ $map: map-merge($map, ($key: $value));
+ }
+ }
+ }
+
+ @return $map;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass02toolsmixinsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Responsive breakpoints mixin
+@mixin add_variables( $view: frontend ) {
+
+ @if frontend == $view {
+
+ :root {
+ @content;
+ }
+ }
+
+ @if editor == $view {
+
+ :root,
+ body {
+ @content;
+ }
+ }
+}
+
+// Crop Text Boundry
+// - Sets a fixed-width on content within alignwide and alignfull blocks
+@mixin crop-text($inset-line-height: 1) {
+
+ line-height: $inset-line-height;
+ $offset-top: calc(.5em * #{$inset-line-height} + -.38);
+ $offset-bottom: calc(.5em * #{$inset-line-height} + -.39);
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ }
+
+ &:before {
+ margin-bottom: -($offset-top);
+ }
+
+ &:after {
+ margin-top: -($offset-bottom);
+ }
+}
+
+// Button style
+// - Applies button styles to blocks and elements that share them.
+@mixin button-style() {
+ @include crop-text(var(--button--line-height));
+ color: var(--button--color-text);
+ cursor: pointer;
+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
+ text-decoration: none;
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+ &:focus {
+ background: transparent;
+ outline-offset: -6px;
+ outline: 2px dotted currentColor;
+
+ .is-dark-theme & {
+ color: var(--button--color-background);
+ }
+
+ &:not(.has-background) {
+ color: var(--button--color-text-hover);
+ }
+ }
+
+ &:disabled {
+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericbreakpointsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,217 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Repsonsive Styles
+ */
+
+/**
+ * Required Variables
+ */
+
+$default_width: 610px;
+$max_content_width: 1240px;
+$breakpoint_sm: 482px;
+$breakpoint_md: 592px;
+$breakpoint_lg: 652px;
+$breakpoint_xl: 822px;
+$breakpoint_xxl: 1024px;
+
+// Responsive breakpoints mixin
+@mixin media( $res ) {
+
+ @if mobile-only == $res {
+ @media only screen and (max-width: #{$breakpoint_sm - 1}) {
+ @content;
+ }
+ }
+
+ @if mobile == $res {
+ @media only screen and (min-width: #{$breakpoint_sm}) {
+ @content;
+ }
+ }
+
+ @if tablet-only == $res {
+ @media only screen and (max-width: #{$breakpoint_md - 1}) {
+ @content;
+ }
+ }
+
+ @if tablet == $res {
+ @media only screen and (min-width: #{$breakpoint_md}) {
+ @content;
+ }
+ }
+
+ @if laptop-only == $res {
+ @media only screen and (max-width: #{$breakpoint_lg - 1}) {
+ @content;
+ }
+ }
+
+ @if laptop == $res {
+ @media only screen and (min-width: #{$breakpoint_lg}) {
+ @content;
+ }
+ }
+
+ @if desktop-only == $res {
+ @media only screen and (max-width: #{$breakpoint_xl - 1}) {
+ @content;
+ }
+ }
+
+ @if desktop == $res {
+ @media only screen and (min-width: #{$breakpoint_xl}) {
+ @content;
+ }
+ }
+
+ @if wide-only == $res {
+ @media only screen and (max-width: #{$breakpoint_xxl - 1}) {
+ @content;
+ }
+ }
+
+ @if wide == $res {
+ @media only screen and (min-width: #{$breakpoint_xxl}) {
+ @content;
+ }
+ }
+}
+
+/**
+ * Root Media Query Variables
+ */
+:root {
+ --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+ --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignfull-width: 100%;
+ --responsive--alignright-margin: var(--global--spacing-horizontal);
+ --responsive--alignleft-margin: var(--global--spacing-horizontal);
+}
+
+@include media(mobile) {
+
+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), #{$default_width});
+ --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+ --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+ --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+ }
+}
+
+@include media(desktop) {
+
+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$default_width});
+ --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$max_content_width});
+ }
+}
+
+/**
+ * Extends
+ */
+%responsive-aligndefault-width {
+ max-width: var(--responsive--aligndefault-width);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+%responsive-alignwide-width {
+ max-width: var(--responsive--alignwide-width);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+%responsive-alignfull-width-mobile {
+ max-width: var(--responsive--alignfull-width);
+ width: var(--responsive--alignfull-width);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@include media(mobile) {
+ %responsive-alignfull-width {
+ max-width: var(--responsive--alignfull-width);
+ width: auto;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+%responsive-alignwide-width-nested {
+ margin-left: auto;
+ margin-right: auto;
+ width: var(--responsive--alignwide-width);
+ max-width: var(--responsive--alignfull-width);
+}
+
+%responsive-alignfull-width-nested {
+ margin-left: auto;
+ margin-right: auto;
+ width: calc(var(--responsive--alignfull-width) - calc(2 * var(--responsive--spacing-horizontal)));
+ max-width: var(--responsive--alignfull-width);
+}
+
+@include media(desktop) {
+ %responsive-alignfull-width-nested {
+ margin-left: auto;
+ margin-right: auto;
+ width: calc(var(--responsive--alignfull-width) - calc(4 * var(--responsive--spacing-horizontal)));
+ max-width: var(--responsive--alignfull-width);
+ }
+}
+
+
+%responsive-alignleft-mobile {
+
+ /*rtl:ignore*/
+ margin-left: 0;
+
+ /*rtl:ignore*/
+ margin-right: var(--responsive--spacing-horizontal);
+}
+
+@include media(mobile) {
+ %responsive-alignleft {
+
+ /*rtl:ignore*/
+ margin-left: var(--responsive--alignleft-margin);
+
+ /*rtl:ignore*/
+ margin-right: var(--global--spacing-horizontal);
+ }
+}
+
+%responsive-alignright-mobile {
+
+ /*rtl:ignore*/
+ margin-left: var(--responsive--spacing-horizontal);
+
+ /*rtl:ignore*/
+ margin-right: 0;
+}
+
+@include media(mobile) {
+ %responsive-alignright {
+
+ /*rtl:ignore*/
+ margin-left: var(--global--spacing-horizontal);
+
+ /*rtl:ignore*/
+ margin-right: var(--responsive--alignright-margin);
+ }
+}
+
+// Output
+.default-max-width {
+ @extend %responsive-aligndefault-width;
+}
+
+.wide-max-width {
+ @extend %responsive-alignwide-width;
+}
+
+.full-max-width {
+ @extend %responsive-alignfull-width;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="svnexecutable"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:executable</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericclearingsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,25 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.clear:before,
+.clear:after,
+.entry-content:before,
+.entry-content:after,
+.comment-content:before,
+.comment-content:after,
+.site-header:before,
+.site-header:after,
+.site-content:before,
+.site-content:after,
+.site-footer:before,
+.site-footer:after {
+ content: "";
+ display: table;
+ table-layout: fixed;
+}
+
+.clear:after,
+.entry-content:after,
+.comment-content:after,
+.site-header:after,
+.site-content:after,
+.site-footer:after {
+ clear: both;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericnormalizescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,350 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+ text-decoration-thickness: 1px;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration-style: dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+ display: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericresetscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,75 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Reset specific elements to make them easier to style in other contexts.
+ */
+
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+form,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ padding: 0;
+ margin: 0;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+
+/**
+ * Apply generic border-box to all elements.
+ * See:
+ * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
+ */
+
+html {
+
+ /* Apply border-box across the entire page. */
+ box-sizing: border-box;
+
+ // HTML resets
+ font-family: var(--global--font-secondary);
+ line-height: var(--global--line-height-body);
+}
+
+/**
+ * Relax the definition a bit, to allow components to override it manually.
+ */
+* {
+
+ &,
+ &::before,
+ &::after {
+ box-sizing: inherit;
+ }
+}
+
+// body resets
+body {
+ font-size: var(--global--font-size-base);
+ font-weight: normal;
+ color: var(--global--color-primary);
+ text-align: left;
+ background-color: var(--global--color-background);
+}
+
+
+button {
+ cursor: pointer;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericverticalmarginsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,172 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Site Structure
+ *
+ * - Set vertical margins and responsive widths on
+ * top-level wrappers and content wrappers
+ * - `--global--width-content` is a responsive veriable
+ * - See: globals/_global-width-responsive.scss
+ */
+
+/**
+ * Top Level Wrappers (header, main, footer)
+ * - Set vertical padding and horizontal margins
+ */
+.site-header,
+.site-main,
+.widget-area,
+.site-footer {
+ padding-top: var(--global--spacing-vertical);
+ padding-bottom: var(--global--spacing-vertical);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.site-header {
+ padding-top: calc(0.75 * var(--global--spacing-vertical));
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ padding-bottom: calc(3 * var(--global--spacing-vertical));
+ }
+}
+
+/**
+ * Site-main children wrappers
+ * - Add double vertical margins here for clearer heirarchy
+ */
+.site-main > * {
+ margin-top: calc(3 * var(--global--spacing-vertical));
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+/**
+ * Set the default maximum responsive content-width
+ */
+.default-max-width {
+ @extend %responsive-aligndefault-width;
+}
+
+/**
+ * Set the wide maximum responsive content-width
+ */
+.wide-max-width {
+ @extend %responsive-alignwide-width;
+}
+
+/**
+ * Set the full maximum responsive content-width
+ */
+.full-max-width {
+ @extend %responsive-alignfull-width-mobile;
+ @extend %responsive-alignfull-width;
+}
+
+/*
+ * Block & non-gutenberg content wrappers
+ * - Set margins
+ */
+.entry-header,
+.post-thumbnail,
+.entry-content,
+.entry-footer,
+.author-bio {
+ margin-top: var(--global--spacing-vertical);
+ margin-right: auto;
+ margin-bottom: var(--global--spacing-vertical);
+ margin-left: auto;
+}
+
+/*
+ * Block & non-gutenberg content wrapper children
+ * - Sets spacing-vertical margin logic
+ */
+.site-main > article > *, // apply vertical margins to article level
+.site-main > .not-found > *, // apply vertical margins to article level
+.entry-content > *,
+[class*="inner-container"] > *,
+.wp-block-template-part > * {
+
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.site-footer > *,
+.widget-area > * {
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+}
+
+/*
+ * Block & non-gutenberg content wrapper children
+ * - Sets spacing-unit margins
+ */
+//.site-header > *, // Removed, to align site title and menu.
+.entry-header > *,
+.post-thumbnail > *,
+.page-content > *,
+.comment-content > *,
+.widget > * {
+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+
+/*
+ * .entry-content children specific controls
+ * - Adds special margin overrides for alignment utility classes
+ */
+.entry-content > * {
+
+ &.alignleft,
+ &.alignright,
+ &.alignleft:first-child + *,
+ &.alignright:first-child + *,
+ &.alignfull.has-background {
+ margin-top: 0;
+ }
+
+ &:last-child,
+ &.alignfull.has-background {
+ margin-bottom: 0;
+ }
+
+ /* Reset alignleft and alignright margins after alignfull */
+ &.alignfull + .alignleft,
+ &.alignfull + .alignright {
+ margin-top: var(--global--spacing-vertical);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsblockquotescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote {
+ padding: 0;
+ position: relative;
+ margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+ > * {
+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ p {
+ letter-spacing: var(--heading--letter-spacing-h4);
+ font-family: var(--quote--font-family);
+ font-size: var(--quote--font-size);
+ font-style: var(--quote--font-style);
+ font-weight: var(--quote--font-weight);
+ line-height: var(--quote--line-height);
+ }
+
+ cite,
+ footer {
+ font-weight: normal;
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
+ }
+
+ &.alignleft,
+ &.alignright {
+
+ padding-left: inherit;
+
+ p {
+ font-size: var(--heading--font-size-h5);
+ max-width: inherit;
+ width: inherit;
+ }
+
+ cite,
+ footer {
+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
+ }
+ }
+
+ strong {
+ font-weight: var(--quote--font-weight-strong);
+ }
+
+ &:before {
+ content: "\201C";
+ font-size: var(--quote--font-size);
+ line-height: var(--quote--line-height);
+ }
+
+ .wp-block-quote__citation,
+ cite,
+ footer {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ font-style: var(--quote--font-style-cite);
+ }
+
+ @include media(mobile-only) {
+ padding-left: calc(0.5 * var(--global--spacing-horizontal));
+
+ &:before {
+ left: 0;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformseditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,12 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+select {
+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ color: var(--form--color-text);
+ font-size: var(--form--font-size);
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+ background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; // stylelint-disable-line function-url-quotes
+ background-position: right var(--form--spacing-unit) top 60%;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,328 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="password"],
+input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"],
+.site textarea {
+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ color: var(--form--color-text);
+ line-height: var(--global--line-height-body);
+ padding: var(--form--spacing-unit);
+ // Gives a little more space for the outline offset.
+ margin: 0 2px;
+
+ &:focus {
+ color: var(--form--color-text);
+ outline-offset: 2px;
+ outline: 2px dotted var(--form--border-color);
+ }
+
+ &:disabled {
+ opacity: 0.7;
+ }
+
+ .is-dark-theme & {
+ background: var(--global--color-white-90);
+ }
+
+}
+
+// Reset the negative offset from normalize to make the thicker "border" work on focus.
+input[type="search"] {
+
+ &:focus {
+ outline-offset: -7px;
+
+ .is-dark-theme & {
+ outline-color: var(--global--color-background);
+ }
+ }
+}
+
+input[type="color"] {
+ padding: calc(var(--form--spacing-unit) / 2);
+ height: calc(4 * var(--form--spacing-unit));
+}
+
+input[type="email"],
+input[type="url"] {
+
+ /*rtl:ignore*/
+ direction: ltr;
+}
+
+select {
+ border: var(--form--border-width) solid var(--form--border-color);
+ color: var(--form--color-text);
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ line-height: var(--global--line-height-body);
+ padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+ background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; // stylelint-disable-line function-url-quotes
+ background-position: right var(--form--spacing-unit) top 60%;
+
+ &:focus {
+ outline-offset: 2px;
+ outline: 2px dotted var(--form--border-color);
+ }
+
+ .is-dark-theme & {
+ background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; // stylelint-disable-line function-url-quotes
+ background-position: right var(--form--spacing-unit) top 60%;
+ }
+}
+
+textarea {
+ width: 100%;
+}
+
+label {
+ font-size: var(--form--font-size);
+ font-weight: var(--form--label-weight);
+ margin-bottom: calc(var(--global--spacing-vertical) / 3);
+}
+
+/**
+https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
+https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
+License: MIT.
+*/
+@supports (-webkit-appearance: none) or (-moz-appearance: none) {
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ position: relative;
+ width: 25px;
+ height: 25px;
+ border: var(--form--border-width) solid var(--form--border-color);
+ background: var(--global--color-white);
+
+ &:disabled {
+ opacity: 0.7;
+ }
+
+ .is-dark-theme & {
+ background: var(--global--color-white-90);
+ }
+ }
+
+ input[type="checkbox"] {
+
+ &:focus {
+ outline-offset: 2px;
+ outline: 2px dotted var(--form--border-color);
+ }
+
+ &:after {
+ content: "";
+ opacity: 0;
+ display: block;
+ left: 5px;
+ top: 2px;
+ position: absolute;
+ width: 7px;
+ height: 13px;
+ border: 3px solid var(--form--color-text);
+ border-top: 0;
+ border-left: 0;
+ transform: rotate(30deg);
+ }
+
+ &:checked {
+ color: var(--form--color-text);
+
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
+
+ input[type="radio"] {
+ border-radius: 50%;
+
+ &:focus {
+ outline-offset: 2px;
+ outline: 2px dotted var(--form--border-color);
+ }
+
+ &:after {
+ content: "";
+ opacity: 0;
+ display: block;
+ left: 3px;
+ top: 3px;
+ position: absolute;
+ width: 11px;
+ height: 11px;
+ border-radius: 50%;
+ background: var(--form--color-text);
+ }
+
+ &:checked {
+ border: 4px solid var(--form--border-color);
+
+ &:after {
+ opacity: 1;
+ }
+
+ // Focus style for checked radio buttons.
+ &:focus {
+ outline-offset: 4px;
+ outline: 2px dotted var(--form--border-color);
+ }
+ }
+ }
+}
+
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+ display: inline-block;
+ padding-left: 10px;
+ font-size: var(--global--font-size-xs);
+ vertical-align: top;
+}
+
+/**
+ * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
+*/
+@supports (-webkit-appearance: none) or (-moz-appearance: none) {
+
+ input[type="range"] {
+ -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
+ width: 100%; /* Specific width is required for Firefox. */
+ height: 6px;
+ background: var(--form--color-ranged);
+ border-radius: 6px;
+ outline-offset: 10px;
+
+ &:disabled {
+ opacity: 0.7;
+ }
+ }
+
+ input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ border: 3px solid var(--form--color-ranged);
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ background: var(--global--color-background);
+ cursor: pointer;
+ }
+
+ input[type="range"]::-moz-range-thumb {
+ border: 3px solid var(--form--color-ranged);
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ background: var(--global--color-background);
+ cursor: pointer;
+ }
+}
+
+input[type="range"]::-ms-track {
+ width: 100%;
+ height: 6px;
+ border-radius: 6px;
+ border-width: 19px 0;
+ border-color: var(--global--color-background);
+ background: transparent;
+ color: transparent;
+ cursor: pointer;
+}
+
+input[type="range"]::-ms-fill-upper {
+ background: var(--form--color-ranged);
+ border-radius: 6px;
+}
+
+input[type="range"]::-ms-fill-lower {
+ background: var(--form--color-ranged);
+ border-radius: 6px;
+}
+
+input[type="range"]::-ms-thumb {
+ border: 3px solid var(--form--color-ranged);
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ background: var(--global--color-background);
+ cursor: pointer;
+}
+
+fieldset {
+ display: grid;
+ border-color: var(--global--color-secondary);
+ padding: var(--global--spacing-horizontal);
+
+ legend {
+ font-size: var(--global--font-size-lg);
+ }
+
+ input {
+
+ &[type="submit"] {
+ max-width: max-content;
+ }
+
+ &:not([type="submit"]) {
+ margin-bottom: var(--global--spacing-unit);
+ }
+
+ &[type="radio"],
+ &[type="checkbox"] {
+ margin-bottom: 0;
+ }
+
+ &[type="radio"] + label,
+ &[type="checkbox"] + label {
+ font-size: var(--form--font-size);
+ padding-left: 0;
+ margin-bottom: var(--global--spacing-unit);
+ }
+ }
+}
+
+::-moz-placeholder { // Firefox 19+
+ opacity: 1;
+}
+
+.post-password-message {
+ font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+ display: flex;
+ flex-wrap: wrap;
+
+ &__label {
+ width: 100%;
+ margin-bottom: 0;
+ }
+
+ input[type="password"] {
+ flex-grow: 1;
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ margin-right: calc(0.66 * var(--global--spacing-horizontal));
+ }
+
+ &__submit {
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ @include media(tablet) {
+ margin-left: calc(0.4 * var(--global--spacing-horizontal));
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementslinksscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,66 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * text-underline-offset doesn't work in Chrome at all 👎
+ * But looks nice in Safari/Firefox, so let's keep it and
+ * maybe Chrome will support it soon.
+ */
+a {
+ cursor: pointer;
+ color: var(--wp--style--color--link, var(--global--color-primary));
+ text-underline-offset: 3px;
+ text-decoration-skip-ink: all;
+}
+
+a:hover {
+ text-decoration-style: dotted;
+ text-decoration-skip-ink: none;
+}
+
+.site a:focus {
+
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+
+ background: rgba(255, 255, 255, .9);
+
+ // Change text color when the body background is dark.
+ .is-dark-theme &,
+ .is-dark-theme & .meta-nav {
+ color: var(--wp--style--color--link, var(--global--color-background));
+ }
+
+ // Change colors when the body background is white.
+ .has-background-white & {
+ background: rgba(0, 0, 0, .9);
+ color: var(--wp--style--color--link, var(--global--color-white));
+
+ .meta-nav {
+ color: var(--wp--style--color--link, var(--global--color-white));
+ }
+ }
+
+ &.skip-link {
+
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
+
+ &:focus {
+ color: #21759b;
+ background-color: #f1f1f1;
+ }
+ }
+
+ img {
+ outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
+ }
+}
+
+// Enforce the custom link color even if a custom background color has been set.
+// The extra specificity here is required to override the background color styles.
+.has-background:not(.has-background-background-color) {
+ // Target both current level and nested block.
+ .has-link-color a,
+ &.has-link-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmediascss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,46 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+img {
+ display: block;
+ height: auto;
+ max-width: 100%;
+}
+
+/* Classic editor images */
+.entry-content img {
+ max-width: 100%;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+embed,
+iframe,
+object,
+video {
+ max-width: 100%;
+}
+
+
+/* Media captions */
+figcaption,
+.wp-caption,
+.wp-caption-text {
+ color: currentColor;
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
+ text-align: center;
+
+ .alignleft &,
+ .alignright & {
+ margin-bottom: 0;
+ }
+}
+
+/* WP Smiley */
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmiscscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,17 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Over here, place any elements that do not need to have their own file. */
+b,
+strong {
+ font-weight: 700;
+}
+
+dfn,
+cite,
+em,
+i {
+ font-style: italic;
+}
+
+pre {
+ white-space: pre;
+ overflow-x: auto;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocks_configscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Variable Configuration
+// - Import all config files for display in
+// the editor, customizer, and front end.
+
+
+@import "separator/config";
+@import "utilities/config";
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksaudio_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-audio {
+
+ audio:focus {
+ outline-offset: 5px;
+ outline: 2px solid var(--global--color-primary);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblockseditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,35 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Block Styles for the Editor
+// - These styles replace key Gutenberg Block styles for fonts, colors, and
+// spacing with CSS-variables overrides in the Block Editor
+// - In the future the Block styles may get compiled to individual .css
+// files and conditionally loaded
+
+@import "button/editor";
+@import "code/editor";
+@import "cover/editor";
+@import "columns/editor";
+@import "file/editor";
+@import "gallery/editor";
+@import "group/editor";
+@import "heading/editor";
+@import "html/editor";
+@import "image/editor";
+@import "latest-comments/editor";
+@import "latest-posts/editor";
+@import "legacy/editor"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc.
+@import "list/editor";
+@import "media-text/editor";
+@import "navigation/editor";
+@import "paragraph/editor";
+@import "preformatted/editor";
+@import "pullquote/editor";
+@import "quote/editor";
+@import "rss/editor";
+@import "search/editor";
+@import "separator/editor";
+@import "social-icons/editor";
+@import "table/editor";
+@import "tag-clould/editor";
+@import "verse/editor";
+@import "utilities/font-sizes";
+@import "utilities/editor"; // Import LAST to cascade properly
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblocksscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,37 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Blocks
+// - These styles replace key Gutenberg Block styles with font, color, and
+// spacing with CSS-variables overrides
+// - In the future the Block styles may get compiled to individual .css
+// files and conditionally loaded
+
+@import "audio/style";
+@import "button/style";
+@import "code/style";
+@import "columns/style";
+@import "cover/style";
+@import "file/style";
+@import "gallery/style";
+@import "group/style";
+@import "heading/style";
+@import "image/style";
+@import "latest-comments/style";
+@import "latest-posts/style";
+@import "legacy/style"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc.
+@import "list/style";
+@import "media-text/style";
+@import "navigation/style";
+@import "paragraph/style";
+@import "preformatted/style";
+@import "pullquote/style";
+@import "quote/style";
+@import "rss/style";
+@import "search/style";
+@import "separator/style";
+@import "social-icons/style";
+@import "spacer/style";
+@import "table/style";
+@import "tag-clould/style";
+@import "verse/style";
+@import "video/style";
+@import "utilities/font-sizes";
+@import "utilities/style"; // Import LAST to cascade properly
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,118 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button__link {
+ // Extend button style
+ @include button-style();
+}
+
+/**
+ * Block Options
+ */
+
+// The parent container does not need outer margins applied.
+// The children should all have top and bottom margins.
+[data-block].wp-block-buttons {
+ margin-top: 0;
+ margin-bottom: 0;
+
+ .wp-block-button:first-child {
+ margin-top: var(--global--spacing-vertical);
+ }
+
+ .wp-block-button:last-child {
+ margin-bottom: var(--global--spacing-vertical);
+ }
+}
+
+.wp-block-button {
+
+ // Target the default and filled button states.
+ &:not(.is-style-outline) {
+
+ .wp-block-button__link {
+
+ &:active {
+ color: var(--button--color-text-active) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+ }
+
+ &:hover {
+ color: var(--button--color-text-hover) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+ }
+ }
+ }
+
+ // Outline Style.
+ &.is-style-outline {
+
+ .wp-block-button__link {
+ color: var(--button--color-background);
+ background: transparent;
+ border: var(--button--border-width) solid currentColor;
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+ &:active,
+ &:hover {
+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
+ border-color: var(--button--color-background);
+ }
+
+ &.has-background {
+ border-color: var(--button--color-background);
+
+ &:active,
+ &:hover {
+ background-color: var(--button--color-background) !important;
+ }
+ }
+
+ &.has-background:not(.has-text-color) {
+ color: var(--global--color-dark-gray);
+ }
+
+ &.has-background.has-gray-background-color:not(.has-text-color),
+ &.has-background.has-dark-gray-background-color:not(.has-text-color),
+ &.has-background.has-black-background-color:not(.has-text-color) {
+ color: var(--global--color-white);
+ }
+
+ .is-dark-theme & {
+
+ &:not(.has-text-color) {
+
+ &.has-background.has-white-background-color,
+ &.has-background.has-green-background-color,
+ &.has-background.has-blue-background-color,
+ &.has-background.has-purple-background-color,
+ &.has-background.has-red-background-color,
+ &.has-background.has-orange-background-color,
+ &.has-background.has-yellow-background-color {
+ color: var(--global--color-dark-gray);
+ }
+ }
+ }
+
+ &.has-text-color {
+ border-color: currentColor;
+
+ &:active,
+ &:hover {
+ color: var(--button--color-text) !important;
+ border-color: var(--button--color-background);
+ }
+ }
+ }
+ }
+
+ // Squared Style
+ &.is-style-squared {
+ border-radius: 0;
+ }
+}
+
+.is-style-outline .wp-block-button__link[style*="radius"],
+.wp-block-button__link[style*="radius"] {
+ outline-offset: 2px;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,134 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Button
+ */
+.site .button,
+input[type="submit"],
+input[type="reset"],
+.wp-block-search__button,
+.wp-block-button .wp-block-button__link {
+ // Extend button style
+ @include button-style();
+}
+
+.site .button,
+input[type="submit"],
+input[type="reset"],
+.wp-block-search .wp-block-search__button,
+.wp-block-file .wp-block-file__button {
+
+ &:active {
+ color: var(--button--color-text-active);
+ background-color: var(--button--color-background-active);
+ }
+
+ &:hover {
+ color: var(--button--color-text-hover);
+ background: transparent;
+ }
+}
+
+/**
+ * Block Options
+ */
+.wp-block-button {
+
+ // Target the default and filled button states.
+ &:not(.is-style-outline) {
+
+ .wp-block-button__link {
+
+ &:active {
+ color: var(--button--color-text-active) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+ }
+
+ &:hover {
+ color: var(--button--color-text-hover) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
+ }
+
+ &:focus {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
+ }
+ }
+ }
+
+ // Outline Style.
+ &.is-style-outline {
+
+ .wp-block-button__link {
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+ &:not(.has-background) {
+ background: transparent;
+ }
+
+ &:not(.has-background):not(.has-text-color) {
+ background: transparent;
+ color: var(--button--color-background);
+ border-color: var(--button--color-background);
+ }
+
+ &.has-background:not(.has-text-color) {
+ color: currentColor;
+ }
+
+ &.has-background.has-gray-background-color:not(.has-text-color),
+ &.has-background.has-dark-gray-background-color:not(.has-text-color),
+ &.has-background.has-black-background-color:not(.has-text-color) {
+ color: var(--global--color-white);
+ }
+
+ .is-dark-theme & {
+
+ &:not(.has-text-color) {
+
+ &.has-background {
+ color: var(--global--color-dark-gray);
+ }
+
+ &.has-background.has-gray-background-color,
+ &.has-background.has-dark-gray-background-color,
+ &.has-background.has-black-background-color {
+ color: var(--global--color-white);
+ }
+ }
+ }
+
+ &.has-text-color,
+ &.has-background.has-text-color {
+ border-color: currentColor;
+ }
+
+ &:active,
+ &:hover {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
+ border-color: var(--button--color-background);
+
+ &.has-text-color {
+ border-color: var(--button--color-background);
+ }
+ }
+
+ &:focus {
+ color: var(--button--color-background) !important;
+ background: transparent !important;
+ }
+ }
+ }
+
+ // Squared Style
+ .is-style-squared .wp-block-button__link {
+ border-radius: 0;
+ }
+}
+
+.is-style-outline .wp-block-button__link[style*="radius"]:focus,
+.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
+ outline-offset: 2px;
+ outline: 2px dotted var(--button--color-background);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-code code {
+ font-size: var(--global--font-size-xs);
+ white-space: pre !important;
+ overflow-x: auto;
+}
+
+.wp-block-code {
+ border-color: var(--global--color-border);
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0.1rem;
+ padding: var(--global--spacing-unit);
+ color: currentColor;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-code {
+ border-color: var(--global--color-border);
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0.1rem;
+ padding: var(--global--spacing-unit);
+
+ code {
+ font-size: var(--global--font-size-xs);
+ white-space: pre;
+ overflow-x: auto;
+ display: block;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,66 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns {
+
+ &:not(.alignwide):not(.alignfull) {
+ clear: both;
+ }
+
+ .wp-block,
+ .wp-block-column {
+ // Allow Gutenberg to set the width of a block that lives inside the columns block.
+ max-width: inherit;
+ }
+
+ &.is-style-twentytwentyone-columns-overlap {
+
+ @include media(laptop) {
+
+ .wp-block-column:nth-child(2n) {
+ margin-left: calc(-2 * var(--global--spacing-horizontal));
+ margin-top: calc(2.5 * var(--global--spacing-horizontal));
+ z-index: 2;
+
+ // Provide text-based child blocks with a default background color to ensure they're readable.
+ > p,
+ > h1,
+ > h2,
+ > h3,
+ > h4,
+ > h5,
+ > h6,
+ > ul,
+ > ol,
+ > pre {
+
+ &:not(.has-background) {
+ background-color: var(--global--color-background);
+ padding: var(--global--spacing-unit);
+ }
+ }
+
+ // Lists should still have their usual left padding.
+ > ul:not(.has-background),
+ > ol:not(.has-background) {
+ padding-left: calc(2 * var(--global--spacing-horizontal));
+ }
+
+ &.is-vertically-aligned-center {
+ margin-top: 0;
+ }
+ }
+ }
+ }
+
+ .wp-block[data-align="full"] & {
+
+ p:not(.has-background),
+ h1:not(.has-background),
+ h2:not(.has-background),
+ h3:not(.has-background),
+ h4:not(.has-background),
+ h5:not(.has-background),
+ h6:not(.has-background) {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,105 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns {
+
+ &:not(.alignwide):not(.alignfull) {
+ clear: both;
+ }
+
+ .wp-block-column {
+
+ > * {
+ margin-top: calc(0.66 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .wp-block-column:not(:last-child) {
+ margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ @include media(desktop) {
+ margin-bottom: 0;
+ }
+ }
+
+ &.is-style-twentytwentyone-columns-overlap {
+
+ justify-content: space-around;
+
+ @include media(laptop) {
+
+ .wp-block-column {
+
+ &:nth-child(2n) {
+ margin-left: calc(-2 * var(--global--spacing-horizontal));
+ margin-top: calc(2.5 * var(--global--spacing-horizontal));
+ z-index: 2;
+
+ // Provide text-based child blocks with a default background color to ensure they're readable.
+ > p,
+ > h1,
+ > h2,
+ > h3,
+ > h4,
+ > h5,
+ > h6,
+ > ul,
+ > ol,
+ > pre {
+
+ &:not(.has-background) {
+ background-color: var(--global--color-background);
+ padding: var(--global--spacing-unit);
+ }
+ }
+
+ // Lists should still have their usual left padding.
+ > ul:not(.has-background),
+ > ol:not(.has-background) {
+ padding-left: calc(2 * var(--global--spacing-horizontal));
+ }
+
+ &.is-vertically-aligned-center {
+ margin-top: 0;
+ }
+ }
+ }
+ }
+ }
+
+ &.alignfull {
+
+ .wp-block-column {
+
+ p:not(.has-background),
+ h1:not(.has-background),
+ h2:not(.has-background),
+ h3:not(.has-background),
+ h4:not(.has-background),
+ h5:not(.has-background),
+ h6:not(.has-background) {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+ }
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,70 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
+.wp-block-cover-image {
+
+ &:not(.alignwide):not(.alignfull) {
+ clear: both;
+ }
+
+ background-color: var(--cover--color-background);
+ min-height: var(--cover--height);
+ margin-top: inherit;
+ margin-bottom: inherit;
+
+ [data-align="full"] & {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .wp-block-cover__inner-container,
+ .wp-block-cover-image-text,
+ .wp-block-cover-text,
+ .block-editor-block-list__block {
+ color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
+
+ a {
+ color: currentColor;
+ }
+
+ .has-link-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+ }
+ }
+
+ // Default & custom background-color
+ &:not([class*="background-color"]) {
+
+ .wp-block-cover__inner-container,
+ .wp-block-cover-image-text,
+ .wp-block-cover-text,
+ .block-editor-block-list__block {
+ color: var(--cover--color-foreground);
+ }
+ }
+
+ // Treating H2 separately to account for legacy /core styles
+ h2 {
+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
+ padding: 0;
+ max-width: inherit; // undo opinionated styles
+ text-align: inherit;
+
+ &.has-text-align-left {
+ text-align: left;
+ }
+
+ &.has-text-align-center {
+ text-align: center;
+ }
+
+ &.has-text-align-right {
+ text-align: right;
+ }
+ }
+
+ // Block Styles
+ &.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,111 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
+.wp-block-cover-image {
+
+ &:not(.alignwide):not(.alignfull) {
+ clear: both;
+ }
+
+ &.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ background-color: var(--cover--color-background);
+ min-height: var(--cover--height);
+ margin-top: inherit;
+ margin-bottom: inherit;
+
+ .wp-block-cover__inner-container,
+ .wp-block-cover-image-text,
+ .wp-block-cover-text {
+ color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ a {
+ color: currentColor;
+ }
+
+ .has-link-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+ }
+ }
+
+ /* default & custom background-color */
+ &:not([class*="background-color"]) {
+
+ .wp-block-cover__inner-container,
+ .wp-block-cover-image-text,
+ .wp-block-cover-text {
+ color: var(--cover--color-foreground);
+ }
+ }
+
+ /* Treating H2 separately to account for legacy /core styles */
+ h2 {
+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
+ max-width: inherit; // undo opinionated styles
+ text-align: inherit; // undo opinionated styles
+ padding: 0;
+
+ &.has-text-align-left {
+ text-align: left;
+ }
+
+ &.has-text-align-center {
+ text-align: center;
+ }
+
+ &.has-text-align-right {
+ text-align: right;
+ }
+ }
+
+ .wp-block-cover__inner-container {
+
+ width: calc(100% - calc(2 * var(--global--spacing-vertical)));
+
+ > * {
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ &.alignleft,
+ &.alignright {
+ margin-top: 0;
+
+ > * {
+ margin-top: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: calc(2 * var(--global--spacing-vertical));
+ padding-left: var(--global--spacing-horizontal);
+ padding-right: var(--global--spacing-horizontal);
+ width: 100%;
+ }
+ }
+
+ &.has-left-content,
+ &.has-right-content {
+ justify-content: center;
+ }
+
+ /* Block Styles */
+ &.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file {
+
+ .wp-block-file__textlink {
+ text-decoration: underline;
+ text-decoration-style: solid;
+ text-decoration-thickness: 1px;
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+ }
+ }
+
+ .wp-block-file__button {
+ // Extend button style
+ @include button-style();
+ display: inline-block;
+
+ &:hover {
+ color: var(--button--color-text-hover);
+ background: transparent;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file {
+
+ // Undo Gutenberg hover defaults
+ a.wp-block-file__button:active,
+ a.wp-block-file__button:focus,
+ a.wp-block-file__button:hover {
+ color: var(--button--color-text-hover);
+ opacity: inherit;
+ }
+
+ a.wp-block-file__button:visited {
+ color: var(--button--color-text);
+
+ &:hover {
+ color: var(--button--color-text-hover);
+ }
+ }
+
+ .wp-block-file__button {
+ // Extend button style
+ @include button-style();
+ display: inline-block;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,10 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery {
+
+ figcaption {
+ margin-bottom: 0;
+
+ a {
+ color: var(--global--color-white);
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,33 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery {
+
+ margin: 0 auto;
+
+ .blocks-gallery-image,
+ .blocks-gallery-item {
+
+ // On mobile and responsive viewports, we allow only 1 or 2 columns at the most.
+ width: calc((100% - var(--global--spacing-unit)) / 2);
+
+ figcaption {
+ margin: 0;
+ // Text color is always white to account for default gradient background
+ color: var(--global--color-white);
+ font-size: var(--global--font-size-xs);
+
+ a {
+ color: var(--global--color-white);
+
+ &:focus {
+ background-color: transparent;
+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+ text-decoration: none;
+ }
+ }
+ }
+
+ a:focus img {
+ outline-offset: 2px;
+ }
+
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,47 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group {
+ // Start IE clearfix.
+ // This hack is only necessary because we want to support IE11.
+ // If we don't want to support IE11, then "display: flow-root" would suffice.
+ display: block;
+ clear: both;
+
+ display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ clear: both;
+ }
+ // End IE clearfix.
+
+ &.has-background {
+ padding: var(--global--spacing-vertical);
+
+ [data-align="full"] & {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ }
+
+ // Block Styles
+ &.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical);
+
+ .wp-block-group__inner-container > [data-align="full"] {
+ max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ margin-left: calc(-1 * var(--global--spacing-vertical));
+ }
+ }
+
+ .wp-block-group__inner-container > *:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
+ margin: 0;
+ width: 100%;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,70 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group {
+ // Start IE clearfix.
+ // This hack is only necessary because we want to support IE11.
+ // If we don't want to support IE11, then "display: flow-root" would suffice.
+ display: block;
+ clear: both;
+
+ display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ clear: both;
+ }
+ // End IE clearfix.
+
+ .wp-block-group__inner-container {
+ margin-left: auto;
+ margin-right: auto;
+
+ > * {
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+ &.alignfull {
+ @extend %responsive-alignfull-width-mobile;
+ }
+
+ @include media(mobile) {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ &.has-background {
+ padding: calc(0.666 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ padding: var(--global--spacing-vertical);
+ }
+ }
+
+ // Block Styles
+ &.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical);
+ }
+
+ // Adjust alignfull items to account for left and right padding.
+ &.has-background,
+ &.is-style-twentytwentyone-border {
+
+ .wp-block-group__inner-container > .alignfull,
+ .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
+ max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+ margin-left: calc(-1 * var(--global--spacing-vertical));
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,81 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1,
+h1,
+.h1,
+.wp-block-heading h2,
+h2,
+.h2,
+.wp-block-heading h3,
+h3,
+.h3,
+.wp-block-heading h4,
+h4,
+.h4,
+.wp-block-heading h5,
+h5,
+.h5,
+.wp-block-heading h6,
+h6,
+.h6 {
+ clear: both;
+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
+
+ strong {
+ font-weight: var(--heading--font-weight-strong);
+ }
+
+ &[style*="--wp--typography--line-height"] {
+ line-height: var(--wp--typography--line-height, --global--line-height-body);
+ }
+}
+
+.wp-block-heading h1,
+h1,
+.h1 {
+ font-size: var(--heading--font-size-h1);
+ letter-spacing: var(--heading--letter-spacing-h1);
+ line-height: var(--heading--line-height-h1);
+}
+
+.wp-block-heading h2,
+h2,
+.h2 {
+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
+}
+
+.wp-block-heading h3,
+h3,
+.h3 {
+ font-size: var(--heading--font-size-h3);
+ letter-spacing: var(--heading--letter-spacing-h3);
+ line-height: var(--heading--line-height-h3);
+}
+
+.wp-block-heading h4,
+h4,
+.h4 {
+ font-size: var(--heading--font-size-h4);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h4);
+ line-height: var(--heading--line-height-h4);
+}
+
+.wp-block-heading h5,
+h5,
+.h5 {
+ font-size: var(--heading--font-size-h5);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h5);
+ line-height: var(--heading--line-height-h5);
+}
+
+.wp-block-heading h6,
+h6,
+.h6 {
+ font-size: var(--heading--font-size-h6);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h6);
+ line-height: var(--heading--line-height-h6);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,65 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ clear: both;
+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
+
+ strong {
+ font-weight: var(--heading--font-weight-strong);
+ }
+}
+
+h1,
+.h1 {
+ font-size: var(--heading--font-size-h1);
+ letter-spacing: var(--heading--letter-spacing-h1);
+ line-height: var(--heading--line-height-h1);
+}
+
+h2,
+.h2 {
+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
+}
+
+h3,
+.h3 {
+ font-size: var(--heading--font-size-h3);
+ letter-spacing: var(--heading--letter-spacing-h3);
+ line-height: var(--heading--line-height-h3);
+}
+
+h4,
+.h4 {
+ font-size: var(--heading--font-size-h4);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h4);
+ line-height: var(--heading--line-height-h4);
+}
+
+h5,
+.h5 {
+ font-size: var(--heading--font-size-h5);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h5);
+ line-height: var(--heading--line-height-h5);
+}
+
+h6,
+.h6 {
+ font-size: var(--heading--font-size-h6);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h6);
+ line-height: var(--heading--line-height-h6);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockshtml_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,6 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-type="core/html"] textarea {
+ // Make sure that the color is not white on white when a dark body background is used.
+ color: var(--global--color-dark-gray);
+ border-radius: 0;
+ padding: var(--global--spacing-unit);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Center image block by default in the editor */
+
+.wp-block-image > div {
+ text-align: center;
+}
+
+[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
+ margin: 0 auto;
+}
+
+/* Block Styles */
+
+.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ padding: var(--global--spacing-unit);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,69 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-image {
+ text-align: center;
+
+ figcaption {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
+ text-align: center;
+ }
+
+ .alignright {
+ margin-left: var(--global--spacing-horizontal);
+ }
+
+ .alignleft {
+ margin-right: var(--global--spacing-horizontal);
+ }
+
+ a:focus img {
+ outline-offset: 2px;
+ }
+}
+
+// Remove vertical margins from image block wrappers when floated
+.entry-content > *[class="wp-block-image"],
+.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
+ margin-top: 0;
+ margin-bottom: 0;
+
+ // Remove top margins from the following element when previous image block is floated
+ + * {
+ margin-top: 0;
+ }
+}
+
+img {
+ height: auto;
+ max-width: 100%;
+ vertical-align: middle;
+}
+
+// Block Styles
+.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ padding: var(--global--spacing-unit);
+}
+
+.entry-content {
+
+ > .wp-block-image {
+
+ > .alignleft,
+ > .alignright {
+ @include media(mobile) {
+ max-width: 50%;
+ }
+ @include media(mobile-only) {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,3 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-comments {
+ padding-left: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,35 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-comments {
+ padding-left: 0;
+
+ .wp-block-latest-comments__comment {
+ font-size: var(--global--font-size-sm);
+ line-height: var(--global--line-height-body);
+
+ /* Vertical margins logic */
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .wp-block-latest-comments__comment-meta {
+ font-family: var(--heading--font-family);
+ }
+
+ .wp-block-latest-comments__comment-date {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-sm);
+ }
+
+ .wp-block-latest-comments__comment-excerpt p {
+ font-size: var(--global--font-size-sm);
+ line-height: var(--global--line-height-body);
+ margin: 0;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,144 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts {
+ padding-left: 0;
+
+ // Vertical margins logic
+ &:not(.is-grid) > li {
+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &.is-grid {
+ word-wrap: break-word;
+ word-break: break-word;
+
+ > li {
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ > li > * {
+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Post title
+ > li > a {
+ display: inline-block;
+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+ }
+
+ // Post author
+ .wp-block-latest-posts__post-author {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
+ }
+
+ // Post date
+ .wp-block-latest-posts__post-date {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+
+ [class*="inner-container"] &,
+ .has-background & {
+ color: currentColor;
+ }
+ }
+
+ // Post content
+ .wp-block-latest-posts__post-excerpt,
+ .wp-block-latest-posts__post-full-content {
+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ }
+
+ // Block Styles
+ &.is-style-twentytwentyone-latest-posts-dividers {
+ border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
+
+ &:not(.is-grid) > li,
+ > li {
+ padding-bottom: var(--global--spacing-vertical);
+ border-bottom: var(--separator--height) solid var(--global--color-border);
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+ }
+ }
+
+ &.is-grid {
+ // Border moves up 1px to overlap the li borders in the last row.
+ box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+ border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
+
+ li {
+ margin: 0;
+ padding-top: var(--global--spacing-vertical);
+ padding-right: var(--global--spacing-horizontal);
+
+ &:last-child {
+ padding-bottom: var(--global--spacing-vertical);
+ }
+ }
+
+ // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths.
+ // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34
+ @media screen and (min-width: 600px) {
+ @for $i from 2 through 6 {
+ &.columns-#{ $i } li {
+ width: calc((100% / #{ $i }));
+ }
+ }
+ }
+ }
+ }
+
+ &.is-style-twentytwentyone-latest-posts-borders {
+
+ li {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+ &:last-child {
+ padding-bottom: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+ }
+
+ &:not(.is-grid) li {
+ margin-top: var(--global--spacing-horizontal);
+ margin-bottom: var(--global--spacing-horizontal);
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,169 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts {
+ padding-left: 0;
+
+ // Vertical margins logic
+ &:not(.is-grid) > li {
+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &.is-grid {
+ word-wrap: break-word;
+ word-break: break-word;
+
+ > li {
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Remove bottom margins in grid columns
+ &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+ &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+ &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+ &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+ &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+ &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+ &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+ &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+ &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+ &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+ margin-bottom: 0;
+ }
+ }
+
+ > li > * {
+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Post title
+ > li > a {
+ display: inline-block;
+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+ }
+
+ // Post author
+ .wp-block-latest-posts__post-author {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
+ }
+
+ // Post date
+ .wp-block-latest-posts__post-date {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+
+ [class*="inner-container"] &,
+ .has-background & {
+ color: currentColor;
+ }
+ }
+
+ // Post content
+ .wp-block-latest-posts__post-excerpt,
+ .wp-block-latest-posts__post-full-content {
+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ }
+
+ // Utility classes
+ &.alignfull {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+
+ .entry-content [class*="inner-container"] &,
+ .entry-content .has-background & {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+
+ // Block Styles
+ &.is-style-twentytwentyone-latest-posts-dividers {
+ border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
+
+ &:not(.is-grid) > li,
+ > li {
+ padding-bottom: var(--global--spacing-vertical);
+ border-bottom: var(--separator--height) solid var(--global--color-border);
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+ }
+ }
+
+ &.is-grid {
+ // Border moves up 1px to overlap the li borders in the last row.
+ box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+ border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
+
+ li {
+ margin: 0;
+ padding-top: var(--global--spacing-vertical);
+ padding-right: var(--global--spacing-horizontal);
+
+ &:last-child {
+ padding-bottom: var(--global--spacing-vertical);
+ }
+ }
+
+ // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths.
+ // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34
+ @media screen and (min-width: 600px) {
+ @for $i from 2 through 6 {
+ &.columns-#{ $i } li {
+ width: calc((100% / #{ $i }));
+ }
+ }
+ }
+ }
+ }
+
+ &.is-style-twentytwentyone-latest-posts-borders {
+
+ li {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+ &:last-child {
+ padding-bottom: var(--global--spacing-vertical);
+ }
+ }
+
+ &:not(.is-grid) li {
+ margin-top: var(--global--spacing-horizontal);
+ margin-bottom: var(--global--spacing-horizontal);
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,42 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.gallery-item {
+ display: inline-block;
+ text-align: center;
+ vertical-align: top;
+ width: 100%;
+
+ .gallery-columns-2 & {
+ max-width: 50%;
+ }
+
+ .gallery-columns-3 & {
+ max-width: 33.33%;
+ }
+
+ .gallery-columns-4 & {
+ max-width: 25%;
+ }
+
+ .gallery-columns-5 & {
+ max-width: 20%;
+ }
+
+ .gallery-columns-6 & {
+ max-width: 16.66%;
+ }
+
+ .gallery-columns-7 & {
+ max-width: 14.28%;
+ }
+
+ .gallery-columns-8 & {
+ max-width: 12.5%;
+ }
+
+ .gallery-columns-9 & {
+ max-width: 11.11%;
+ }
+}
+
+.gallery-caption {
+ display: block;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,55 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.gallery-item {
+ display: inline-block;
+ text-align: center;
+ vertical-align: top;
+ width: 100%;
+
+ a {
+ display: block;
+ }
+
+ a:focus img {
+ outline-offset: -2px;
+ }
+
+ .gallery-columns-2 & {
+ max-width: 50%;
+ }
+
+ .gallery-columns-3 & {
+ max-width: 33.33%;
+ }
+
+ .gallery-columns-4 & {
+ max-width: 25%;
+ }
+
+ .gallery-columns-5 & {
+ max-width: 20%;
+ }
+
+ .gallery-columns-6 & {
+ max-width: 16.66%;
+ }
+
+ .gallery-columns-7 & {
+ max-width: 14.28%;
+ }
+
+ .gallery-columns-8 & {
+ max-width: 12.5%;
+ }
+
+ .gallery-columns-9 & {
+ max-width: 11.11%;
+ }
+}
+
+.gallery-caption {
+ display: block;
+}
+
+// Legacy images, linked
+figure.wp-caption a:focus img {
+ outline-offset: 2px;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,32 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
+ol {
+ font-family: var(--list--font-family);
+ margin: var(--global--spacing-vertical) 0;
+ padding-left: calc(2 * var(--global--spacing-horizontal));
+
+ // Utility classes
+ &.aligncenter {
+ list-style-position: inside;
+ padding: 0;
+ text-align: center;
+ }
+
+ &.alignright {
+ list-style-position: inside;
+ padding: 0;
+ text-align: right;
+ }
+}
+
+li {
+
+ > ul,
+ > ol {
+ margin: 0;
+ }
+}
+
+dt {
+ font-family: var(--definition-term--font-family);
+ font-weight: bold;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,36 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
+ol {
+ font-family: var(--list--font-family);
+ margin: 0;
+ padding-left: calc(2 * var(--global--spacing-horizontal));
+
+ // Utility classes
+ &.aligncenter {
+ list-style-position: inside;
+ padding: 0;
+ }
+
+ &.alignright {
+ list-style-position: inside;
+ text-align: right;
+ padding: 0;
+ }
+}
+
+ul {
+ list-style-type: disc;
+}
+
+ol {
+ list-style-type: decimal;
+}
+
+dt {
+ font-family: var(--definition-term--font-family);
+ font-weight: bold;
+}
+
+dd {
+ margin: 0;
+ padding-left: calc(2 * var(--global--spacing-horizontal));
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text {
+
+ [data-align="full"] & {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .wp-block-media-text__content {
+ padding: var(--global--spacing-horizontal);
+
+ [data-block]:first-child {
+ margin-top: 0;
+ }
+
+ [data-block]:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Block Styles
+ &.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,53 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text {
+
+ &.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ a:focus img {
+ outline-offset: -1px;
+ }
+
+ .wp-block-media-text__content {
+ padding: var(--global--spacing-horizontal);
+
+ @include media(tablet) {
+ padding: var(--global--spacing-vertical);
+ }
+
+ > * {
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+ @include media(mobile) {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ /**
+ * Block Options
+ */
+
+ &.is-stacked-on-mobile .wp-block-media-text__content {
+ @include media(mobile) {
+ padding-top: var(--global--spacing-vertical);
+ padding-bottom: var(--global--spacing-vertical);
+ }
+ }
+
+ // Block Styles
+ &.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,45 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation {
+
+ .wp-block-navigation__container {
+ background: var(--global--color-background);
+ padding: 0;
+ }
+
+ .wp-block-navigation-link {
+
+ .wp-block-navigation-link__content {
+ padding: var(--primary-nav--padding);
+ }
+
+ .wp-block-navigation-link__label {
+ font-family: var(--primary-nav--font-family);
+ font-size: var(--primary-nav--font-size);
+ font-weight: var(--primary-nav--font-weight);
+ }
+ }
+
+ .has-child {
+
+ .wp-block-navigation__container {
+ box-shadow: var(--global--elevation);
+ }
+ }
+
+ &:not(.has-text-color) {
+
+ .wp-block-navigation-link {
+
+ > a {
+
+ &:hover,
+ &:focus {
+ color: var(--primary-nav--color-link-hover);
+ }
+ }
+ }
+
+ .wp-block-navigation-link__content {
+ color: currentColor;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,128 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation {
+
+ .wp-block-navigation-link {
+ padding: 0;
+
+ .wp-block-navigation-link__content {
+ padding: var(--primary-nav--padding);
+ }
+
+ .wp-block-navigation-link__label {
+ font-family: var(--primary-nav--font-family);
+ font-size: var(--primary-nav--font-size);
+ font-weight: var(--primary-nav--font-weight);
+ }
+ }
+
+ .wp-block-navigation-link__submenu-icon {
+ padding: 0;
+ }
+
+ // Top level navigation container.
+ > .wp-block-navigation__container {
+
+ .has-child {
+
+ .wp-block-navigation-link {
+ display: inherit;
+ }
+
+ .wp-block-navigation__container {
+ border: none;
+ left: 0;
+ margin-left: var(--primary-nav--padding);
+ min-width: max-content;
+ opacity: 0;
+ padding: 0;
+ position: inherit;
+ top: inherit;
+
+ .wp-block-navigation-link {
+
+ .wp-block-navigation-link__content {
+ display: inline-block;
+ padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
+ }
+ }
+
+ .wp-block-navigation-link__submenu-icon {
+ display: none;
+ }
+ }
+
+ &:hover,
+ &:focus-within {
+
+ .wp-block-navigation__container {
+ display: block;
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ }
+
+ > .has-child {
+
+ > .wp-block-navigation__container {
+ background: var(--global--color-background);
+ margin: 0;
+ padding: 0;
+ position: absolute;
+ top: 100%;
+ border: 1px solid var(--primary-nav--border-color);
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 0;
+ top: -10px;
+ left: var(--global--spacing-horizontal);
+ border-style: solid;
+ border-color: var(--primary-nav--border-color) transparent;
+ border-width: 0 7px 10px 7px;
+ }
+
+ &:after {
+ top: -9px;
+ border-color: var(--global--color-background) transparent;
+ }
+ }
+ }
+ }
+
+ &:not(.has-background) {
+
+ .wp-block-navigation__container {
+ background: var(--global--color-background);
+
+ .wp-block-navigation__container {
+ background: var(--global--color-background);
+ }
+ }
+ }
+
+ &:not(.has-text-color) {
+
+ .wp-block-navigation-link {
+
+ > a {
+
+ &:hover,
+ &:focus {
+ color: var(--primary-nav--color-link-hover);
+ }
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+ }
+ }
+ }
+
+ .wp-block-navigation-link__content {
+ color: currentColor;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p {
+ line-height: var(--wp--typography--line-height, --global--line-height-body);
+
+ &.has-background {
+ padding: var(--global--spacing-unit);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p {
+
+ line-height: var(--wp--typography--line-height, --global--line-height-body);
+
+ // inherits general font style set at <body>
+ &.has-background {
+ padding: var(--global--spacing-unit);
+ }
+
+ // Override `color: inherit` from Core styles.
+ &.has-text-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,6 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+pre.wp-block-preformatted {
+ overflow-x: auto;
+ white-space: pre !important;
+ font-size: var(--global--font-size-xs);
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+pre.wp-block-preformatted {
+ overflow-x: auto;
+ white-space: pre;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,96 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote {
+ padding: calc(2 * var(--global--spacing-unit)) 0;
+ text-align: center;
+ border-width: var(--pullquote--border-width);
+ border-bottom-style: solid;
+ border-top-style: solid;
+ color: currentColor;
+ border-color: currentColor;
+ position: relative;
+
+ blockquote::before {
+ color: currentColor;
+ content: "\201C";
+ display: block;
+ font-size: 3rem;
+ font-weight: 500;
+ line-height: 1;
+ }
+
+ p {
+ font-family: var(--pullquote--font-family);
+ font-size: var(--pullquote--font-size);
+ font-style: var(--pullquote--font-style);
+ font-weight: 700;
+ letter-spacing: var(--pullquote--letter-spacing);
+ line-height: var(--pullquote--line-height);
+ margin: 0;
+ }
+
+ a {
+ color: currentColor;
+ }
+
+ .wp-block-pullquote__citation,
+ cite,
+ footer {
+ font-size: var(--global--font-size-xs);
+ font-style: var(--pullquote--font-style);
+ text-transform: none;
+ }
+
+ // Block Options
+ &:not(.is-style-solid-color) {
+ background: none;
+ }
+
+ &.is-style-solid-color {
+ margin-left: auto;
+ margin-right: auto;
+ padding: calc(2.5 * var(--global--spacing-unit));
+ border-width: var(--pullquote--border-width);
+ border-style: solid;
+ border-color: var(--pullquote--border-color);
+
+ @media ( min-width: 600px ) {
+ padding: calc(5 * var(--global--spacing-unit));
+ }
+
+ blockquote::before {
+ text-align: left;
+ }
+
+ &.alignleft blockquote,
+ &.alignright blockquote {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+ max-width: inherit;
+ }
+
+ blockquote {
+ margin: 0;
+ max-width: 100%;
+
+ p {
+ font-size: var(--pullquote--font-size);
+ }
+ }
+
+ .wp-block-pullquote__citation,
+ cite,
+ footer {
+ color: currentColor;
+ }
+ }
+
+}
+
+.wp-block[data-align="full"] {
+
+ .wp-block-pullquote:not(.is-style-solid-color) {
+
+ blockquote {
+ padding: 0 calc(2 * var(--global--spacing-unit));
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,97 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote {
+ padding: calc(2 * var(--global--spacing-unit)) 0;
+ text-align: center;
+ border-width: var(--pullquote--border-width);
+ border-bottom-style: solid;
+ border-top-style: solid;
+ position: relative;
+
+ blockquote::before {
+ color: currentColor;
+ content: "\201C";
+ display: block;
+ font-size: 3rem;
+ font-weight: 500;
+ line-height: 1;
+ }
+
+ p {
+ font-family: var(--pullquote--font-family);
+ font-size: var(--pullquote--font-size);
+ font-style: var(--pullquote--font-style);
+ font-weight: 700;
+ letter-spacing: var(--pullquote--letter-spacing);
+ line-height: var(--pullquote--line-height);
+ margin: 0;
+ }
+
+ a {
+ color: currentColor;
+ }
+
+ .wp-block-pullquote__citation,
+ cite,
+ footer {
+ color: currentColor;
+ display: block;
+ font-size: var(--global--font-size-xs);
+ font-style: var(--pullquote--font-style);
+ text-transform: none;
+ }
+
+ /**
+ * Block Options
+ */
+ &:not(.is-style-solid-color) {
+ background: none;
+ }
+
+ &.alignleft {
+
+ blockquote:before,
+ cite {
+ text-align: center;
+ }
+ }
+
+ &.alignwide > p,
+ &.alignwide blockquote {
+ max-width: var(--responsive--alignwide-width);
+
+ }
+
+ &.alignfull:not(.is-style-solid-color) > p,
+ &.alignfull:not(.is-style-solid-color) blockquote {
+ padding: 0 calc(2 * var(--global--spacing-unit));
+ }
+
+ &.is-style-solid-color {
+ color: var(--pullquote--color-foreground);
+ padding: calc(2.5 * var(--global--spacing-unit));
+ border-width: var(--pullquote--border-width);
+ border-style: solid;
+ border-color: var(--pullquote--border-color);
+
+ @media ( min-width: 600px ) {
+ padding: calc(5 * var(--global--spacing-unit));
+ }
+
+ blockquote::before {
+ text-align: left;
+ }
+
+ blockquote {
+ max-width: inherit;
+
+ p {
+ font-size: var(--pullquote--font-size);
+ }
+ }
+
+ .wp-block-pullquote__citation,
+ cite,
+ footer {
+ color: currentColor;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,134 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote {
+ position: relative;
+ border-left: none;
+ margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+ p {
+ font-family: var(--quote--font-family);
+ font-size: var(--quote--font-size);
+ font-style: var(--quote--font-style);
+ font-weight: var(--quote--font-weight);
+ line-height: var(--quote--line-height);
+ }
+
+ strong {
+ font-weight: var(--quote--font-weight-strong);
+ }
+
+ &:before {
+ content: "\201C";
+ font-size: var(--quote--font-size);
+ line-height: var(--quote--line-height);
+ position: absolute;
+ left: calc(-0.5 * var(--global--spacing-horizontal));
+ }
+
+ .wp-block-quote__citation {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ font-style: var(--quote--font-style-cite);
+
+ .has-background:not(.has-background-background-color) &,
+ [class*="background-color"]:not(.has-background-background-color) &,
+ [style*="background-color"]:not(.has-background-background-color) &,
+ .wp-block-cover[style*="background-image"] & {
+ color: currentColor;
+ }
+ }
+
+ &.has-text-align-right {
+ margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
+ padding-right: 0;
+ border-right: none;
+
+ &:before {
+ content: "\201D";
+ left: initial;
+ right: calc(-0.5 * var(--global--spacing-horizontal));
+ }
+ }
+
+ &.has-text-align-center {
+ margin: var(--global--spacing-vertical) auto;
+
+ &:before {
+ display: none;
+ }
+ }
+
+ &.is-large,
+ &.is-style-large {
+ padding-left: 0;
+
+ /* Resetting margins to match _block-container.scss */
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ p {
+ font-size: var(--quote--font-size-large);
+ font-style: var(--quote--font-style-large);
+ line-height: var(--quote--line-height-large);
+ }
+
+ &:before {
+ font-size: var(--quote--font-size-large);
+ line-height: var(--quote--line-height-large);
+ left: calc(-1 * var(--global--spacing-horizontal));
+ }
+
+ &.has-text-align-right {
+
+ &:before {
+ left: initial;
+ right: calc(-1 * var(--global--spacing-horizontal));
+ }
+ }
+
+ @include media(mobile-only) {
+ padding-left: var(--global--spacing-horizontal);
+
+ &:before {
+ left: 0;
+ }
+
+ &.has-text-align-right {
+ padding-left: 0;
+ padding-right: var(--global--spacing-horizontal);
+
+ &:before {
+ right: 0;
+ }
+ }
+ }
+ }
+
+ @include media(mobile-only) {
+ padding-left: calc(0.5 * var(--global--spacing-horizontal));
+
+ &:before {
+ left: 0;
+ }
+
+ &.has-text-align-right {
+ padding-left: 0;
+ padding-right: calc(0.5 * var(--global--spacing-horizontal));
+
+ &:before {
+ right: 0;
+ }
+ }
+
+ &.has-text-align-center {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+
+ @include media(mobile) {
+ margin-left: auto;
+
+ &.has-text-align-right {
+ margin-right: auto;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,113 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote {
+
+ .wp-block-quote__citation,
+ cite,
+ footer {
+
+ .has-background:not(.has-background-background-color) &,
+ [class*="background-color"]:not(.has-background-background-color) &,
+ [style*="background-color"] &,
+ .wp-block-cover[style*="background-image"] & {
+ color: currentColor;
+ }
+ }
+
+ /**
+ * Block Options
+ */
+ &.has-text-align-right {
+ margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
+ padding-right: 0;
+ border-right: none;
+
+ &:before {
+ content: "\201D";
+ left: initial;
+ right: calc(-0.5 * var(--global--spacing-horizontal));
+ }
+ }
+
+ &.has-text-align-center {
+ margin: var(--global--spacing-vertical) auto;
+
+ &:before {
+ display: none;
+ }
+ }
+
+ &.is-large,
+ &.is-style-large {
+ padding-left: 0;
+ padding-right: 0;
+
+ /* Resetting margins to match _block-container.scss */
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ p {
+ font-size: var(--quote--font-size-large);
+ font-style: var(--quote--font-style-large);
+ line-height: var(--quote--line-height-large);
+ }
+
+ &:before {
+ font-size: var(--quote--font-size-large);
+ line-height: var(--quote--line-height-large);
+ left: calc(-1 * var(--global--spacing-horizontal));
+ }
+
+ &.has-text-align-right {
+
+ &:before {
+ left: initial;
+ right: calc(-1 * var(--global--spacing-horizontal));
+ }
+ }
+
+ .wp-block-quote__citation,
+ cite,
+ footer {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-sm);
+ }
+
+ @include media(mobile-only) {
+ padding-left: var(--global--spacing-horizontal);
+
+ &:before {
+ left: 0;
+ }
+
+ &.has-text-align-right {
+ padding-left: 0;
+ padding-right: var(--global--spacing-horizontal);
+
+ &:before {
+ right: 0;
+ }
+ }
+
+ &.has-text-align-center {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+ }
+
+ @include media(mobile-only) {
+
+ &.has-text-align-right {
+ padding-left: 0;
+ padding-right: calc(0.5 * var(--global--spacing-horizontal));
+
+ &:before {
+ right: 0;
+ }
+ }
+
+ &.has-text-align-center {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,109 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss {
+ padding-left: 0;
+
+ > li {
+ list-style: none;
+ }
+
+ // Vertical margins logic
+ &:not(.is-grid) > li {
+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &.is-grid {
+
+ > li {
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Remove bottom margins in grid columns
+ &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+ &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+ &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+ &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+ &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+ &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+ &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+ &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+ &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+ &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+ margin-bottom: 0;
+ }
+ }
+
+ > li > * {
+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Post title
+ .wp-block-rss__item-title > a {
+ display: inline-block;
+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+ }
+
+ // Post author
+ .wp-block-rss__item-author {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
+ }
+
+ // Post date
+ .wp-block-rss__item-publish-date {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+
+ [class*="inner-container"] &,
+ .has-background & {
+ color: currentColor;
+ }
+ }
+
+ // Post content
+ .wp-block-rss__item-excerpt,
+ .wp-block-rss__item-full-content {
+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ }
+
+ // Utility classes
+ &.alignfull {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+
+ .entry-content [class*="inner-container"] &,
+ .entry-content .has-background & {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,109 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss {
+ padding-left: 0;
+
+ > li {
+ list-style: none;
+ }
+
+ // Vertical margins logic
+ &:not(.is-grid) > li {
+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &.is-grid {
+
+ > li {
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Remove bottom margins in grid columns
+ &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+ &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+ &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+ &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+ &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+ &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+ &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+ &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+ &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+ &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+ margin-bottom: 0;
+ }
+ }
+
+ > li > * {
+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ // Post title
+ .wp-block-rss__item-title > a {
+ display: inline-block;
+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+ }
+
+ // Post author
+ .wp-block-rss__item-author {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
+ }
+
+ // Post date
+ .wp-block-rss__item-publish-date {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+
+ [class*="inner-container"] &,
+ .has-background & {
+ color: currentColor;
+ }
+ }
+
+ // Post content
+ .wp-block-rss__item-excerpt,
+ .wp-block-rss__item-full-content {
+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+ }
+
+ // Utility classes
+ &.alignfull {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+
+ .entry-content [class*="inner-container"] &,
+ .entry-content .has-background & {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,183 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search {
+ max-width: var(--responsive--aligndefault-width);
+
+ .wp-block-search__label {
+ font-size: var(--form--font-size);
+ font-weight: var(--form--label-weight);
+ margin-bottom: calc(var(--global--spacing-vertical) / 3);
+ }
+
+ .wp-block-search__input {
+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ font-family: var(--form--font-family);
+ font-size: var(--form--font-size);
+ line-height: var(--form--line-height);
+ max-width: inherit;
+ margin-right: calc(-1 * var(--button--border-width));
+ padding: var(--form--spacing-unit);
+
+ .is-dark-theme & {
+ background: var(--global--color-white-90);
+ }
+
+ .has-background.has-white-background-color &,
+ .has-background.has-green-background-color &,
+ .has-background.has-blue-background-color &,
+ .has-background.has-purple-background-color &,
+ .has-background.has-red-background-color &,
+ .has-background.has-orange-background-color &,
+ .has-background.has-yellow-background-color & {
+
+ .is-dark-theme & {
+ border-color: var(--form--color-text);
+ }
+ }
+
+ .has-background.has-gray-background-color &,
+ .has-background.has-dark-gray-background-color &,
+ .has-background.has-black-background-color & {
+ border-color: var(--global--color-white);
+ }
+ }
+
+ .wp-block-search__button {
+ @include button-style();
+ box-shadow: none;
+ margin-left: 0;
+ background-color: transparent;
+ color: var(--button--color-text-hover);
+
+ &:hover {
+ color: var(--button--color-text);
+ background-color: var(--button--color-background);
+ }
+
+ &.has-icon {
+ padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
+
+ svg {
+ width: 40px;
+ height: 40px;
+ }
+ }
+
+ .has-background.has-gray-background-color &,
+ .has-background.has-dark-gray-background-color &,
+ .has-background.has-black-background-color & {
+ color: var(--global--color-white);
+ border-color: currentColor;
+
+ &:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-background);
+ border-color: var(--global--color-white);
+
+ .is-dark-theme & {
+ color: var(--button--color-text);
+ background-color: var(--button--color-background);
+ }
+ }
+ }
+
+ .has-background.has-white-background-color &,
+ .has-background.has-green-background-color &,
+ .has-background.has-blue-background-color &,
+ .has-background.has-purple-background-color &,
+ .has-background.has-red-background-color &,
+ .has-background.has-orange-background-color &,
+ .has-background.has-yellow-background-color & {
+
+ &:hover {
+ color: var(--global--color-white);
+ background-color: var(--form--border-color);
+ border-color: var(--form--border-color);
+ }
+
+ .is-dark-theme & {
+ color: var(--form--color-text);
+ border-color: currentColor;
+
+ &:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
+ }
+ }
+ }
+ }
+
+ &.wp-block-search__button-inside {
+
+ .wp-block-search__input,
+ .has-background.has-white-background-color & .wp-block-search__input,
+ .has-background.has-green-background-color & .wp-block-search__input,
+ .has-background.has-blue-background-color & .wp-block-search__input,
+ .has-background.has-purple-background-color & .wp-block-search__input,
+ .has-background.has-red-background-color & .wp-block-search__input,
+ .has-background.has-orange-background-color & .wp-block-search__input,
+ .has-background.has-yellow-background-color & .wp-block-search__input {
+ border: none;
+ }
+
+ &.wp-block-search__text-button {
+
+ .wp-block-search__button {
+ // Match the text button size with the icon button.
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+ }
+ }
+
+ .wp-block-search__button {
+
+ .is-dark-theme & {
+ color: var(--button--color-text);
+ border-color: currentColor;
+
+ &:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
+ }
+ }
+
+ .has-background.has-gray-background-color &,
+ .has-background.has-dark-gray-background-color &,
+ .has-background.has-black-background-color & {
+ color: var(--button--color-text-hover);
+ border-color: currentColor;
+
+ &:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-background);
+ border-color: var(--button--color-background);
+ }
+
+ .is-dark-theme & {
+ color: var(--button--color-text);
+ border-color: currentColor;
+
+ &:hover {
+ color: var(--global--color-white);
+ background-color: var(--button--color-text);
+ border-color: var(--button--color-text);
+ }
+ }
+ }
+ }
+ }
+}
+
+.wp-block[data-align="center"] > * {
+ text-align: center;
+}
+
+.wp-block[data-align="center"] {
+
+ .wp-block-search__button-only {
+
+ .wp-block-search__inside-wrapper {
+ justify-content: center;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,162 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search {
+ max-width: var(--responsive--aligndefault-width);
+
+ &__button-inside {
+
+ .wp-block-search__inside-wrapper {
+ background-color: var(--global--color-white);
+ }
+ }
+
+ &__button-only.aligncenter {
+
+ .wp-block-search__inside-wrapper {
+ justify-content: center;
+ }
+ }
+
+ .wp-block-search__label {
+ font-size: var(--form--font-size);
+ font-weight: var(--form--label-weight);
+ margin-bottom: calc(var(--global--spacing-vertical) / 3);
+ }
+
+ .wp-block-search__input {
+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ color: var(--form--color-text);
+ line-height: var(--form--line-height);
+ max-width: inherit;
+ margin-right: calc(-1 * var(--button--border-width));
+ padding: var(--form--spacing-unit);
+
+ &:focus {
+ color: var(--form--color-text);
+ border-color: var(--form--border-color);
+ }
+
+ .has-background:not(.has-background-background-color) &,
+ [class*="background-color"]:not(.has-background-background-color) &,
+ [style*="background-color"] &,
+ .wp-block-cover[style*="background-image"] & {
+ border-color: currentColor;
+ }
+
+ .has-background.has-gray-background-color &,
+ .has-background.has-dark-gray-background-color &,
+ .has-background.has-black-background-color & {
+ border-color: var(--global--color-white);
+ }
+ }
+
+ button.wp-block-search__button {
+ margin-left: 0;
+ background-color: transparent;
+ color: var(--button--color-text-hover);
+ line-height: 1;
+
+ &:hover {
+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
+ }
+
+ &.has-icon {
+ padding: 6px calc(0.5 * var(--button--padding-horizontal));
+
+ svg {
+ width: 40px;
+ height: 40px;
+ fill: currentColor;
+ }
+ }
+
+ .has-background.has-gray-background-color &,
+ .has-background.has-dark-gray-background-color &,
+ .has-background.has-black-background-color & {
+ color: var(--global--color-white);
+ border-color: currentColor;
+
+ &:hover {
+ background-color: var(--button--color-background);
+ border-color: var(--global--color-white);
+ color: var(--global--color-white);
+
+ .is-dark-theme & {
+ color: var(--button--color-text);
+ }
+ }
+ }
+
+ .has-background.has-white-background-color &,
+ .has-background.has-green-background-color &,
+ .has-background.has-blue-background-color &,
+ .has-background.has-purple-background-color &,
+ .has-background.has-red-background-color &,
+ .has-background.has-orange-background-color &,
+ .has-background.has-yellow-background-color & {
+ border-color: currentColor;
+ color: currentColor;
+
+ &:hover {
+ background-color: var(--form--border-color);
+ border-color: var(--form--border-color);
+ color: var(--global--color-white);
+
+ .is-dark-theme & {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+ }
+ }
+ }
+ }
+
+ &.wp-block-search__button-inside {
+
+ &.wp-block-search__text-button {
+
+ button.wp-block-search__button {
+ // Match the text button size with the icon button.
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+ }
+ }
+
+ button.wp-block-search__button {
+
+ .has-background.has-gray-background-color &,
+ .has-background.has-dark-gray-background-color &,
+ .has-background.has-black-background-color & {
+ border-color: var(--button--color-background);
+ color: var(--button--color-background);
+
+ &:hover {
+ color: var(--global--color-white);
+ }
+
+ .is-dark-theme & {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+
+ &:hover {
+ color: var(--global--color-white);
+ }
+ }
+ }
+
+ .is-dark-theme & {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+
+ &:hover {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+ }
+ }
+ }
+ }
+}
+
+.wp-block-search__button {
+ box-shadow: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,48 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator,
+hr {
+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+ clear: both;
+ opacity: 1;
+
+ &[style*="text-align:right"],
+ &[style*="text-align: right"] {
+ border-right-color: var(--separator--border-color);
+ }
+
+ &:not(.is-style-dots) {
+ max-width: var(--responsive--aligndefault-width);
+ }
+
+ [data-align="full"] > &,
+ [data-align="wide"] > & {
+ max-width: inherit;
+ }
+
+ &.is-style-twentytwentyone-separator-thick {
+ border-bottom-width: calc(3 * var(--separator--height));
+ }
+
+ &.is-style-dots {
+ border-bottom: none;
+
+ &.has-background,
+ &.has-text-color {
+ background-color: transparent !important;
+
+ &:before {
+ color: currentColor !important;
+ }
+ }
+
+ &:before {
+ color: var(--separator--border-color);
+ }
+ }
+
+ .has-background:not(.has-background-background-color) &,
+ [class*="background-color"]:not(.has-background-background-color) &,
+ [style*="background-color"]:not(.has-background-background-color) &,
+ .wp-block-cover[style*="background-image"] & {
+ border-color: currentColor;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,52 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr {
+ border-style: none;
+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+ clear: both;
+ margin-left: auto;
+ margin-right: auto;
+
+ &.wp-block-separator {
+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+
+ &:not(.is-style-dots):not(.alignwide) {
+ max-width: var(--responsive--aligndefault-width);
+
+ &.alignfull {
+ max-width: var(--responsive--alignfull-width);
+ }
+ }
+
+ /**
+ * Block Options
+ */
+ &.is-style-twentytwentyone-separator-thick {
+ border-bottom-width: calc(3 * var(--separator--height));
+ }
+
+ &.is-style-dots {
+
+ &.has-background,
+ &.has-text-color {
+ background-color: transparent !important;
+
+ &:before {
+ color: currentColor !important;
+ }
+ }
+
+ &:before {
+ color: var(--separator--border-color);
+ font-size: var(--global--font-size-xl);
+ letter-spacing: var(--global--font-size-sm);
+ padding-left: var(--global--font-size-sm);
+ }
+ }
+
+ .has-background:not(.has-background-background-color) &,
+ [class*="background-color"]:not(.has-background-background-color) &,
+ [style*="background-color"] &,
+ .wp-block-cover[style*="background-image"] & {
+ border-color: currentColor;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-social-links {
+
+ // Social icons are horizontal, so they don't need vertical spacing.
+ [data-block] {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ &.is-style-twentytwentyone-social-icons-color {
+
+ button {
+ color: var(--global--color-primary);
+ }
+
+ .wp-social-link {
+ background: none;
+ }
+ }
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,11 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-social-links.is-style-twentytwentyone-social-icons-color {
+
+ a {
+ color: var(--global--color-primary);
+ }
+
+ .wp-social-link {
+ background: none;
+ }
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksspacer_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,13 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-spacer {
+ display: block;
+ // Remove vertical margins
+ margin-bottom: 0 !important;
+ margin-top: 0 !important;
+
+ @include media(mobile-only) {
+
+ &[style] {
+ height: var(--global--spacing-unit) !important;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table,
+.wp-block-table {
+
+ th {
+ font-family: var(--heading--font-family);
+ }
+
+ td,
+ th {
+ padding: calc(0.5 * var(--global--spacing-unit));
+ }
+
+ &.is-style-regular .has-background,
+ &.is-style-stripes .has-background thead tr,
+ &.is-style-stripes .has-background tfoot tr,
+ &.is-style-stripes .has-background tbody tr:nth-child(even) {
+ color: var(--table--has-background-text-color);
+ }
+
+ &.is-style-stripes {
+ border-color: var(--table--stripes-border-color);
+
+ th,
+ td {
+ border-width: 0;
+ }
+
+ tbody tr:nth-child(odd) {
+ background-color: var(--table--stripes-background-color);
+ }
+ }
+}
+
+table.wp-calendar-table {
+
+ td,
+ th {
+ background: transparent;
+ border: 0;
+ text-align: center;
+ line-height: 2;
+ vertical-align: middle;
+ }
+
+ th {
+ font-weight: bold;
+ }
+
+ thead,
+ tbody {
+ color: currentColor;
+ border: 1px solid;
+ }
+
+ caption {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: var(--global--spacing-unit);
+ color: currentColor;
+ }
+}
+
+.wp-calendar-nav {
+ text-align: left;
+ margin-top: calc(var(--global--spacing-unit) / 2);
+
+ svg {
+ height: 1em;
+ vertical-align: middle;
+
+ path {
+ fill: currentColor;
+ }
+ }
+
+ .wp-calendar-nav-next {
+ float: right;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,84 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table,
+.wp-block-table {
+ width: 100%;
+ min-width: 240px;
+ border-collapse: collapse;
+
+ th {
+ font-family: var(--heading--font-family);
+ }
+
+ td,
+ th {
+ padding: calc(0.5 * var(--global--spacing-unit));
+ border: 1px solid;
+ }
+
+ &.is-style-regular .has-background,
+ &.is-style-stripes .has-background thead tr,
+ &.is-style-stripes .has-background tfoot tr,
+ &.is-style-stripes .has-background tbody tr:nth-child(even) {
+ color: var(--table--has-background-text-color);
+ }
+
+ &.is-style-stripes {
+ border-color: var(--table--stripes-border-color);
+
+ th,
+ td {
+ border-width: 0;
+ }
+
+ tbody tr:nth-child(odd) {
+ background-color: var(--table--stripes-background-color);
+ }
+ }
+}
+
+table.wp-calendar-table {
+
+ td,
+ th {
+ background: transparent;
+ border: 0;
+ text-align: center;
+ line-height: 2;
+ vertical-align: middle;
+ word-break: normal;
+ }
+
+ th {
+ font-weight: bold;
+ }
+
+ thead,
+ tbody {
+ color: currentColor;
+ border: 1px solid;
+ }
+
+ caption {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: var(--global--spacing-unit);
+ color: currentColor;
+ }
+}
+
+.wp-calendar-nav {
+ text-align: left;
+ margin-top: calc(var(--global--spacing-unit) / 2);
+
+ svg {
+ height: 1em;
+ vertical-align: middle;
+
+ path {
+ fill: currentColor;
+ }
+ }
+
+ .wp-calendar-nav-next {
+ float: right;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,6 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-tag-cloud {
+
+ &.aligncenter {
+ text-align: center;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-tag-cloud {
+
+ &.alignfull {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,143 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+* Editor Post Title
+* - Needs a special styles
+*/
+
+// Post title style
+.wp-block.editor-post-title__block {
+ border-bottom: 3px solid var(--global--color-border);
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
+ max-width: var(--responsive--alignwide-width);
+
+ .editor-post-title__input {
+ color: var(--global--color-secondary);
+ font-family: var(--heading--font-family);
+ font-size: var(--global--font-size-page-title);
+ font-weight: var(--heading--font-weight-page-title);
+ line-height: var(--heading--line-height-h1);
+ }
+}
+
+// Editor UI font styles
+.wp-block.block-editor-default-block-appender > textarea {
+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-md);
+}
+
+// Gutenberg text color options
+
+.has-primary-color[class] {
+ color: var(--global--color-primary);
+}
+
+.has-secondary-color[class] {
+ color: var(--global--color-secondary);
+}
+
+// Gutenberg background-color options
+.has-background {
+
+ &:not(.has-background-background-color) a:not(.wp-block-button__link),
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ color: currentColor;
+ }
+}
+
+.has-primary-background-color[class] {
+ background-color: var(--global--color-primary);
+ color: var(--global--color-background);
+}
+
+.has-secondary-background-color[class] {
+ background-color: var(--global--color-secondary);
+ color: var(--global--color-background);
+}
+
+.has-white-background-color[class] {
+ background-color: var(--global--color-white);
+ color: var(--global--color-secondary);
+}
+
+.has-black-background-color[class] {
+ background-color: var(--global--color-black);
+ color: var(--global--color-primary);
+}
+
+/**
+ * Spacing Overrides
+ */
+
+[data-block] {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ [data-block]:first-child {
+ margin-top: 0;
+ }
+
+ // Needs to be the second-last child to avoid applying this to the appender.
+ [data-block]:nth-last-child(2) {
+ margin-bottom: 0;
+ }
+}
+
+/* Block Alignments */
+.wp-block {
+
+ // Gutenberg injects a rule that limits the max width of .wp-block to 580px
+ // This line overrides it to use the responsive spacing rules for default width content
+ max-width: var(--responsive--aligndefault-width);
+
+ // Use the theme's max-width for wide alignment.
+ &[data-align="wide"],
+ &.alignwide {
+ max-width: var(--responsive--alignwide-width);
+ }
+
+ &[data-align="full"],
+ &.alignfull {
+ max-width: none;
+ }
+}
+
+.alignleft {
+ margin: 0;
+ margin-right: var(--global--spacing-horizontal);
+}
+
+.alignright {
+ margin: 0;
+ margin-left: var(--global--spacing-horizontal);
+}
+
+// Drop cap
+.has-drop-cap:not(:focus)::first-letter {
+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
+ line-height: 0.66;
+ text-transform: uppercase;
+ font-style: normal;
+ float: left;
+ margin: 0.1em 0.1em 0 0;
+ font-size: calc(1.2 * var(--heading--font-size-h1));
+}
+
+@media only screen and (min-width: 482px) {
+
+ .wp-block[data-align="left"] > * {
+ max-width: 290px;
+ margin-right: var(--global--spacing-horizontal);
+ }
+
+ .wp-block[data-align="right"] > * {
+ max-width: 290px;
+ margin-left: var(--global--spacing-horizontal);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_fontsizesscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,53 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Gutenberg Font-size utility classes
+:root {
+
+ .is-extra-small-text,
+ .has-extra-small-font-size {
+ font-size: var(--global--font-size-xs);
+ }
+
+ .is-small-text,
+ .has-small-font-size {
+ font-size: var(--global--font-size-sm);
+ }
+
+ .is-regular-text,
+ .has-regular-font-size,
+ .is-normal-font-size,
+ .has-normal-font-size,
+ .has-medium-font-size {
+ font-size: var(--global--font-size-base);
+ }
+
+ .is-large-text,
+ .has-large-font-size {
+ font-size: var(--global--font-size-lg);
+ line-height: var(--global--line-height-heading);
+ }
+
+ .is-larger-text,
+ .has-larger-font-size,
+ .is-extra-large-text,
+ .has-extra-large-font-size {
+ font-size: var(--global--font-size-xl);
+ line-height: var(--global--line-height-heading);
+ }
+
+ .is-huge-text,
+ .has-huge-font-size {
+ font-size: var(--global--font-size-xxl);
+ line-height: var(--global--line-height-heading);
+
+ // This size is meant to mimic the page titles, so the font weight is reduced to match.
+ font-weight: var(--heading--font-weight-page-title);
+ }
+
+ .is-gigantic-text,
+ .has-gigantic-font-size {
+ font-size: var(--global--font-size-xxxl);
+ line-height: var(--global--line-height-heading);
+
+ // This size is meant to mimic the page titles, so the font weight is reduced to match.
+ font-weight: var(--heading--font-weight-page-title);
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,160 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Block Alignments */
+
+/**
+ * These selectors set the default max width for content appearing inside a post or page.
+ */
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+ @extend %responsive-aligndefault-width;
+}
+
+/**
+ * .alignleft
+ */
+.alignleft {
+
+ /*rtl:ignore*/
+ text-align: left;
+
+ margin-top: 0;
+}
+
+// Targeting the .entry-content class is necessary to ensure these styles
+// only apply when the block isn't nested.
+.entry-content > .alignleft {
+ max-width: var(--responsive--aligndefault-width);
+ @extend %responsive-alignleft;
+}
+
+@include media(mobile) {
+
+ .alignleft {
+
+ /*rtl:ignore*/
+ float: left;
+
+ /*rtl:ignore*/
+ margin-right: var(--global--spacing-horizontal);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ .entry-content > .alignleft {
+ max-width: calc(50% - var(--responsive--alignleft-margin));
+ }
+}
+
+/**
+ * .aligncenter
+ */
+.aligncenter {
+ clear: both;
+ display: block;
+ float: none;
+ margin-right: auto;
+ margin-left: auto;
+ text-align: center;
+}
+
+/**
+ * .alignright
+ */
+.alignright {
+
+ margin-top: 0;
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+// Targeting the .entry-content class is necessary to ensure these styles
+// only apply when the block isn't nested.
+.entry-content > .alignright {
+ max-width: var(--responsive--aligndefault-width);
+ @extend %responsive-alignright;
+}
+
+@include media(mobile) {
+
+ .alignright {
+
+ /*rtl:ignore*/
+ float: right;
+
+ /*rtl:ignore*/
+ margin-left: var(--global--spacing-horizontal);
+ }
+
+ .entry-content > .alignright {
+ max-width: calc(50% - var(--responsive--alignright-margin));
+ }
+}
+
+// Make sure siblings of floated elements are top-aligned when nested
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
+ margin-top: 0;
+}
+
+/**
+ * .alignwide
+ */
+.alignwide {
+ clear: both;
+ @extend %responsive-alignwide-width;
+}
+
+.alignwide [class*="inner-container"] > .alignwide {
+ @extend %responsive-alignwide-width-nested;
+}
+
+/**
+ * .alignfull
+ */
+.alignfull {
+ clear: both;
+ @extend %responsive-alignfull-width-mobile;
+ @extend %responsive-alignfull-width;
+}
+
+.alignfull [class*="inner-container"] > .alignwide {
+ @extend %responsive-alignwide-width-nested;
+}
+
+// Content alignment
+.has-left-content {
+ justify-content: flex-start;
+}
+
+.has-right-content {
+ justify-content: flex-end;
+}
+
+// Parallax
+.has-parallax {
+ background-attachment: fixed;
+}
+
+// Drop caps
+.has-drop-cap:not(:focus)::first-letter {
+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
+ line-height: 0.66;
+ text-transform: uppercase;
+ font-style: normal;
+ float: left;
+ margin: 0.1em 0.1em 0 0;
+ font-size: calc(1.2 * var(--heading--font-size-h1));
+}
+
+.has-drop-cap:not(:focus)::after {
+ content: "";
+ display: table;
+ clear: both;
+ padding-top: 14px;
+}
+
+.desktop-only {
+ display: none;
+
+ @include media(mobile) {
+ display: block;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+pre.wp-block-verse {
+ padding: 0;
+ color: currentColor;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,3 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-verse {
+ font-family: var(--entry-content--font-family);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksvideo_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,16 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-video {
+
+ figcaption {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
+ text-align: center;
+ }
+}
+
+* > figure > video {
+ max-width: unset;
+ width: 100%;
+ vertical-align: middle;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06components404scss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.error404 main p {
+ font-size: var(--global--font-size-lg);
+ margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsarchivesscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,68 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.page-title {
+ font-size: var(--global--font-size-page-title);
+}
+
+h1.page-title,
+h2.page-title {
+ font-weight: var(--heading--font-weight-page-title);
+}
+
+h1.page-title {
+ line-height: var(--heading--line-height-h1);
+}
+
+.page-header {
+ border-bottom: 3px solid var(--global--color-border);
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
+}
+
+.archive,
+.search,
+.blog {
+
+ .content-area {
+
+ .format-aside,
+ .format-status,
+ .format-link {
+
+ .entry-content {
+ font-size: var(--global--font-size-lg);
+ }
+ }
+
+ }
+
+ .format-image,
+ .format-gallery,
+ .format-video {
+
+ .entry-content {
+ margin-top: calc(2 * var(--global--spacing-vertical));
+ }
+ }
+
+ .entry-footer {
+
+ .cat-links,
+ .tags-links {
+ display: block;
+ }
+ }
+
+ &.logged-in {
+
+ .entry-footer {
+
+ .posted-on {
+ margin-right: calc(0.5 * var(--global--spacing-unit));
+ }
+ }
+ }
+}
+
+.archive-description {
+ margin-top: var(--global--spacing-vertical);
+ font-size: var(--global--font-size-xl);
+ line-height: var(--global--line-height-heading);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentscommentsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,292 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Comments Wrapper
+ */
+.comments-area {
+
+ > * {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &.show-avatars {
+
+ .avatar {
+ border-radius: 50%;
+ position: absolute;
+ top: 10px;
+ }
+
+ .fn {
+ display: inline-block;
+ padding-left: 85px;
+ }
+
+ .comment-metadata {
+ padding: 8px 0 9px 85px;
+ }
+
+ }
+}
+
+/**
+ * Comment Title
+ */
+
+.comments-title,
+.comment-reply-title {
+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+}
+
+.comment-reply-title {
+ display: flex;
+ justify-content: space-between;
+
+ small {
+
+ a {
+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-xs);
+ font-style: normal;
+ font-weight: normal;
+ letter-spacing: normal;
+ }
+ }
+}
+
+/* Nested comment reply title*/
+.comment .comment-respond .comment-reply-title {
+ font-size: var(--global--font-size-lg);
+}
+
+/**
+ * Comment Lists
+ */
+.comment-list {
+ padding-left: 0;
+ list-style: none;
+
+ > li {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+}
+
+.comment-list .children {
+ list-style: none;
+ padding-left: 0;
+
+ > li {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+}
+
+.comment-list .depth-2,
+.comment-list .depth-3 {
+ @include media(mobile) {
+ padding-left: calc(4 * var(--global--spacing-horizontal));
+ }
+}
+
+/**
+ * Comment Meta
+ */
+.comment-meta {
+
+ .comment-author {
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.25 * var(--global--spacing-unit));
+
+ @include media(mobile) {
+ margin-bottom: 0;
+ padding-right: 0;
+ }
+
+ .fn {
+ font-family: var(--global--font-secondary);
+ font-weight: normal;
+ font-size: var(--global--font-size-lg);
+ hyphens: auto;
+ word-wrap: break-word;
+ word-break: break-word;
+ }
+
+ }
+
+ .comment-metadata {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ padding: 8px 0 9px 0;
+
+ .edit-link {
+ margin-left: var(--global--spacing-horizontal);
+ }
+
+ }
+
+ @include media(mobile) {
+ margin-right: inherit;
+
+ .comment-author {
+ max-width: inherit;
+ }
+ }
+}
+
+.reply {
+ font-size: var(--global--font-size-sm);
+ line-height: var(--global--line-height-heading);
+}
+
+.bypostauthor {
+ display: block;
+}
+
+.says {
+ display: none;
+}
+
+.pingback .url,
+.trackback .url {
+ font-family: var(--global--font-primary);
+}
+
+// Comment body
+.comment-body {
+ position: relative;
+ margin-bottom: calc(1.7 * var(--global--spacing-vertical));
+
+ > * {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+ }
+
+ .reply {
+ margin: 0;
+ }
+}
+
+.comment-content a {
+ word-wrap: break-word;
+}
+
+// Pingbacks & Trackbacks
+.pingback .comment-body,
+.trackback .comment-body {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+.comment-respond {
+ margin-top: var(--global--spacing-vertical);
+}
+
+.comment-respond > * {
+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+
+ &.comment-form {
+ margin-bottom: var(--global--spacing-vertical);
+ }
+ }
+}
+
+.comment-author {
+ padding-top: 3px;
+
+ .url {
+ color: currentColor;
+ }
+}
+
+.comment-form {
+ display: flex;
+ flex-wrap: wrap;
+
+ > * {
+ flex-basis: 100%;
+ }
+
+ .comment-notes {
+ font-size: var(--global--font-size-sm);
+ }
+
+ .comment-form-url,
+ .comment-form-comment {
+ width: 100%;
+ }
+
+ .comment-form-author,
+ .comment-form-email {
+ flex-basis: 0;
+ flex-grow: 1;
+
+ @include media(mobile-only) {
+ flex-basis: 100%;
+ }
+ }
+
+ .comment-form-cookies-consent > label,
+ .comment-notes {
+ font-size: var(--global--font-size-xs);
+ font-weight: normal;
+ }
+}
+
+.comment-form > p {
+ margin-bottom: var(--global--spacing-unit);
+
+ &:first-of-type {
+ margin-top: 0;
+ }
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+
+ label,
+ input[type="email"],
+ input[type="text"],
+ input[type="url"],
+ textarea {
+ display: block;
+ font-size: var(--global--font-size-sm);
+ margin-bottom: calc(.5 * var(--global--spacing-unit));
+ width: 100%;
+ font-weight: var(--form--label-weight);
+ }
+
+ &.comment-form-cookies-consent {
+ display: flex;
+ }
+
+ @include media(mobile) {
+
+ &.comment-form-author {
+ margin-right: calc(1.5 * var(--global--spacing-horizontal));
+ }
+
+ &.comment-notes,
+ &.logged-in-as {
+ display: block;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentseditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,44 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+html {
+ font-family: var(--global--font-secondary);
+ line-height: var(--global--line-height-body);
+}
+
+body {
+ --wp--typography--line-height: var(--global--line-height-body);
+ color: var(--global--color-primary);
+ background-color: var(--global--color-background);
+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-base);
+ font-weight: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+
+// Links styles
+.wp-block a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+
+ &:hover {
+ text-decoration-style: dotted;
+ }
+
+ &:focus {
+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+ text-decoration: none;
+ }
+}
+
+// Enforce the custom link color even if a custom background color has been set.
+// The extra specificity here is required to override the background color styles.
+.has-background:not(.has-background-background-color) {
+ // Target both current level and nested block.
+ .has-link-color a,
+ &.has-link-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+ }
+}
+
+button,
+a {
+ cursor: pointer;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsentryscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,214 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-title {
+
+ color: var(--entry-header--color);
+ font-size: var(--entry-header--font-size);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
+ overflow-wrap: break-word;
+
+ a {
+ color: var(--entry-header--color-link);
+ text-underline-offset: 0.15em;
+
+ &:hover {
+ color: var(--entry-header--color-hover);
+ }
+
+ &:focus {
+ color: var(--entry-header--color-focus);
+ }
+
+ &:active {
+ color: var(--entry-header--color-link);
+ }
+ }
+}
+
+.singular .entry-title {
+ font-size: var(--global--font-size-page-title);
+}
+
+h1.entry-title {
+ line-height: var(--heading--line-height-h1);
+ font-weight: var(--heading--font-weight-page-title);
+}
+
+/**
+ * Entry Content
+ */
+
+.entry-content,
+.entry-summary {
+ font-family: var(--entry-content--font-family);
+}
+
+.entry-content {
+
+ p {
+ word-wrap: break-word;
+ }
+
+ // Overwrite iframe embeds that have inline styles.
+ > iframe[style] {
+
+ margin: var(--global--spacing-vertical) 0 !important;
+ max-width: 100% !important;
+
+ @include media(mobile) {
+ max-width: var(--global--spacing-vertical) !important;
+ }
+ }
+
+ // Classic editor audio embeds.
+ .wp-audio-shortcode {
+ @extend %responsive-aligndefault-width;
+ }
+}
+
+.entry-footer {
+
+ color: var(--global--color-primary);
+ clear: both;
+ float: none;
+ font-size: var(--global--font-size-xs);
+ display: block;
+
+ > span {
+ display: inline-block;
+ }
+
+ a {
+ color: currentColor;
+
+ &:hover,
+ &:focus {
+ color: var(--global--color-primary-hover);
+ }
+
+ &:active {
+ color: currentColor;
+ }
+ }
+}
+
+// Extra specificity to override rules in _vertical-margins.scss
+.site-main > article > .entry-footer {
+ margin-top: var(--global--spacing-vertical);
+ padding-top: var(--global--spacing-unit);
+ padding-bottom: calc(3 * var(--global--spacing-vertical));
+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+}
+
+body:not(.single) .site-main > article:last-of-type .entry-footer {
+ border-bottom: var(--separator--height) solid transparent;
+}
+
+.single .site-main > article > .entry-footer {
+ margin-top: calc(3.4 * var(--global--spacing-vertical));
+ margin-bottom: calc(3.4 * var(--global--spacing-vertical));
+ padding-bottom: 0;
+ padding-top: calc(0.8 * var(--global--spacing-vertical));
+ border-top: 3px solid var(--separator--border-color);
+ border-bottom: var(--separator--height) solid transparent;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ column-gap: calc(2 * var(--global--spacing-horizontal));
+
+ .post-taxonomies,
+ .full-size-link {
+ justify-content: flex-end;
+ text-align: right;
+ }
+
+ .full-size-link:first-child:last-child {
+ grid-column: span 2;
+ }
+
+ .posted-on,
+ .byline,
+ .cat-links,
+ .tags-links {
+ display: block;
+ }
+
+ @include media(mobile-only) {
+ display: block;
+
+ .full-size-link {
+ display: block;
+ }
+
+ .post-taxonomies,
+ .full-size-link {
+ text-align: left;
+ }
+ }
+}
+
+/**
+ * Post Thumbnails
+ */
+
+.post-thumbnail {
+ @extend %responsive-aligndefault-width;
+ text-align: center;
+
+ .entry-header &,
+ .singular & {
+ @extend %responsive-alignwide-width-nested;
+ }
+
+ .wp-post-image {
+ display: block;
+ width: auto;
+ max-width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: calc(2 * var(--global--spacing-vertical));
+ }
+}
+
+/**
+ * Author
+ */
+
+.author-bio {
+ position: relative;
+ font-size: var(--global--font-size-xs);
+ max-width: var(--responsive--aligndefault-width);
+
+ .site-main > article > & {
+ margin-top: calc(2 * var(--global--spacing-vertical));
+ }
+
+ // Avatars are optional and can be turned off.
+ &.show-avatars {
+
+ .avatar {
+ display: inline-block;
+ vertical-align: top;
+ border-radius: 50%;
+ }
+
+ .author-bio-content {
+ display: inline-block;
+ padding-left: var(--global--spacing-horizontal);
+ max-width: calc(var(--responsive--aligndefault-width) - 90px);
+ }
+ }
+
+ .author-bio-content {
+
+ .author-title {
+ font-family: var(--entry-author-bio--font-family);
+ font-size: var(--entry-author-bio--font-size);
+ display: inline;
+ }
+
+ .author-description {
+ font-size: var(--global--font-size-xs);
+ margin-top: calc(0.5 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooternavigationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,65 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.footer-navigation {
+ margin-top: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: var(--global--spacing-vertical);
+ color: var(--footer--color-text);
+ font-size: var(--global--font-size-xs);
+ font-family: var(--footer--font-family);
+}
+
+.footer-navigation-wrapper {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline;
+ // This is to prevent hover styles from overlapping when the menu wraps.
+ line-height: 3;
+
+ a {
+ padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
+ transition: transform 0.1s ease;
+ color: var(--footer--color-link);
+
+ &:link,
+ &:visited,
+ &:active {
+ color: var(--footer--color-link);
+ }
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+ text-decoration-skip-ink: none;
+ color: var(--footer--color-link-hover);
+ }
+
+ &:focus {
+
+ .is-dark-theme & {
+
+ .svg-icon {
+ fill: var(--wp--style--color--link, var(--global--color-background));
+ }
+ }
+ }
+ }
+
+ .svg-icon {
+ vertical-align: middle;
+ fill: var(--footer--color-link);
+
+ &:hover {
+ transform: scale(1.1);
+ }
+ }
+ }
+
+ .sub-menu-toggle,
+ .menu-item-description {
+ display: none;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooterscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,62 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Footer
+.site-footer {
+ padding-top: 0;
+ padding-bottom: calc(1.7 * var(--global--spacing-vertical));
+ @extend %responsive-alignwide-width;
+
+ // Increase the top vertical spacing when there is no widget area.
+ .no-widgets & {
+ margin-top: calc(6 * var(--global--spacing-vertical));
+ }
+}
+
+// Footer Branding
+.site-footer > .site-info {
+ padding-top: var(--global--spacing-vertical);
+ color: var(--footer--color-text);
+ font-family: var(--footer--font-family);
+ font-size: var(--footer--font-size);
+ line-height: var(--global--line-height-body);
+ border-top: 3px solid var(--global--color-border);
+
+ .site-name {
+ text-transform: var(--branding--title--text-transform);
+ font-size: var(--branding--title--font-size);
+ }
+
+ .powered-by {
+ margin-top: calc(0.5 * var(--global--spacing-vertical));
+ }
+
+ @include media(desktop) {
+ display: flex;
+ align-items: center;
+
+ .powered-by {
+ margin-top: initial;
+ margin-left: auto;
+ }
+ }
+
+ a {
+ color: var(--footer--color-link);
+
+ &:link,
+ &:visited,
+ &:active {
+ color: var(--footer--color-link);
+ }
+
+ &:hover {
+ color: var(--footer--color-link-hover);
+ }
+
+ &:focus {
+ color: var(--footer--color-link-hover);
+
+ .is-dark-theme & {
+ color: var(--wp--style--color--link, var(--global--color-background));
+ }
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsheaderscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,207 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Site header
+.site-header {
+ @extend %responsive-alignwide-width;
+ display: flex;
+ align-items: flex-start;
+ flex-wrap: wrap;
+ row-gap: var(--global--spacing-vertical); // Add space in case the menu wraps below the site branding.
+
+ .wp-custom-logo & {
+ align-items: center;
+ }
+
+ @include media(mobile) {
+ padding-top: calc(var(--global--spacing-vertical) / 0.75); // 40px
+ }
+
+ @include media(desktop) {
+ padding-top: calc(2.4 * var(--global--spacing-vertical)); // 60px
+ }
+}
+
+// Site branding
+.site-branding {
+ color: var(--branding--color-text);
+ margin-right: 140px;
+
+ &:last-child {
+ margin-right: 0;
+ width: 100%;
+ text-align: center;
+ }
+
+ @include media(mobile) {
+ margin-right: initial;
+ margin-top: 4px; // Align the baseline of the site title with the primary menu
+ }
+}
+
+// Site title
+.site-title {
+
+ color: var(--branding--color-link);
+ font-family: var(--branding--title--font-family);
+ font-size: var(--branding--title--font-size-mobile);
+ letter-spacing: normal;
+ text-transform: var(--branding--title--text-transform);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(var(--global--spacing-vertical) / 6);
+
+ a {
+ color: currentColor;
+ font-weight: var(--branding--title--font-weight);
+
+ &:link,
+ &:visited,
+ &:active {
+ color: currentColor;
+ }
+
+ &:hover,
+ &:focus {
+ color: var(--branding--color-link-hover);
+ }
+
+ }
+
+ @include media(mobile) {
+ font-size: var(--branding--title--font-size);
+ }
+}
+
+// Site description
+.site-description {
+ color: currentColor;
+ font-family: var(--branding--description--font-family);
+ font-size: var(--branding--description--font-size);
+ line-height: 1.4;
+}
+
+a.custom-logo-link {
+ text-decoration: none;
+}
+
+.site-title > a {
+ text-decoration-color: var(--global--color-secondary);
+}
+
+// Site logo
+
+.site-logo {
+
+ margin: calc(var(--global--spacing-vertical) / 2) 0;
+
+ .site-header > & {
+ width: 100%;
+ padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
+ border-bottom: 1px solid;
+ text-align: center;
+ }
+
+ .custom-logo {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: var(--branding--logo--max-width-mobile);
+ max-height: var(--branding--logo--max-height-mobile);
+ height: auto;
+ display: inline-block;
+ width: auto;
+ }
+
+ @include media(mobile) {
+
+ .custom-logo {
+ max-width: var(--branding--logo--max-width);
+ max-height: var(--branding--logo--max-height);
+ height: auto;
+ width: auto;
+ }
+ }
+}
+
+@include media(mobile-only) {
+
+ .site-header {
+
+ &.has-logo {
+
+ &:not(.has-title-and-tagline) {
+
+ &.has-menu {
+
+ .site-logo {
+ position: absolute;
+ padding-top: calc(0.5 * var(--global--spacing-vertical));
+ margin-top: 0;
+ top: var(--global--admin-bar--height);
+
+ .primary-navigation-open & {
+ display: none;
+ }
+
+ img {
+ max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
+ }
+ }
+ }
+ }
+
+ &.has-title-and-tagline {
+ align-items: flex-start;
+
+ &.has-menu {
+ justify-content: space-between;
+
+ .site-branding {
+ max-width: calc(100% - 160px);
+ }
+ }
+
+ .site-branding {
+ margin-right: 0;
+ }
+
+ body:not(.primary-navigation-open) & {
+
+ &:after {
+ display: none;
+ }
+
+ .primary-navigation {
+ position: relative;
+ top: 0;
+ }
+
+ .menu-button-container {
+ position: relative;
+ padding-top: 0;
+ margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
+
+ #primary-mobile-menu {
+ // The 4.5px here is to offset the icon size horizontallly
+ // (the icon's width is larger than the path's width and has extra space on the sides).
+ padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+ padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+ margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
+ }
+ }
+ }
+ }
+ }
+
+ &:not(.has-logo) {
+
+ &.has-title-and-tagline {
+
+ .site-branding {
+ margin-right: 0;
+ max-width: calc(100% - 160px);
+ }
+ }
+ }
+
+ &:not(.has-menu) {
+ justify-content: center;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsnavigationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,532 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+// Navigation
+
+// Mobile menu toggles
+.menu-button-container {
+ display: none;
+ justify-content: space-between;
+ position: absolute;
+ right: 0;
+ padding-top: calc(0.5 * var(--global--spacing-vertical));
+ padding-bottom: calc(0.25 * var(--global--spacing-vertical));
+
+ #primary-mobile-menu {
+ margin-left: auto;
+ padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
+ }
+
+ @include media(mobile-only) {
+ display: flex;
+ }
+
+ // Override specificty from default button styles.
+ .button.button {
+ display: flex;
+ font-size: var(--primary-nav--font-size-button);
+ font-weight: var(--primary-nav--font-weight-button);
+ background-color: transparent;
+ border: none;
+ color: var(--primary-nav--color-link);
+
+ .dropdown-icon {
+ display: flex;
+ align-items: center;
+
+ .svg-icon {
+ margin-left: calc(0.25 * var(--global--spacing-unit));
+ }
+
+ // Menu icon is off-center vertically to prevent blurry pixels.
+ &.open .svg-icon {
+ position: relative;
+ top: -1px;
+ }
+
+ &.close {
+ display: none;
+ }
+ }
+
+ &[aria-expanded*="true"] {
+
+ .dropdown-icon {
+
+ &.open {
+ display: none;
+ }
+
+ &.close {
+ display: flex;
+
+ .has-logo.has-title-and-tagline & {
+ animation-name: twentytwentyone-close-button-transition;
+ animation-duration: 0.3s;
+ }
+ }
+ }
+ }
+ }
+
+ // When the menu is open, hide the close button and show the hide button.
+ .primary-navigation-open & {
+ width: 100%;
+ z-index: 500;
+ background-color: var(--global--color-background);
+
+ #primary-mobile-menu {
+ position: static;
+ }
+ }
+}
+
+.primary-navigation {
+ position: absolute;
+ top: var(--global--admin-bar--height);
+ right: 0;
+ color: var(--primary-nav--color-text);
+ font-size: var(--primary-nav--font-size);
+ line-height: 1.15;
+ margin-top: 0;
+ margin-bottom: 0;
+
+ // Mobile menu closed
+ > .primary-menu-container {
+ position: fixed;
+ visibility: hidden;
+ opacity: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ // Height of the menu-button-container using font size, line height, and total padding, plus 5px so the focus of the first item is visible.
+ padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+ padding-bottom: var(--global--spacing-horizontal);
+ background-color: var(--global--color-background);
+ transition: all .15s ease-in-out;
+ transform: translateY(var(--global--spacing-vertical));
+
+ @include media(mobile-only) {
+ height: 100vh;
+ z-index: 499;
+ overflow-x: hidden;
+ overflow-y: auto;
+ border: 2px solid transparent;
+
+ .has-logo.has-title-and-tagline & {
+ position: fixed;
+ transform: translateY(0) translateX(100%);
+ }
+
+ .admin-bar .has-logo.has-title-and-tagline & {
+ top: var(--global--admin-bar--height);
+ }
+
+ .admin-bar & {
+ height: calc(100vh - var(--global--admin-bar--height));
+ }
+
+ &:focus {
+ border: 2px solid var(--global--color-primary);
+ }
+ }
+ }
+
+ // Mobile menu open
+ .primary-navigation-open & {
+
+ @include media(mobile-only) {
+ width: 100%;
+ position: fixed;
+ z-index: 2; // To be greater than the cover block and embeds.
+ }
+
+ > .primary-menu-container {
+ position: absolute;
+ visibility: visible;
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+
+ .primary-navigation-open .has-logo.has-title-and-tagline & {
+ @include media(mobile-only) {
+
+ > .primary-menu-container {
+ transform: translateX(0) translateY(0);
+ }
+ }
+ }
+
+ @include media(mobile) {
+ position: relative;
+ margin-left: auto;
+
+ // Hide Mobile menu on desktop
+ > .primary-menu-container {
+ visibility: visible;
+ opacity: 1;
+ position: relative;
+ padding: 0;
+ background-color: transparent;
+ overflow: initial;
+ transform: none;
+ }
+
+ // Hide mobile menu toggle
+ #toggle-menu {
+ display: none;
+ }
+
+ // Hide sub-sub-menus
+ > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
+ display: none;
+ }
+
+ // Don't adjust position when logged-in
+ .admin-bar & {
+ top: initial;
+
+ > .primary-menu-container {
+ top: initial;
+ }
+ }
+ }
+
+ // Menu list wrapper
+ > div > .menu-wrapper {
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 0;
+ max-width: none;
+ padding-left: 0;
+ position: relative;
+
+ @include media(mobile-only) {
+ padding-bottom: 100px;
+
+ ul {
+ padding-left: 0;
+ }
+ }
+
+ li {
+ display: block;
+ position: relative;
+ width: 100%;
+
+ @include media(mobile) {
+ margin: 0;
+ width: inherit;
+
+ &:last-child() {
+ margin-right: 0;
+ }
+ }
+ }
+
+ // Sub-menu buttons
+ .sub-menu-toggle {
+ display: flex;
+ height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
+ width: 44px;
+ padding: 0;
+ justify-content: center;
+ align-items: center;
+ background: transparent;
+ color: currentColor;
+ border: none;
+
+ &:focus {
+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+ }
+
+ @include media(mobile-only) {
+ display: none;
+ }
+
+ .icon-plus,
+ .icon-minus {
+ height: 100%;
+ display: flex;
+ align-items: center;
+
+ svg {
+ margin-top: -1px;
+ }
+ }
+
+ .icon-minus {
+ display: none;
+ }
+
+ // When the sub-menu is open, display the minus icon
+ &[aria-expanded="true"] {
+
+ .icon-minus {
+ display: flex;
+ }
+
+ .icon-plus {
+ display: none;
+ }
+ }
+ }
+
+ // Sub-menus Flyout
+ > li > .sub-menu {
+
+ position: relative;
+
+ @include media(mobile) {
+ left: 0;
+ margin: 0;
+ min-width: max-content;
+ position: absolute;
+ top: 100%;
+ padding-top: 3px;
+ transition: all 0.5s ease;
+ z-index: 88888;
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 0;
+ top: -10px;
+ left: var(--global--spacing-horizontal);
+ border-style: solid;
+ border-color: var(--primary-nav--border-color) transparent;
+ border-width: 0 7px 10px 7px;
+ }
+
+ &:after {
+ top: -9px;
+ border-color: var(--global--color-background) transparent;
+ }
+
+ li {
+ background: var(--global--color-background);
+ }
+
+ &.submenu-reposition-left {
+
+ /* rtl:ignore */
+ left: 0;
+
+ /* rtl:ignore */
+ right: auto;
+
+ &:before,
+ &:after {
+
+ /* rtl:ignore */
+ left: var(--global--spacing-horizontal);
+
+ /* rtl:ignore */
+ right: auto;
+ }
+ }
+
+ &.submenu-reposition-right {
+
+ /* rtl:ignore */
+ right: 0;
+
+ /* rtl:ignore */
+ left: auto;
+
+ &:before,
+ &:after {
+
+ /* rtl:ignore */
+ left: auto;
+
+ /* rtl:ignore */
+ right: var(--global--spacing-horizontal);
+ }
+ }
+ }
+ }
+ }
+
+ // Top-level Item Link Colors
+ .primary-menu > .menu-item:hover > a {
+ color: var(--primary-nav--color-link-hover);
+ }
+
+ .primary-menu-container {
+ @include media(mobile) {
+ // Better align with the site title when the menu wraps.
+ margin-right: calc(0px - var(--primary-nav--padding));
+ margin-left: calc(0px - var(--primary-nav--padding));
+
+ // Top-level Menu Item
+ > ul > .menu-item {
+ display: flex;
+
+ > a {
+ padding-left: var(--primary-nav--padding);
+ padding-right: var(--primary-nav--padding);
+
+ + .sub-menu-toggle {
+ margin-left: calc(0px - var(--primary-nav--padding));
+ }
+ }
+ }
+ }
+ }
+
+ // Menu Item Link
+ a {
+ display: block;
+ font-family: var(--primary-nav--font-family-mobile);
+ font-size: var(--primary-nav--font-size-mobile);
+ font-weight: var(--primary-nav--font-weight);
+ padding: var(--primary-nav--padding) 0;
+ text-decoration: none;
+
+ @include media(mobile) {
+ display: block;
+ font-family: var(--primary-nav--font-family);
+ font-size: var(--primary-nav--font-size);
+ font-weight: var(--primary-nav--font-weight);
+ }
+
+ + svg {
+ fill: var(--primary-nav--color-text);
+ }
+
+ &:hover,
+ &:link,
+ &:visited {
+ color: var(--primary-nav--color-link-hover);
+ }
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+ }
+
+ &:focus {
+ position: relative;
+ z-index: 99999; // Ensure focus styles appear above absolute positioned elements
+ outline-offset: 0;
+ }
+ }
+
+ .current-menu-item > a:first-child,
+ .current_page_item > a:first-child {
+ text-decoration: underline;
+ text-decoration-style: solid;
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+ }
+ }
+
+ // Sub-menu depth indicators + text styles
+ .sub-menu {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ margin-left: var(--primary-nav--padding);
+ border: 1px solid var(--primary-nav--border-color);
+
+ .sub-menu {
+ border: none;
+ }
+
+ // Sub-menu items om wide screens.
+ @include media(mobile) {
+
+ // For nested sub-menus, don't duplicate the padding
+ > .menu-item > .sub-menu {
+ padding: 0;
+ }
+ }
+
+ .menu-item {
+
+ @include media(mobile-only) {
+
+ &:last-child() {
+ margin-bottom: 0;
+ }
+
+ }
+
+ > a {
+ padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
+ display: block;
+ font-size: var(--primary-nav--font-size-sub-menu-mobile);
+ font-style: var(--primary-nav--font-style-sub-menu-mobile);
+
+ @include media(mobile) {
+ font-size: var(--primary-nav--font-size-sub-menu);
+ font-style: var(--primary-nav--font-style);
+ }
+ }
+ }
+ }
+
+ // Show top-level sub-menu indicators above mobile-breakpoint-only
+ .menu-item-has-children {
+
+ > .svg-icon {
+ display: none;
+ }
+
+ @include media(mobile) {
+
+ > .svg-icon {
+ display: inline-block;
+ height: 100%;
+ }
+
+ .sub-menu .svg-icon {
+ display: none;
+ }
+ }
+
+ }
+
+ .menu-item-description {
+ display: block;
+ clear: both;
+ font-size: var(--global--font-size-xs);
+ text-transform: none;
+ line-height: 1.7;
+
+ > span {
+ display: inline-block;
+ }
+ }
+}
+
+// Keep the menu pinned to the top when the menu is open.
+@include media(mobile-only) {
+
+ .lock-scrolling .site {
+ position: fixed;
+ max-width: 100%;
+ width: 100%;
+ }
+}
+
+// Close button animation for when a custom logo is present.
+@keyframes twentytwentyone-close-button-transition {
+
+ from {
+ opacity: 0;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentspaginationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,231 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Next/Previous navigation */
+
+// All navigation
+.navigation {
+ color: var(--global--color-primary);
+
+ a {
+ color: var(--global--color-primary);
+ text-decoration: none;
+
+ &:hover {
+ color: var(--global--color-primary-hover);
+ text-decoration: underline;
+ }
+
+ &:focus {
+ color: var(--global--color-secondary);
+ }
+
+ &:active {
+ color: var(--global--color-primary);
+ }
+ }
+
+ .nav-links {
+
+ > * {
+ min-width: 44px;
+ min-height: 44px;
+ }
+
+ .nav-next a,
+ .nav-previous a {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .dots {
+ text-align: center;
+ }
+
+ @include media(tablet) {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+
+ .nav-next,
+ .nav-previous {
+ flex: 0 1 auto;
+ margin-bottom: inherit;
+ margin-top: inherit;
+ max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
+ }
+
+ .nav-next {
+ text-align: right;
+ }
+ }
+ }
+
+ .svg-icon {
+ display: inline-block;
+ fill: currentColor;
+ vertical-align: middle;
+ position: relative;
+ }
+
+ .nav-previous .svg-icon,
+ .prev .svg-icon {
+ top: -2px;
+ margin-right: calc(0.25 * var(--global--spacing-unit));
+ }
+
+ .nav-next .svg-icon,
+ .next .svg-icon {
+ top: -1px;
+ margin-left: calc(0.25 * var(--global--spacing-unit));
+ }
+}
+
+// Singular navigation
+.post-navigation {
+
+ margin: var(--global--spacing-vertical) auto;
+
+ @include media(desktop) {
+ margin: var(--global--spacing-vertical) auto;
+ }
+
+ @extend %responsive-alignwide-width;
+
+ .meta-nav {
+ line-height: var(--global--line-height-body);
+ color: var(--global--color-primary);
+ }
+
+ .post-title {
+ display: inline-block;
+ font-family: var(--global--font-primary);
+ font-size: var(--global--font-size-lg);
+ font-weight: var(--pagination--font-weight-strong);
+ line-height: var(--global--line-height-heading);
+ @include media(desktop) {
+ margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
+ }
+ }
+
+ .nav-links {
+ @include media(mobile) {
+ justify-content: space-between;
+ }
+ }
+
+ .nav-next,
+ .nav-previous {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ &:hover {
+
+ .post-title {
+ text-decoration: underline;
+ text-decoration-thickness: 1px;
+ }
+ }
+ }
+
+}
+
+// Index/archive navigation
+.pagination,
+.comments-pagination {
+
+ border-top: 3px solid var(--global--color-border);
+ padding-top: var(--global--spacing-vertical);
+ margin: var(--global--spacing-vertical) auto;
+
+ @include media(desktop) {
+ margin: var(--global--spacing-vertical) auto;
+ }
+
+ @extend %responsive-alignwide-width;
+
+ // Resets the top margin added to the .nav-links items below.
+ .nav-links {
+ margin-top: calc(-1 * var(--global--spacing-vertical));
+
+ a:hover {
+ color: var(--pagination--color-link-hover);
+ }
+
+ }
+
+ .nav-links > * {
+ color: var(--pagination--color-text);
+ font-family: var(--pagination--font-family);
+ font-size: var(--pagination--font-size);
+ font-weight: var(--pagination--font-weight);
+ margin-top: var(--global--spacing-vertical);
+ margin-left: calc(0.66 * var(--global--spacing-unit));
+ margin-right: calc(0.66 * var(--global--spacing-unit));
+
+ &.current {
+ border-bottom: 1px solid var(--pagination--color-text);
+ }
+
+ &:first-child {
+ margin-left: 0;
+ }
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ &.next {
+ margin-left: auto;
+ }
+
+ &.prev {
+ margin-right: auto;
+ }
+ }
+
+ @include media(desktop-only) {
+
+ .nav-links {
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ .page-numbers {
+ display: none;
+
+ &.prev,
+ &.next {
+ display: inline-block;
+ flex: 0 1 auto;
+ }
+ }
+ }
+
+ @include media(mobile-only) {
+
+ .nav-short {
+ display: none;
+ }
+ }
+}
+
+// Comments pagination
+.comments-pagination {
+ padding-top: calc(0.66 * var(--global--spacing-vertical));
+ margin: calc(3 * var(--global--spacing-vertical)) auto;
+
+ @include media(desktop) {
+ margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
+ }
+
+ .nav-links > * {
+ font-size: var(--global--font-size-md);
+ }
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentspostsandpagesscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.sticky {
+ // This class is required to pass ThemeCheck.
+}
+
+.no-results.not-found > *:first-child {
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
+}
+
+// Styling for wp_link_pages.
+.page-links {
+ clear: both;
+
+ .post-page-numbers {
+ display: inline-block;
+ margin-left: calc(0.66 * var(--global--spacing-unit));
+ margin-right: calc(0.66 * var(--global--spacing-unit));
+ min-width: 44px;
+ min-height: 44px;
+
+ &:first-child {
+ margin-left: 0;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentssearchscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,3 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-no-results .page-content {
+ margin-top: calc(3 * var(--global--spacing-vertical));
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentssinglescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,17 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.singular .entry-header {
+ border-bottom: 3px solid var(--global--color-border);
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
+}
+
+.home .entry-header {
+ border-bottom: none;
+ padding-bottom: 0;
+ margin-bottom: 0;
+}
+
+.singular .has-post-thumbnail .entry-header {
+ border-bottom: none;
+ padding-bottom: calc(1.3 * var(--global--spacing-vertical));
+ margin-bottom: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentswidgetsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,129 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area {
+ @extend %responsive-alignwide-width;
+ margin-top: calc(6 * var(--global--spacing-vertical));
+ padding-bottom: calc(var(--global--spacing-vertical) / 3);
+ color: var(--footer--color-text);
+ font-size: var(--footer--font-size);
+ font-family: var(--footer--font-family);
+
+ @include media(laptop) {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ column-gap: calc(2 * var(--global--spacing-horizontal));
+ }
+
+ @include media(wide) {
+ grid-template-columns: repeat(3, 1fr);
+ }
+
+ ul {
+ list-style-type: none;
+ padding: 0;
+
+ li {
+ line-height: var(--widget--line-height-list);
+ }
+
+ &.sub-menu,
+ &.children {
+ margin-left: var(--widget--spacing-menu);
+ }
+
+ .sub-menu-toggle {
+ display: none;
+ }
+ }
+
+ a {
+ color: var(--footer--color-link);
+ text-decoration: underline;
+ text-decoration-style: solid;
+ text-decoration-color: currentColor;
+
+ &:link,
+ &:visited,
+ &:active {
+ color: var(--footer--color-link);
+ }
+
+ &:hover {
+ color: var(--footer--color-link-hover);
+ text-decoration-style: dotted;
+ }
+ }
+
+ .wp-block-social-links {
+
+ &.alignright {
+ margin-top: var(--global--spacing-vertical);
+ justify-content: flex-end;
+ }
+
+ &.alignleft {
+ margin-top: var(--global--spacing-vertical);
+ }
+ }
+
+ &:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+}
+
+.widget-title {
+ font-size: var(--global--font-size-sm);
+ font-weight: var(--widget--font-weight-title);
+ line-height: var(--widget--line-height-title);
+}
+
+// Search widget styles
+.search-form {
+ display: flex;
+ flex-wrap: wrap;
+ margin: auto;
+ max-width: var(--responsive--aligndefault-width);
+
+ > label {
+ width: 100%;
+ margin-bottom: 0;
+ font-weight: var(--form--label-weight);
+ }
+
+ .search-field {
+ flex-grow: 1;
+ max-width: inherit;
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ margin-right: calc(0.66 * var(--global--spacing-horizontal));
+ }
+
+ .search-submit {
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ margin-left: 10px;
+ }
+}
+
+.widget_search > .search-form {
+
+ .search-field {
+ margin-right: calc(-1 * var(--button--border-width));
+ -webkit-appearance: none;
+ margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+ }
+
+ .search-submit {
+ margin-left: 0;
+ background-color: transparent;
+ color: var(--button--color-text-hover);
+ margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+
+ &:hover {
+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
+ }
+ }
+}
+
+.widget_rss a.rsswidget .rss-widget-icon {
+ display: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="svnexecutable"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:executable</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesa11yscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,48 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.screen-reader-text {
+ border: 0;
+ clip: rect(1px, 1px, 1px, 1px);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute !important;
+ width: 1px;
+ word-wrap: normal !important;
+ word-break: normal;
+}
+
+.skip-link:focus {
+ background-color: #f1f1f1;
+ border-radius: 3px;
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ clip: auto !important;
+ -webkit-clip-path: none;
+ clip-path: none;
+ color: #21759b;
+ display: block;
+ font-size: 0.875rem;
+ font-weight: 700;
+ height: auto;
+ left: 5px;
+ line-height: normal;
+ padding: 15px 23px 14px;
+ text-decoration: none;
+ top: 5px;
+ width: auto;
+ z-index: 100000;
+}
+
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+ outline: 0;
+}
+
+@media (prefers-reduced-motion) {
+
+ * {
+ transition-delay: 0s !important;
+ transition-duration: 0s !important;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiescolorpalettescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,148 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Gutenberg text color options
+
+.has-black-color[class] {
+ color: var(--global--color-black);
+}
+
+.has-gray-color[class] {
+ color: var(--global--color-gray);
+}
+
+.has-dark-gray-color[class] {
+ color: var(--global--color-dark-gray);
+}
+
+.has-green-color[class] {
+ color: var(--global--color-green);
+}
+
+.has-blue-color[class] {
+ color: var(--global--color-blue);
+}
+
+.has-purple-color[class] {
+ color: var(--global--color-purple);
+}
+
+.has-red-color[class] {
+ color: var(--global--color-red);
+}
+
+.has-orange-color[class] {
+ color: var(--global--color-orange);
+}
+
+.has-yellow-color[class] {
+ color: var(--global--color-yellow);
+}
+
+.has-white-color[class] {
+ color: var(--global--color-white);
+}
+
+// Gutenberg background-color options
+.has-background {
+
+ &:not(.has-background-background-color) a:not(.wp-block-button__link),
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ color: currentColor;
+ }
+}
+
+.has-black-background-color[class] {
+ background-color: var(--global--color-black);
+}
+
+.has-gray-background-color[class] {
+ background-color: var(--global--color-gray);
+}
+
+.has-dark-gray-background-color[class] {
+ background-color: var(--global--color-dark-gray);
+}
+
+.has-green-background-color[class] {
+ background-color: var(--global--color-green);
+}
+
+.has-blue-background-color[class] {
+ background-color: var(--global--color-blue);
+}
+
+.has-purple-background-color[class] {
+ background-color: var(--global--color-purple);
+}
+
+.has-red-background-color[class] {
+ background-color: var(--global--color-red);
+}
+
+.has-orange-background-color[class] {
+ background-color: var(--global--color-orange);
+}
+
+.has-yellow-background-color[class] {
+ background-color: var(--global--color-yellow);
+}
+
+.has-white-background-color[class] {
+ background-color: var(--global--color-white);
+}
+
+:not(.has-text-color) {
+
+ &.has-black-background-color[class],
+ &.has-gray-background-color[class],
+ &.has-dark-gray-background-color[class] {
+ color: var(--global--color-white);
+ }
+
+ &.has-green-background-color[class],
+ &.has-blue-background-color[class],
+ &.has-purple-background-color[class],
+ &.has-red-background-color[class],
+ &.has-orange-background-color[class],
+ &.has-yellow-background-color[class],
+ &.has-white-background-color[class] {
+ color: var(--global--color-dark-gray);
+ }
+}
+
+// Custom gradients
+.has-purple-to-yellow-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
+}
+
+.has-yellow-to-purple-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
+}
+
+.has-green-to-yellow-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
+}
+
+.has-yellow-to-green-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
+}
+
+.has-red-to-yellow-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
+}
+
+.has-yellow-to-red-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
+}
+
+.has-purple-to-red-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
+}
+
+.has-red-to-purple-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesiescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,53 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE {
+
+ &.is-dark-theme {
+ color: #fff;
+
+ *,
+ a,
+ .site-description,
+ .entry-title,
+ .entry-footer,
+ .widget-area,
+ .post-navigation .meta-nav,
+ .footer-navigation-wrapper li a:link,
+ .site-footer > .site-info,
+ .site-footer > .site-info a,
+ .site-footer > .site-info a:visited {
+ color: #fff;
+ }
+
+ .sub-menu-toggle svg,
+ .sub-menu-toggle path,
+ .post-navigation .meta-nav svg,
+ .post-navigation .meta-nav path {
+ fill: #fff;
+ }
+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
+ background: #000;
+ }
+
+ &.primary-navigation-open {
+ @include media(mobile-only) {
+
+ .primary-navigation > .primary-menu-container,
+ .menu-button-container {
+ background-color: #000;
+ }
+ }
+ }
+
+ .skip-link:focus {
+ color: #21759b;
+ }
+ }
+
+ .navigation .nav-links {
+ display: block;
+ }
+
+ .post-thumbnail .wp-post-image {
+ min-width: auto;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesmeasurescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Measure
+// - The width of a line of text, in characters, is known as its measure.
+
+header *,
+main *,
+footer * {
+ max-width: var(--global--spacing-measure);
+}
+
+html,
+body,
+div,
+header,
+nav,
+article,
+figure,
+hr,
+main,
+section,
+footer {
+ max-width: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesprintscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,184 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Adding print support. The print styles are based on the the great work of
+Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
+*/
+
+/*--------------------------------------------------------------
+>>> TABLE OF CONTENTS:
+----------------------------------------------------------------
+# Margins & paddings
+# Typography
+# Page breaks
+# Links
+# Visibility
+--------------------------------------------------------------*/
+
+@media print {
+
+ /* Margins & paddings */
+
+ @page {
+ margin: 2cm;
+ }
+
+ .entry .entry-header,
+ .entry,
+ .single .site-main > article > .entry-footer {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .site-footer .site-info {
+ margin: 0;
+ }
+
+ .site-header {
+ padding: 0;
+ }
+
+ /* Fonts */
+
+ body {
+ font: 13pt Georgia, "Times New Roman", Times, serif; // Fallback for browsers without CSS variables support.
+ font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
+ line-height: 1.3;
+ background: #fff !important;
+ color: #000;
+ }
+
+ // Override color settings that changes the text to white.
+ .has-background-dark * {
+ color: #000 !important;
+ }
+
+ h1,
+ .entry-title,
+ .singular .entry-title,
+ .page-title {
+ font-size: 22pt;
+ font-weight: bold;
+ }
+
+ h2,
+ h3,
+ h4,
+ .has-regular-font-size,
+ .has-large-font-size,
+ h2.author-title,
+ p.author-bio,
+ .comments-title,
+ .archive-description {
+ font-size: 14pt;
+ margin-top: 25px;
+ }
+
+ .comment-meta,
+ .comment-meta .comment-author .fn {
+ font-size: 13pt;
+ }
+
+ /* Page breaks */
+
+ a {
+ page-break-inside: avoid;
+ }
+
+ blockquote {
+ page-break-inside: avoid;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ page-break-after: avoid;
+ page-break-inside: avoid;
+ }
+
+ img {
+ page-break-inside: avoid;
+ page-break-after: avoid;
+ }
+
+ table,
+ pre,
+ figure {
+ page-break-inside: avoid;
+ }
+
+ ul,
+ ol,
+ dl {
+ page-break-before: avoid;
+ }
+
+ /* Links */
+
+ a:link,
+ a:visited,
+ a {
+ background: transparent;
+ font-weight: bold;
+ text-decoration: underline;
+ text-align: left;
+ }
+
+ a[href^="http"]:after {
+ content: " < " attr(href) "> ";
+ }
+
+ a:after > img {
+ content: "";
+ }
+
+ article a[href^="#"]:after {
+ content: "";
+ }
+
+ a:not(:local-link):after { // stylelint-disable-line selector-pseudo-class-no-unknown
+ content: " < " attr(href) "> ";
+ }
+
+ .entry-title a:after {
+ content: "\a < " attr(href) "> ";
+ white-space: pre;
+ font-size: 14pt;
+ }
+
+ .cat-links a:after,
+ .tags-links a:after,
+ .byline a:after,
+ .comment-metadata a:after,
+ .wp-block-calendar a:after,
+ .wp-block-tag-cloud a:after,
+ .page-links a:after {
+ content: "";
+ }
+
+ /* Visibility */
+ .primary-navigation,
+ .site-title + .primary-navigation,
+ .footer-navigation,
+ .entry-footer,
+ .post-navigation,
+ .navigation.pagination,
+ .widget-area,
+ .edit-link,
+ .more-link,
+ .comment-reply,
+ .reply,
+ .comment .comment-metadata .edit-link,
+ .comment-respond,
+ #dark-mode-toggler {
+ display: none !important;
+ }
+
+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button,
+ .entry .entry-content .wp-block-file__button {
+ color: #000;
+ background: none;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssassstyledarkmodescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,108 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* OS dark theme preference */
+@media only screen {
+
+ .is-dark-theme.is-dark-theme {
+ --global--color-background: var(--global--color-dark-gray);
+ --global--color-primary: var(--global--color-light-gray);
+ --global--color-secondary: var(--global--color-light-gray);
+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ --global--color-border: #ffffff8c; //55% opacity
+
+ .site a:focus,
+ .site a:focus .meta-nav {
+ background: #000;
+ color: #fff;
+ text-decoration: none;
+ }
+
+ img {
+ filter: brightness(.85) contrast(1.1);
+ }
+ }
+
+ .respect-color-scheme-preference.is-dark-theme body {
+ background-color: var(--global--color-background);
+ }
+
+ #dark-mode-toggler {
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: var(--global--font-size-xs);
+ padding: 0.5em;
+ min-height: 44px; // A11y requirement for minimum clickable area.
+ min-width: max-content;
+ border: 2px solid currentColor;
+ box-shadow: none;
+ background: var(--button--color-text);
+ color: var(--button--color-background);
+ z-index: 9998;
+
+ .no-js & {
+ display: none;
+ }
+
+ .wp-admin & {
+ display: none;
+ }
+
+ &.fixed-bottom {
+ position: fixed;
+ bottom: 5px;
+ right: 5px;
+ transition: bottom 0.5s;
+
+ &.hide:not(:focus) {
+ bottom: -80px;
+ }
+ }
+
+ &.relative {
+ position: absolute;
+ height: 44px;
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px);
+ right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
+
+ .admin-bar & {
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
+
+ @media only screen and (max-width: 782px) {
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
+ }
+
+ @media only screen and (max-width: 481px) {
+ top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
+ }
+ }
+
+ ~ nav {
+
+ body:not(.primary-navigation-open) & {
+ @media only screen and (max-width: 481px) {
+ top: calc(44px + 44px);
+ }
+ }
+ }
+ }
+
+ .primary-navigation-open & {
+ display: none;
+ }
+
+ &:hover,
+ &:focus {
+ color: var(--button--color-background-active);
+ border: 2px solid var(--button--color-text-active);
+ background-color: var(--button--color-text-active);
+ }
+
+ .is-IE & {
+ display: none;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssassstyleeditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,21 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * These styles should be loaded by the Block Editor only
+ */
+@import "01-settings/fonts";
+@import "01-settings/global";
+
+@import "02-tools/mixins";
+@import "02-tools/functions";
+
+@import "03-generic/breakpoints";
+
+@import "04-elements/blockquote";
+@import "04-elements/media";
+@import "04-elements/forms-editor";
+@import "04-elements/links";
+
+@import "05-blocks/blocks-editor";
+
+@import "06-components/editor";
+
+@import "07-utilities/color-palette";
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssassstylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,122 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "01-settings/file-header";
+
+/**
+ * SETTINGS
+ * File-header..........The file header for the themes style.css file.
+ * Fonts................Any font files, if the project needs specific fonts.
+ * Global...............Project-specific, globally available variables.
+ *
+ * TOOLS
+ * Functions............Global functions.
+ * Mixins...............Global mixins.
+ *
+ * GENERIC
+ * Normalize.css........Normalise browser defaults.
+ * Breakpoints..........Mixins and variables for responsive styles
+ * Vertical-margins.....Vertical spacing for the main components.
+ * Reset................Reset specific elements to make them easier to style in other contexts.
+ * Clearings............Clearnings for the main components.
+ *
+ * ELEMENTS
+ * Blockquote...........Default blockquote.
+ * Forms................Element-level form styling.
+ * Headings.............H1–H6
+ * Links................Default links.
+ * Lists................Default lists.
+ * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
+ *
+ * BLOCKS
+ * Audio................Specific styles for the audio block.
+ * Button...............Specific styles for the button block.
+ * Code.................Specific styles for the code block.
+ * Collumns.............Specific styles for the collumns block.
+ * Cover................Specific styles for the cover block.
+ * File.................Specific styles for the file block.
+ * Gallery..............Specific styles for the gallery block.
+ * Group................Specific styles for the group block.
+ * Heading..............Specific styles for the heading block.
+ * Image................Specific styles for the image block.
+ * Latest comments......Specific styles for the latest comments block.
+ * Latest posts.........Specific styles for the latest posts block.
+ * Legacy...............Specific styles for the legacy gallery.
+ * List.................Specific styles for the list block.
+ * Meda text............Specific styles for the media and text block.
+ * Navigation...........Specific styles for the navigation block.
+ * Paragraph............Specific styles for the paragraph block.
+ * Pullquote............Specific styles for the pullquote block.
+ * Quote................Specific styles for the quote block.
+ * Search...............Specific styles for the search block.
+ * Separator............Specific styles for the separator block.
+ * Spacer...............Specific styles for the spacer block.
+ * Table................Specific styles for the table block.
+ * Verse................Specific styles for the verse block.
+ * Video................Specific styles for the video block.
+ * Utilities............Block alignments.
+ *
+ * COMPONENTS
+ * Header...............Header styles.
+ * Footer...............Footer styles.
+ * Comments.............Comment styles.
+ * Archives.............Archive styles.
+ * 404..................404 styles.
+ * Search...............Search styles.
+ * Navigation...........Navigation styles.
+ * Footer Navigation....Footer Navigation styles.
+ * Pagination...........Pagination styles.
+ * Single...............Single page and post styles.
+ * Posts and pages......Misc, sticky post styles.
+ * Entry................Entry, author biography.
+ * Widget...............Widget styles.
+ * Editor...............Editor styles.
+ *
+ * UTILITIES
+ * A11y.................Screen reader text, prefers reduced motion etc.
+ * Color Palette........Classes for the color palette colors.
+ * Editor Font Sizes....Editor Font Sizes.
+ * Measure..............The width of a line of text, in characters.
+ */
+// Print................Print styles
+
+/* Categories 01 to 03 are the basics. */
+@import "01-settings/fonts";
+@import "01-settings/global";
+
+@import "02-tools/mixins";
+@import "02-tools/functions";
+
+@import "03-generic/normalize";
+@import "03-generic/breakpoints";
+@import "03-generic/vertical-margins";
+@import "03-generic/reset";
+@import "03-generic/clearings";
+
+/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
+@import "04-elements/blockquote";
+@import "04-elements/forms";
+@import "04-elements/media";
+@import "04-elements/misc";
+@import "04-elements/links";
+
+/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
+@import "05-blocks/blocks";
+
+/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
+@import "06-components/header";
+@import "06-components/footer";
+@import "06-components/single";
+@import "06-components/posts-and-pages";
+@import "06-components/entry";
+@import "06-components/archives";
+@import "06-components/404";
+@import "06-components/search";
+@import "06-components/comments";
+@import "06-components/navigation";
+@import "06-components/footer-navigation";
+@import "06-components/pagination";
+@import "06-components/widgets";
+
+/* Category 07 is for any utility classes that are not assigned to a specific component. */
+@import "07-utilities/a11y";
+@import "07-utilities/color-palette";
+@import "07-utilities/measure";
+@import "07-utilities/ie";
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomcolorsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -169,9 +169,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> public function body_class( $classes ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $background_color = get_theme_mod( 'background_color', 'D1E4DD' );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 127 > self::get_relative_luminance_from_hex( $background_color ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $classes[] = 'has-background-dark';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $classes[] = 'is-dark-theme';
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $classes[] = 'has-background-light';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $classes[] = 'is-light-theme';
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'ffffff' === strtolower( $background_color ) ) {
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomizephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,7 +108,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'type' => 'radio',
</span><span class="cx" style="display: block; padding: 0 10px"> 'section' => 'excerpt_settings',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'label' => esc_html__( 'On archive pages, posts show:', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'label' => esc_html__( 'On Archive Pages, posts show:', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'choices' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'excerpt' => esc_html__( 'Summary', 'twentytwentyone' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'full' => esc_html__( 'Full text', 'twentytwentyone' ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -140,7 +140,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize,
</span><span class="cx" style="display: block; padding: 0 10px"> 'background_color',
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'label' => esc_html__( 'Background Control', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'label' => esc_html_x( 'Background Color', 'Customizer control', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'section' => 'colors',
</span><span class="cx" style="display: block; padding: 0 10px"> 'palette' => $colors,
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonedarkmodephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Custom Colors Class
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Dark Mode Class
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Twenty_One
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,7 +8,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * This class is in charge of color customization via the Customizer.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * This class is in charge of Dark Mode.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> class Twenty_Twenty_One_Dark_Mode {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,10 +40,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'admin_body_class', array( $this, 'admin_body_classes' ) );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add the switch on the frontend & customizer.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- add_action( 'get_template_part_template-parts/header/site-nav', array( $this, 'the_switch' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_action( 'wp_footer', array( $this, 'the_switch' ) );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add the switch in the editor.
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_ajax_tt1_dark_mode_editor_switch', array( $this, 'editor_ajax_callback' ) );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ // Add the privacy policy content.
+ add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,10 +65,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $background_color = get_theme_mod( 'background_color', 'D1E4DD' );
</span><span class="cx" style="display: block; padding: 0 10px"> $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Add dark mode variable overrides.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add Dark Mode variable overrides.
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_style(
</span><span class="cx" style="display: block; padding: 0 10px"> 'twenty-twenty-one-custom-color-overrides',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'html.is-dark-mode .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); }'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); }'
</ins><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -98,12 +101,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! $this->switch_should_render() ) {
</span><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_style(
- 'tt1-dark-mode',
- get_template_directory_uri() . '/assets/css/style-dark-mode.css',
- array( 'twenty-twenty-one-style' ),
- '1.0.0'
- );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $url = get_template_directory_uri() . '/assets/css/style-dark-mode.css';
+ if ( is_rtl() ) {
+ $url = get_template_directory_uri() . '/assets/css/style-dark-mode-rtl.css';
+ }
+ wp_enqueue_style( 'tt1-dark-mode', $url, array( 'twenty-twenty-one-style' ), wp_get_theme()->get( 'Version' ) ); // @phpstan-ignore-line. Version is always a string.
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -126,14 +128,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> '1.0.0',
</span><span class="cx" style="display: block; padding: 0 10px"> true
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- wp_localize_script(
- 'twentytwentyone-customize-controls',
- 'backgroundColorNotice',
- array(
- 'message' => esc_html__( 'Changes will only be visible if Dark Mode is "Off" in the preview', 'twentytwentyone' ),
- )
- );
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -148,6 +142,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return void
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public function customizer_controls( $wp_customize ) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ $colors_section = $wp_customize->get_section( 'colors' );
+ if ( is_object( $colors_section ) ) {
+ $colors_section->title = __( 'Colors & Dark Mode', 'twentytwentyone' );
+ $colors_section->description = __( 'To access the Dark Mode settings, select a light background color.', 'twentytwentyone' ) . '<br><a href="https://wordpress.org/support/article/twenty-twenty-one/">' . __( 'Learn more about Dark Mode.', 'twentytwentyone' ) . '</a>';
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_setting(
</span><span class="cx" style="display: block; padding: 0 10px"> 'respect_user_color_preference',
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -164,8 +165,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'type' => 'checkbox',
</span><span class="cx" style="display: block; padding: 0 10px"> 'section' => 'colors',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'label' => esc_html__( 'Respect visitor\'s device dark mode settings', 'twentytwentyone' ),
- 'description' => __( 'Dark mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text.', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'label' => esc_html__( 'Dark Mode Support', 'twentytwentyone' ),
+ 'description' => __( 'Respect visitor\'s device dark mode settings.<br>Dark mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text.<br><br>Dark Mode can also be turned on and off with a button that you can find in the bottom right corner of the page.', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'active_callback' => function( $value ) {
</span><span class="cx" style="display: block; padding: 0 10px"> return 127 < Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -328,7 +329,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .components-editor-notices__pinned ~ .edit-post-visual-editor #dark-mode-toggler {
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 20;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- html.is-dark-mode #dark-mode-toggler:not(:hover):not(:focus) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-dark-theme.is-dark-theme #dark-mode-toggler:not(:hover):not(:focus) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 782px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -386,4 +387,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $this->the_styles();
</span><span class="cx" style="display: block; padding: 0 10px"> wp_die();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /**
+ * Adds information to the privacy policy.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @return void
+ */
+ public function add_privacy_policy_content() {
+ if ( ! function_exists( 'wp_add_privacy_policy_content' ) ) {
+ return;
+ }
+ $content = '<p class="privacy-policy-tutorial">' . __( 'Twenty Twenty-One uses LocalStorage when Dark Mode support is enabled.', 'twentytwentyone' ) . '</p>'
+ . '<strong class="privacy-policy-tutorial">' . __( 'Suggested Text:', 'twentytwentyone' ) . '</strong> '
+ . __( 'This website uses LocalStorage to save the setting when Dark Mode support is turned on or off.<br> LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button.<br> No data is saved in the database or transferred.', 'twentytwentyone' );
+ wp_add_privacy_policy_content( 'Twenty Twenty-One', wp_kses_post( wpautop( $content, false ) ) );
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonecommentsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/comments.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/comments.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/comments.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,7 +37,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: comment count number. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- esc_html( _nx( '%s Comment', '%s Comments', $twenty_twenty_one_comment_count, 'comments title', 'twentytwentyone' ) ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ esc_html( _nx( '%s Comment', '%s Comments', $twenty_twenty_one_comment_count, 'Comments title', 'twentytwentyone' ) ),
</ins><span class="cx" style="display: block; padding: 0 10px"> esc_html( number_format_i18n( $twenty_twenty_one_comment_count ) )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonefooterphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/footer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/footer.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/footer.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,7 +21,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <footer id="colophon" class="site-footer" role="contentinfo">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( has_nav_menu( 'footer' ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <nav aria-label="<?php esc_attr_e( 'Secondary menu', 'twentytwentyone' ); ?>" class="footer-navigation">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav aria-label="<?php esc_attr_e( 'Secondary Menu', 'twentytwentyone' ); ?>" class="footer-navigation">
</ins><span class="cx" style="display: block; padding: 0 10px"> <ul class="footer-navigation-wrapper">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> wp_nav_menu(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,11 +28,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'theme_location' => 'footer',
</span><span class="cx" style="display: block; padding: 0 10px"> 'items_wrap' => '%3$s',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'container' => 'false',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'container' => false,
</ins><span class="cx" style="display: block; padding: 0 10px"> 'depth' => 1,
</span><span class="cx" style="display: block; padding: 0 10px"> 'link_before' => '<span>',
</span><span class="cx" style="display: block; padding: 0 10px"> 'link_after' => '</span>',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'fallback_cb' => 'false',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'fallback_cb' => false,
</ins><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/functions.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/functions.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,8 +73,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> register_nav_menus(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'primary' => esc_html__( 'Primary Navigation', 'twentytwentyone' ),
- 'footer' => __( 'Footer Navigation', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'primary' => esc_html__( 'Primary Menu', 'twentytwentyone' ),
+ 'footer' => __( 'Secondary Menu', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -455,7 +455,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentytwentyone_block_editor_script() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_script( 'twentytwentyone-unregister-block-style', get_theme_file_uri( '/assets/js/unregister-block-style.js' ), array( 'wp-blocks', 'wp-dom' ), wp_get_theme()->get( 'Version' ), true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script( 'twentytwentyone-editor', get_theme_file_uri( '/assets/js/editor.js' ), array( 'wp-blocks', 'wp-dom' ), wp_get_theme()->get( 'Version' ), true );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'enqueue_block_editor_assets', 'twentytwentyone_block_editor_script' );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneincblockpatternsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -114,7 +114,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'title' => esc_html__( 'Contact Information', 'twentytwentyone' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'categories' => array( 'twentytwentyone' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'description' => esc_html_x( 'A block with 3 columns that display contact information and social media links.', 'Block pattern description', 'twentytwentyone' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'content' => '<!-- wp:columns {"align":"wide"} --><div class="wp-block-columns alignwide"><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="mailto:#">' . esc_html__( 'example@example.com', 'twentytwentyone' ) . '<br></a>' . esc_html__( '123-456-7890', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph {"align":"center"} --><p class="has-text-align-center">' . esc_html__( '123 Main Street', 'twentytwentyone' ) . '<br>' . esc_html__( 'Cambridge, MA, 02139', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:colum
n {"verticalAlignment":"center"} --><div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"align":"right","className":"is-style-twentytwentyone-social-icons-color"} --><ul class="wp-block-social-links alignright is-style-twentytwentyone-social-icons-color"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /--><!-- wp:social-link {"url":"https://www.facebook.com/WordPress/","service":"facebook"} /--><!-- wp:social-link {"url":"https://twitter.com/WordPress","service":"twitter"} /--><!-- wp:social-link {"service":"instagram"} /--><!-- wp:social-link {"service":"linkedin"} /--><!-- wp:social-link {"service":"youtube"} /--><
;!-- wp:social-link {"url":"https://www.youtube.com/wordpress","service":"youtube"} /--></ul><!-- /wp:social-links --></div><!-- /wp:column --></div><!-- /wp:columns --><!-- wp:paragraph --><p></p><!-- /wp:paragraph -->',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'content' => '<!-- wp:columns {"align":"wide"} --><div class="wp-block-columns alignwide"><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="mailto:#">' . esc_html_x( 'example@example.com', 'Block pattern sample content', 'twentytwentyone' ) . '<br></a>' . esc_html_x( '123-456-7890', 'Block pattern sample content', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph {"align":"center"} --><p class="has-text-align-center">' . esc_html_x( '123 Main Street', 'Block pattern sample content', 'twentytwentyone' ) . '<br>' . esc_html_x( 'Cambridge, MA, 02139', 'Block pattern samp
le content', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column {"verticalAlignment":"center"} --><div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"align":"right","className":"is-style-twentytwentyone-social-icons-color"} --><ul class="wp-block-social-links alignright is-style-twentytwentyone-social-icons-color"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /--><!-- wp:social-link {"url":"https://www.facebook.com/WordPress/","service":"facebook"} /--><!-- wp:social-link {"url":"https://twitter.com/WordPress","service":"twitter"} /--><!-- wp:social-link {"service":"instagram"} /--><!-- wp:social-lin
k {"service":"linkedin"} /--><!-- wp:social-link {"service":"youtube"} /--><!-- wp:social-link {"url":"https://www.youtube.com/wordpress","service":"youtube"} /--></ul><!-- /wp:social-links --></div><!-- /wp:column --></div><!-- /wp:columns --><!-- wp:paragraph --><p></p><!-- /wp:paragraph -->',
</ins><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneincmenufunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,7 +32,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $output .= '<button class="sub-menu-toggle" aria-expanded="false" onClick="twentytwentyoneExpandSubMenu(this)">';
</span><span class="cx" style="display: block; padding: 0 10px"> $output .= '<span class="icon-plus">' . twenty_twenty_one_get_icon_svg( 'ui', 'plus', 18 ) . '</span>';
</span><span class="cx" style="display: block; padding: 0 10px"> $output .= '<span class="icon-minus">' . twenty_twenty_one_get_icon_svg( 'ui', 'minus', 18 ) . '</span>';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $output .= '<span class="screen-reader-text">' . esc_html__( 'Open menu', 'twentytwentyone' ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $output .= '<span class="screen-reader-text">' . esc_html__( 'Open Menu', 'twentytwentyone' ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> $output .= '</button>';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> return $output;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneincstartercontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,7 +40,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- wp:columns {"verticalAlignment":"center","align":"wide","className":"is-style-twentytwentyone-columns-overlap"} -->
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wp-block-columns alignwide are-vertically-aligned-center is-style-twentytwentyone-columns-overlap"><!-- wp:column {"verticalAlignment":"center"} -->
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"full","sizeSlug":"large"} -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <figure class="wp-block-image alignfull size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/roses-tremieres-hollyhocks-1884.jpg" alt="' . esc_attr__( 'Roses Tremieres (Hollyhocks), by Berthe Morisot, 1884', 'twentytwentyone' ) . '"/></figure>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <figure class="wp-block-image alignfull size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/roses-tremieres-hollyhocks-1884.jpg" alt="' . esc_attr__( '“Roses Tremieres” by Berthe Morisot', 'twentytwentyone' ) . '"/></figure>
</ins><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:image -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- wp:spacer -->
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,7 +48,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:spacer -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- wp:image {"align":"full","sizeSlug":"large","className":"is-style-twentytwentyone-image-frame"} -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <figure class="wp-block-image alignfull size-large is-style-twentytwentyone-image-frame"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/in-the-bois-de-boulogne.jpg" alt="' . esc_attr__( 'In the Bois de Boulogne, by Berthe Morisot, 1879', 'twentytwentyone' ) . '"/></figure>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <figure class="wp-block-image alignfull size-large is-style-twentytwentyone-image-frame"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/in-the-bois-de-boulogne.jpg" alt="' . esc_attr__( '“In the Bois de Boulogne” by Berthe Morisot', 'twentytwentyone' ) . '"/></figure>
</ins><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:image --></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:column -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,7 +58,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:spacer -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- wp:image {"sizeSlug":"large","className":"alignfull size-full is-style-twentytwentyone-border"} -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <figure class="wp-block-image size-large alignfull size-full is-style-twentytwentyone-border"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/young-woman-in-mauve.jpg" alt="' . esc_attr__( 'Young Woman in Mauve, by Berthe Morisot, 1880', 'twentytwentyone' ) . '"/></figure>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <figure class="wp-block-image size-large alignfull size-full is-style-twentytwentyone-border"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/young-woman-in-mauve.jpg" alt="' . esc_attr__( '“Young Woman in Mauve” by Berthe Morisot', 'twentytwentyone' ) . '"/></figure>
</ins><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:image --></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:column --></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- /wp:columns -->
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -151,7 +151,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'nav_menus' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> // Assign a menu to the "primary" location.
</span><span class="cx" style="display: block; padding: 0 10px"> 'primary' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'name' => esc_html__( 'Primary', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'name' => esc_html__( 'Primary Menu', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'items' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'link_home', // Note that the core "home" page is actually a link in case a static front page is not used.
</span><span class="cx" style="display: block; padding: 0 10px"> 'page_about',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -162,7 +162,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Assign a menu to the "footer" location.
</span><span class="cx" style="display: block; padding: 0 10px"> 'footer' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'name' => esc_html__( 'Footer', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'name' => esc_html__( 'Secondary Menu', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'items' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'link_facebook',
</span><span class="cx" style="display: block; padding: 0 10px"> 'link_twitter',
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneinctemplatefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,16 +8,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Remove Gutenberg `Theme` Block Styles.
- *
- * @since 1.0.0
- */
-function twenty_twenty_one_deregister_styles() {
- wp_dequeue_style( 'wp-block-library-theme' );
-}
-add_action( 'wp_print_styles', 'twenty_twenty_one_deregister_styles', 100 );
-
-/**
</del><span class="cx" style="display: block; padding: 0 10px"> * Adds custom classes to the array of body classes.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @since 1.0.0
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,6 +18,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twenty_twenty_one_body_classes( $classes ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Helps detect if JS is enabled or not.
+ $classes[] = 'no-js';
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Adds `singular` to singular pages, and `hfeed` to all other pages.
</span><span class="cx" style="display: block; padding: 0 10px"> $classes[] = is_singular() ? 'singular' : 'hfeed';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -76,6 +69,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_head', 'twenty_twenty_one_pingback_header' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Remove the `no-js` class from body if JS is supported.
+ *
+ * @since 1.0.0
+ *
+ * @return void
+ */
+function twenty_twenty_one_supports_js() {
+ echo '<script>document.body.classList.remove("no-js");</script>';
+}
+add_action( 'wp_footer', 'twenty_twenty_one_supports_js' );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Changes comment form default fields.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @since 1.0.0
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -157,7 +162,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! function_exists( 'twenty_twenty_one_post_title' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Add a title to posts that are missing titles.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Add a title to posts and pages that are missing titles.
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @since 1.0.0
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -166,7 +171,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return string
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twenty_twenty_one_post_title( $title ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return '' === $title ? esc_html__( 'Untitled', 'twentytwentyone' ) : $title;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return '' === $title ? esc_html_x( 'Untitled', 'Added to posts and pages that are missing titles', 'twentytwentyone' ) : $title;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'the_title', 'twenty_twenty_one_post_title' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -391,7 +396,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $label = 'pwbox-' . ( empty( $post->ID ) ? wp_rand() : $post->ID );
</span><span class="cx" style="display: block; padding: 0 10px"> $output = '<p class="post-password-message">' . esc_html__( 'This content is password protected. Please enter a password to view.', 'twentytwentyone' ) . '</p>
</span><span class="cx" style="display: block; padding: 0 10px"> <form action="' . esc_url( site_url( 'wp-login.php?action=postpass', 'login_post' ) ) . '" class="post-password-form" method="post">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <label class="post-password-form__label" for="' . esc_attr( $label ) . '">' . esc_html__( 'Password', 'twentytwentyone' ) . '</label><input class="post-password-form__input" name="post_password" id="' . esc_attr( $label ) . '" type="password" size="20" /><input type="submit" class="post-password-form__submit" name="' . esc_attr__( 'Submit', 'twentytwentyone' ) . '" value="' . esc_attr_x( 'Enter', 'post password form', 'twentytwentyone' ) . '" /></form>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <label class="post-password-form__label" for="' . esc_attr( $label ) . '">' . esc_html_x( 'Password', 'Post password form', 'twentytwentyone' ) . '</label><input class="post-password-form__input" name="post_password" id="' . esc_attr( $label ) . '" type="password" size="20" /><input type="submit" class="post-password-form__submit" name="' . esc_attr_x( 'Submit', 'Post password form', 'twentytwentyone' ) . '" value="' . esc_attr_x( 'Enter', 'Post password form', 'twentytwentyone' ) . '" /></form>
</ins><span class="cx" style="display: block; padding: 0 10px"> ';
</span><span class="cx" style="display: block; padding: 0 10px"> return $output;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -434,7 +439,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add style.
</span><span class="cx" style="display: block; padding: 0 10px"> $attr['style'] = isset( $attr['style'] ) ? $attr['style'] : '';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $attr['style'] = 'width:100%;height:' . round( 100 * $height / $width, 2 ) . '%;' . $attr['style'];
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $attr['style'] = 'width:100%;height:' . round( 100 * $height / $width, 2 ) . '%;max-width:' . $width . 'px;' . $attr['style'];
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return $attr;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneinctemplatetagsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -74,7 +74,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! is_single() ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_sticky() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- echo '<p>' . esc_html__( 'Featured post', 'twentytwentyone' ) . '</p>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ echo '<p>' . esc_html_x( 'Featured post', 'Label for sticky posts', 'twentytwentyone' ) . '</p>';
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $post_format = get_post_format();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -217,6 +217,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return void
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twenty_twenty_one_the_posts_navigation() {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $post_type = get_post_type_object( get_post_type() );
+ $post_type_name = '';
+ if (
+ is_object( $post_type ) &&
+ property_exists( $post_type, 'labels' ) &&
+ is_object( $post_type->labels ) &&
+ property_exists( $post_type->labels, 'name' )
+ ) {
+ $post_type_name = $post_type->labels->name;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> the_posts_pagination(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: There is a space after page. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -225,11 +236,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'prev_text' => sprintf(
</span><span class="cx" style="display: block; padding: 0 10px"> '%s <span class="nav-prev-text">%s</span>',
</span><span class="cx" style="display: block; padding: 0 10px"> is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- esc_html__( 'Newer posts', 'twentytwentyone' )
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ sprintf(
+ /* translators: %s: The post-type name. */
+ esc_html__( 'Newer %s', 'twentytwentyone' ),
+ '<span class="nav-short">' . esc_html( $post_type_name ) . '</span>'
+ )
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'next_text' => sprintf(
</span><span class="cx" style="display: block; padding: 0 10px"> '<span class="nav-next-text">%s</span> %s',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- esc_html__( 'Older posts', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ sprintf(
+ /* translators: %s: The post-type name. */
+ esc_html__( 'Older %s', 'twentytwentyone' ),
+ '<span class="nav-short">' . esc_html( $post_type_name ) . '</span>'
+ ),
</ins><span class="cx" style="display: block; padding: 0 10px"> is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' )
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonepackagelockjson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/package-lock.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/package-lock.json 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/package-lock.json 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,19 +14,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/core": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.0.tgz",
- "integrity": "sha512-iV7Gwg0DePKvdDZZWRTkj4MW+6/AbVWd4ZCg+zk8H1RVt5xBpUZS6vLQWwb3pyLg4BFTaGiQCPoJ4Ibmbne4fA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.3",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.3.tgz",
+ "integrity": "sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/code-frame": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/generator": "^7.12.0",
- "@babel/helper-module-transforms": "^7.12.0",
- "@babel/helpers": "^7.10.4",
- "@babel/parser": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/generator": "^7.12.1",
+ "@babel/helper-module-transforms": "^7.12.1",
+ "@babel/helpers": "^7.12.1",
+ "@babel/parser": "^7.12.3",
</ins><span class="cx" style="display: block; padding: 0 10px"> "@babel/template": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/traverse": "^7.12.0",
- "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/traverse": "^7.12.1",
+ "@babel/types": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "convert-source-map": "^1.7.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "debug": "^4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "gensync": "^1.0.0-beta.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,46 +37,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "source-map": "^0.5.0"
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "dependencies": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "debug": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
- "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
- "dev": true,
- "requires": {
- "ms": "2.1.2"
- }
- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "source-map": {
- "version": "0.5.7",
- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
- "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
- "dev": true
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/generator": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.0.tgz",
- "integrity": "sha512-8lnf4QcyiQMf5XQp47BltuMTocsOh6P0z/vueEh8GzhmWWlDbdvOoI5Ziddg0XYhmnx35HyByUW51/9NprF8cA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.5.tgz",
+ "integrity": "sha512-m16TQQJ8hPt7E+OS/XVQg/7U184MLXtvuGbCdA7na61vha+ImkyyNM/9DDA0unYCVZn3ZOhng+qz48/KBOT96A==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/types": "^7.12.5",
</ins><span class="cx" style="display: block; padding: 0 10px"> "jsesc": "^2.5.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "source-map": "^0.5.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "source-map": {
- "version": "0.5.7",
- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
- "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-function-name": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -100,37 +77,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-member-expression-to-functions": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.0.tgz",
- "integrity": "sha512-I0d/bgzgzgLsJMk7UZ0TN2KV3OGjC/t/9Saz8PKb9jrcEAXhgjGysOgp4PDKydIKjUv/gj2St4ae+ov8l+T9Xg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.1",
+ "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.1.tgz",
+ "integrity": "sha512-k0CIe3tXUKTRSoEx1LQEPFU9vRQfqHtl+kf8eNnDqb4AUJEy5pz6aIiog+YWtVm2jpggjS1laH68bPsR+KWWPQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/types": "^7.12.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/types": "^7.12.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-module-imports": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.10.4",
- "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.10.4.tgz",
- "integrity": "sha512-nEQJHqYavI217oD9+s5MUBzk6x1IlvoS9WTPfgG43CbMEeStE0v+r+TucWdx8KFGowPGvyOkDT9+7DHedIDnVw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz",
+ "integrity": "sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/types": "^7.10.4"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/types": "^7.12.5"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-module-transforms": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.0.tgz",
- "integrity": "sha512-1ZTMoCiLSzTJLbq7mSaTHki4oIrBIf/dUbzdhwTrvtMU3ZNVKwQmGae3gSiqppo7G8HAgnXmc43rfEaD8yYLLQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.1",
+ "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz",
+ "integrity": "sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/helper-module-imports": "^7.10.4",
- "@babel/helper-replace-supers": "^7.12.0",
- "@babel/helper-simple-access": "^7.10.4",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/helper-module-imports": "^7.12.1",
+ "@babel/helper-replace-supers": "^7.12.1",
+ "@babel/helper-simple-access": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-split-export-declaration": "^7.11.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-validator-identifier": "^7.10.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/template": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/traverse": "^7.12.0",
- "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/traverse": "^7.12.1",
+ "@babel/types": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "lodash": "^4.17.19"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -144,25 +121,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-replace-supers": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.0.tgz",
- "integrity": "sha512-9kycFdq2c9e7PXZOr2z/ZqTFF9OzFu287iFwYS+CiDVPuoTCfY8hoTsIqNQNetQjlqoRsRyJFrMG1uhGAR4EEw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.5.tgz",
+ "integrity": "sha512-5YILoed0ZyIpF4gKcpZitEnXEJ9UoDRki1Ey6xz46rxOzfNMAhVIJMoune1hmPVxh40LRv1+oafz7UsWX+vyWA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/helper-member-expression-to-functions": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/helper-member-expression-to-functions": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-optimise-call-expression": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/traverse": "^7.12.0",
- "@babel/types": "^7.12.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/traverse": "^7.12.5",
+ "@babel/types": "^7.12.5"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-simple-access": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.10.4",
- "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.10.4.tgz",
- "integrity": "sha512-0fMy72ej/VEvF8ULmX6yb5MtHG4uH4Dbd6I/aHDb/JVg0bbivwt9Wg+h3uMvX+QSFtwr5MeItvazbrc4jtRAXw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.1",
+ "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz",
+ "integrity": "sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/template": "^7.10.4",
- "@babel/types": "^7.10.4"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/types": "^7.12.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-split-export-declaration": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -181,14 +157,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helpers": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.10.4",
- "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.10.4.tgz",
- "integrity": "sha512-L2gX/XeUONeEbI78dXSrJzGdz4GQ+ZTA/aazfUsFaWjSe95kiCuOZ5HsXvkiw3iwF+mFHSRUfJU8t6YavocdXA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.5.tgz",
+ "integrity": "sha512-lgKGMQlKqA8meJqKsW6rUnc4MdUk35Ln0ATDqdM1a/UpARODdI4j5Y5lVfUScnSNkJcdCRAaWkspykNoFg9sJA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/template": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/traverse": "^7.10.4",
- "@babel/types": "^7.10.4"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/traverse": "^7.12.5",
+ "@babel/types": "^7.12.5"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/highlight": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -203,15 +179,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/parser": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.0.tgz",
- "integrity": "sha512-dYmySMYnlus2jwl7JnnajAj11obRStZoW9cG04wh4ZuhozDn11tDUrhHcUZ9iuNHqALAhh60XqNaYXpvuuE/Gg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.5.tgz",
+ "integrity": "sha512-FVM6RZQ0mn2KCf1VUED7KepYeUWoVShczewOCfm3nzoBybaih51h+sYVVGthW9M6lPByEPTQf+xm27PBdlpwmQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/runtime": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.0.tgz",
- "integrity": "sha512-lS4QLXQ2Vbw2ubfQjeQcn+BZgZ5+ROHW9f+DWjEp5Y+NHYmkRGKqHSJ1tuhbUauKu2nhZNTBIvsIQ8dXfY5Gjw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
+ "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "regenerator-runtime": "^0.13.4"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -218,9 +194,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/runtime-corejs3": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.12.0.tgz",
- "integrity": "sha512-CltlJftStV4CBG4/HWVVRnBWFvLkYd22BkYO4gFgX+89JOlYiKQ5+Ji9Ovqb1o3T5DkkBn3JrVq1V/xweAaeGA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.12.5.tgz",
+ "integrity": "sha512-roGr54CsTmNPPzZoCP1AmDXuBoNao7tnSA83TXTwt+UK5QVyh1DIJnrgYRPWKCF2flqZQXwa7Yr8v7VmLzF0YQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "core-js-pure": "^3.0.0",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -239,49 +215,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/traverse": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.0.tgz",
- "integrity": "sha512-ZU9e79xpOukCNPkQ1UzR4gJKCruGckr6edd8v8lmKpSk8iakgUIvb+5ZtaKKV9f7O+x5r+xbMDDIbzVpUoiIuw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.5",
+ "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.5.tgz",
+ "integrity": "sha512-xa15FbQnias7z9a62LwYAA5SZZPkHIXpd42C6uW68o8uTuua96FHZy1y61Va5P/i83FAAcMpW8+A/QayntzuqA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/code-frame": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/generator": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/generator": "^7.12.5",
</ins><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-function-name": "^7.10.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-split-export-declaration": "^7.11.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/parser": "^7.12.0",
- "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/parser": "^7.12.5",
+ "@babel/types": "^7.12.5",
</ins><span class="cx" style="display: block; padding: 0 10px"> "debug": "^4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "globals": "^11.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "lodash": "^4.17.19"
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "dependencies": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "debug": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
- "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
- "dev": true,
- "requires": {
- "ms": "2.1.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "globals": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "11.12.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "dev": true
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/types": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.12.0",
- "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.0.tgz",
- "integrity": "sha512-ggIyFmT2zMaYRheOfPDQ4gz7QqV3B+t2rjqjbttDJxMcb7/LukvWCmlIl1sWcOxrvwpTDd+z0OytzqsbGeb3/g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.12.6",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.6.tgz",
+ "integrity": "sha512-hwyjw6GvjBLiyy3W0YQf0Z5Zf4NpYejUnKFcfcUhZCSffoBBp30w6wP2Wn6pk31jMYZvcOrB/1b7cGXvEoKogA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/helper-validator-identifier": "^7.10.4",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -299,9 +260,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@eslint/eslintrc": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "0.1.3",
- "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.1.3.tgz",
- "integrity": "sha512-4YVwPkANLeNtRjMekzux1ci8hIaH5eGKktGqR0d3LWsKNn5B2X/1Z6Trxy7jQXl9EBGE6Yj02O+t09FMeRllaA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.2.1.tgz",
+ "integrity": "sha512-XRUeBZ5zBWLYgSANMpThFddrZZkEbGHgUdt5UJjZfnlN9BGCiUBrf+nvbRupSjMvqzwnQN0qwCmOxITt1cfywA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "ajv": "^6.12.4",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -314,51 +275,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "lodash": "^4.17.19",
</span><span class="cx" style="display: block; padding: 0 10px"> "minimatch": "^3.0.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "strip-json-comments": "^3.1.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "debug": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
- "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
- "dev": true,
- "requires": {
- "ms": "2.1.2"
- }
- },
- "ignore": {
- "version": "4.0.6",
- "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
- "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
- "dev": true
- },
- "import-fresh": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
- "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
- "dev": true,
- "requires": {
- "parent-module": "^1.0.0",
- "resolve-from": "^4.0.0"
- }
- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "dev": true
- },
- "resolve-from": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
- "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
- "dev": true
- },
- "strip-json-comments": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
- "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@nodelib/fs.scandir": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -387,12 +303,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "fastq": "^1.6.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@sindresorhus/is": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-2.1.1.tgz",
- "integrity": "sha512-/aPsuoj/1Dw/kzhkgz+ES6TxG0zfTMGLwuK2ZG00k/iJzYHTLCE8mVU8EPqEOp/lmxPoq1C1C9RYToRKb2KEfg==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "@stylelint/postcss-css-in-js": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.37.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -412,39 +322,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "unist-util-find-all-after": "^3.0.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@szmarczak/http-timer": {
- "version": "4.0.5",
- "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.5.tgz",
- "integrity": "sha512-PyRA9sm1Yayuj5OIoJ1hGt2YISX45w9WcFbh6ddT0Z/0yaFxOtGLInr4jUfU1EAFVs0Yfyfev4RNwBlUaHdlDQ==",
- "dev": true,
- "requires": {
- "defer-to-connect": "^2.0.0"
- }
- },
- "@types/cacheable-request": {
- "version": "6.0.1",
- "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.1.tgz",
- "integrity": "sha512-ykFq2zmBGOCbpIXtoVbz4SKY5QriWPh3AjyU4G74RYbtt5yOc5OfaY75ftjg7mikMOla1CTGpX3lLbuJh8DTrQ==",
- "dev": true,
- "requires": {
- "@types/http-cache-semantics": "*",
- "@types/keyv": "*",
- "@types/node": "*",
- "@types/responselike": "*"
- }
- },
- "@types/color-name": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
- "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
- "dev": true
- },
- "@types/http-cache-semantics": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.0.tgz",
- "integrity": "sha512-c3Xy026kOF7QOTn00hbIllV1dLR9hG9NkSrLQgCVs8NF6sBU+VGWjD3wLPhmh1TYAc7ugCFsvHYMN4VcBN1U1A==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "@types/json-schema": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "7.0.6",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -451,27 +328,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@types/keyv": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.1.tgz",
- "integrity": "sha512-MPtoySlAZQ37VoLaPcTHCu1RWJ4llDkULYZIzOYxlhxBqYPB0RsRlmMU0R6tahtFe27mIdkHV+551ZWV4PLmVw==",
- "dev": true,
- "requires": {
- "@types/node": "*"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "@types/minimist": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.0.tgz",
- "integrity": "sha1-aaI6OtKcrwCX8G7aWbNh7i8GOfY=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.1.tgz",
+ "integrity": "sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@types/node": {
- "version": "14.11.8",
- "resolved": "https://registry.npmjs.org/@types/node/-/node-14.11.8.tgz",
- "integrity": "sha512-KPcKqKm5UKDkaYPTuXSx8wEP7vE9GnuaXIZKijwRYcePpZFDVuy2a57LarFKiORbHOuTOOwYzxVxcUzsh2P2Pw==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "@types/normalize-package-data": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.4.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,15 +346,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@types/responselike": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.0.tgz",
- "integrity": "sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==",
- "dev": true,
- "requires": {
- "@types/node": "*"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "@types/unist": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -524,29 +377,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "lodash": "^4.17.15",
</span><span class="cx" style="display: block; padding: 0 10px"> "semver": "^7.3.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "tsutils": "^3.17.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "debug": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
- "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
- "dev": true,
- "requires": {
- "ms": "2.1.2"
- }
- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "dev": true
- },
- "semver": {
- "version": "7.3.2",
- "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
- "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@wordpress/browserslist-config": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -555,115 +385,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-pB45JlfmHuEigNFZ1X+CTgIsOT3/TTb9iZxw1DHXge/7ytY8FNhtcNwTfF9IgnS6/xaFRZBqzw4DyH4sP1Lyxg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@wordpress/env": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/@wordpress/env/-/env-2.1.0.tgz",
- "integrity": "sha512-ytPfTZLYksLyS9pWRexs3yT+TKkf2wr3IFuoBGxIcPJZGxPBiOUyOPLXOezQiDFetLkyXbsDIeb7cFDojM4KIA==",
- "dev": true,
- "requires": {
- "chalk": "^4.0.0",
- "copy-dir": "^1.3.0",
- "docker-compose": "^0.22.2",
- "extract-zip": "^1.6.7",
- "got": "^10.7.0",
- "inquirer": "^7.1.0",
- "js-yaml": "^3.13.1",
- "nodegit": "^0.26.2",
- "ora": "^4.0.2",
- "rimraf": "^3.0.2",
- "terminal-link": "^2.0.0",
- "yargs": "^14.0.0"
- },
- "dependencies": {
- "ansi-styles": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
- "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
- "dev": true,
- "requires": {
- "color-convert": "^2.0.1"
- }
- },
- "chalk": {
- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
- "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
- "dev": true,
- "requires": {
- "ansi-styles": "^4.1.0",
- "supports-color": "^7.1.0"
- }
- },
- "color-convert": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
- "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
- "dev": true,
- "requires": {
- "color-name": "~1.1.4"
- }
- },
- "color-name": {
- "version": "1.1.4",
- "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
- "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
- "dev": true
- },
- "has-flag": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
- "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
- "dev": true
- },
- "rimraf": {
- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
- "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
- "dev": true,
- "requires": {
- "glob": "^7.1.3"
- }
- },
- "supports-color": {
- "version": "7.2.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
- "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
- "dev": true,
- "requires": {
- "has-flag": "^4.0.0"
- }
- },
- "yargs": {
- "version": "14.2.3",
- "resolved": "https://registry.npmjs.org/yargs/-/yargs-14.2.3.tgz",
- "integrity": "sha512-ZbotRWhF+lkjijC/VhmOT9wSgyBQ7+zr13+YLkhfsSiTriYsMzkTUFP18pFhWwBeMa5gUc1MzbhrO6/VB7c9Xg==",
- "dev": true,
- "requires": {
- "cliui": "^5.0.0",
- "decamelize": "^1.2.0",
- "find-up": "^3.0.0",
- "get-caller-file": "^2.0.1",
- "require-directory": "^2.1.1",
- "require-main-filename": "^2.0.0",
- "set-blocking": "^2.0.0",
- "string-width": "^3.0.0",
- "which-module": "^2.0.0",
- "y18n": "^4.0.0",
- "yargs-parser": "^15.0.1"
- }
- },
- "yargs-parser": {
- "version": "15.0.1",
- "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-15.0.1.tgz",
- "integrity": "sha512-0OAMV2mAZQrs3FkNpDQcBk1x5HXb8X4twADss4S0Iuk+2dGnLOE/fRHrsYm542GduMveyA77OF4wrNJuanRCWw==",
- "dev": true,
- "requires": {
- "camelcase": "^5.0.0",
- "decamelize": "^1.2.0"
- }
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "@wordpress/eslint-plugin": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "7.3.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/@wordpress/eslint-plugin/-/eslint-plugin-7.3.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -683,61 +404,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "globals": "^12.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "prettier": "npm:wp-prettier@2.0.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "requireindex": "^1.2.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "cosmiconfig": {
- "version": "7.0.0",
- "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
- "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
- "dev": true,
- "requires": {
- "@types/parse-json": "^4.0.0",
- "import-fresh": "^3.2.1",
- "parse-json": "^5.0.0",
- "path-type": "^4.0.0",
- "yaml": "^1.10.0"
- }
- },
- "import-fresh": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
- "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
- "dev": true,
- "requires": {
- "parent-module": "^1.0.0",
- "resolve-from": "^4.0.0"
- }
- },
- "parse-json": {
- "version": "5.1.0",
- "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
- "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
- "dev": true,
- "requires": {
- "@babel/code-frame": "^7.0.0",
- "error-ex": "^1.3.1",
- "json-parse-even-better-errors": "^2.3.0",
- "lines-and-columns": "^1.1.6"
- }
- },
- "path-type": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
- "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
- "dev": true
- },
- "prettier": {
- "version": "npm:wp-prettier@2.0.5",
- "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz",
- "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==",
- "dev": true
- },
- "resolve-from": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
- "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "@wordpress/prettier-config": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -746,12 +412,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-7c4VeugkCwDkaHSD7ffxoP0VC5c///gCTEAT032OhI5Rik2dPxE3EkNAB2NhotGE8M4dMAg4g5Wj2OWZIn8TFw==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "abbrev": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
- "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "acorn": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "7.4.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -765,9 +425,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "ajv": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "6.12.4",
- "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz",
- "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.12.6",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+ "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "fast-deep-equal": "^3.1.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -776,12 +436,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "uri-js": "^4.2.2"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "amdefine": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
- "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "ansi-colors": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -788,23 +442,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ansi-escapes": {
- "version": "4.3.1",
- "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.1.tgz",
- "integrity": "sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==",
- "dev": true,
- "requires": {
- "type-fest": "^0.11.0"
- },
- "dependencies": {
- "type-fest": {
- "version": "0.11.0",
- "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.11.0.tgz",
- "integrity": "sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==",
- "dev": true
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "ansi-regex": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -830,22 +467,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "picomatch": "^2.0.4"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "aproba": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
- "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
- "dev": true
- },
- "are-we-there-yet": {
- "version": "1.1.5",
- "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
- "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
- "dev": true,
- "requires": {
- "delegates": "^1.0.0",
- "readable-stream": "^2.0.6"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "argparse": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.10",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -865,12 +486,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/runtime-corejs3": "^7.10.2"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "array-find-index": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
- "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "array-includes": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -905,27 +520,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "asap": {
- "version": "2.0.6",
- "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
- "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
- "dev": true
- },
- "asn1": {
- "version": "0.2.4",
- "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
- "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
- "dev": true,
- "requires": {
- "safer-buffer": "~2.1.0"
- }
- },
- "assert-plus": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
- "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "ast-types-flow": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.0.7",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -938,18 +532,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "async-foreach": {
- "version": "0.1.3",
- "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
- "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
- "dev": true
- },
- "asynckit": {
- "version": "0.4.0",
- "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
- "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "at-least-node": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -971,22 +553,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-value-parser": "^4.1.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "aws-sign2": {
- "version": "0.7.0",
- "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
- "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
- "dev": true
- },
- "aws4": {
- "version": "1.10.1",
- "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.10.1.tgz",
- "integrity": "sha512-zg7Hz2k5lI8kb7U32998pRRFin7zJlkfezGJjUc2heaD4Pw2wObakCDVzkKztTm/Ln7eiVvYsjqak0Ed4LkMDA==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "axe-core": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.5.5",
- "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-3.5.5.tgz",
- "integrity": "sha512-5P0QZ6J5xGikH780pghEdbEKijCTrruK9KxtPZCFWUpef0f6GipO+xEZ5GKCb020mmqgbiNO6TcA55CriL784Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.0.2.tgz",
+ "integrity": "sha512-arU1h31OGFu+LPrOLGZ7nB45v940NMDMEJeNmbutu57P+UFDVnkZg3e+J1I2HJRZ9hT7gO8J91dn/PMrAiKakA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "axobject-query": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1021,15 +591,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "bcrypt-pbkdf": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
- "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
- "dev": true,
- "requires": {
- "tweetnacl": "^0.14.3"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "binary-extensions": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1036,25 +597,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "bl": {
- "version": "1.2.3",
- "resolved": "https://registry.npmjs.org/bl/-/bl-1.2.3.tgz",
- "integrity": "sha512-pvcNpa0UU69UT341rO6AYy4FVAIkUHuZXRIWbq+zHnsVcRzDDjIAhGuuYoi0d//cwIwtt4pkpKycWEfjdV+vww==",
- "dev": true,
- "requires": {
- "readable-stream": "^2.3.5",
- "safe-buffer": "^5.1.1"
- }
- },
- "block-stream": {
- "version": "0.0.9",
- "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
- "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
- "dev": true,
- "requires": {
- "inherits": "~2.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "brace-expansion": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.1.11",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1075,76 +617,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "browserslist": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "4.14.0",
- "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.0.tgz",
- "integrity": "sha512-pUsXKAF2lVwhmtpeA3LJrZ76jXuusrNyhduuQs7CDFf9foT4Y38aQOserd2lMe5DSSrjf3fx34oHwryuvxAUgQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.14.7",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.7.tgz",
+ "integrity": "sha512-BSVRLCeG3Xt/j/1cCGj1019Wbty0H+Yvu2AOuZSuoaUWn3RatbL33Cxk+Q4jRMRAbOm0p7SLravLjpnT6s0vzQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "caniuse-lite": "^1.0.30001111",
- "electron-to-chromium": "^1.3.523",
- "escalade": "^3.0.2",
- "node-releases": "^1.1.60"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "caniuse-lite": "^1.0.30001157",
+ "colorette": "^1.2.1",
+ "electron-to-chromium": "^1.3.591",
+ "escalade": "^3.1.1",
+ "node-releases": "^1.1.66"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "buffer-alloc": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
- "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==",
- "dev": true,
- "requires": {
- "buffer-alloc-unsafe": "^1.1.0",
- "buffer-fill": "^1.0.0"
- }
- },
- "buffer-alloc-unsafe": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz",
- "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==",
- "dev": true
- },
- "buffer-crc32": {
- "version": "0.2.13",
- "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
- "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=",
- "dev": true
- },
- "buffer-fill": {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "call-bind": {
</ins><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
- "integrity": "sha1-+PeLdniYiO858gXNY39o5wISKyw=",
- "dev": true
- },
- "buffer-from": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
- "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
- "dev": true
- },
- "cacheable-lookup": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-2.0.1.tgz",
- "integrity": "sha512-EMMbsiOTcdngM/K6gV/OxF2x0t07+vMOWxZNSCRQMjO2MY2nhZQ6OYhOOpyQrbhqsgtvKGI7hcq6xjnA92USjg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.0.tgz",
+ "integrity": "sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@types/keyv": "^3.1.1",
- "keyv": "^4.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "function-bind": "^1.1.1",
+ "get-intrinsic": "^1.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "cacheable-request": {
- "version": "7.0.1",
- "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.1.tgz",
- "integrity": "sha512-lt0mJ6YAnsrBErpTMWeu5kl/tg9xMAWjavYTN6VQXM1A/teBITuNcccXsCxF0tDQQJf9DfAaX5O4e0zp0KlfZw==",
- "dev": true,
- "requires": {
- "clone-response": "^1.0.2",
- "get-stream": "^5.1.0",
- "http-cache-semantics": "^4.0.0",
- "keyv": "^4.0.0",
- "lowercase-keys": "^2.0.0",
- "normalize-url": "^4.1.0",
- "responselike": "^2.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "caller-callsite": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1152,6 +646,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "callsites": "^2.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "callsites": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+ "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "caller-path": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1164,9 +666,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "callsites": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
- "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+ "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "camelcase": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1176,39 +678,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "camelcase-keys": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
- "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.2.2",
+ "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+ "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "camelcase": "^2.0.0",
- "map-obj": "^1.0.0"
- },
- "dependencies": {
- "camelcase": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
- "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
- "dev": true
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "camelcase": "^5.3.1",
+ "map-obj": "^4.0.0",
+ "quick-lru": "^4.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "caniuse-lite": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.30001123",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001123.tgz",
- "integrity": "sha512-03dJDoa4YC4332jq0rqwiM+Hw6tA5RJtrnZKvOQy7ASoIUv8CinkcmGhYpCvCjedvkBQrrKnkcELxrUSW/XwNQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.0.30001157",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001157.tgz",
+ "integrity": "sha512-gOerH9Wz2IRZ2ZPdMfBvyOi3cjaz4O4dgNwPGzx8EhqAs4+2IL/O+fJsbt+znSigujoZG8bVcIAUM/I/E5K3MA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "caseless": {
- "version": "0.12.0",
- "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
- "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "ccount": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.0.5.tgz",
- "integrity": "sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz",
+ "integrity": "sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "chalk": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1220,17 +709,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "ansi-styles": "^3.2.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "escape-string-regexp": "^1.0.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "supports-color": "^5.3.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "supports-color": {
- "version": "5.5.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
- "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
- "dev": true,
- "requires": {
- "has-flag": "^3.0.0"
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "character-entities": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1257,16 +735,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "chardet": {
- "version": "0.7.0",
- "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
- "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "chokidar": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.4.2",
- "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.2.tgz",
- "integrity": "sha512-IZHaDeBeI+sZJRX7lGcXsdzgvZqKv6sECqsbErJA4mHWfpRrD8B97kSFN4cQz6nGBGiuFia1MKR4d6c1o8Cv7A==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.4.3",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.3.tgz",
+ "integrity": "sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "anymatch": "~3.1.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1276,7 +748,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "is-binary-path": "~2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "is-glob": "~4.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "normalize-path": "~3.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "readdirp": "~3.4.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "readdirp": "~3.5.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "chokidar-cli": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1291,33 +763,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "yargs": "^13.3.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "chownr": {
- "version": "1.1.4",
- "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
- "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
- "dev": true
- },
- "cli-cursor": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
- "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
- "dev": true,
- "requires": {
- "restore-cursor": "^3.1.0"
- }
- },
- "cli-spinners": {
- "version": "2.5.0",
- "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.5.0.tgz",
- "integrity": "sha512-PC+AmIuK04E6aeSs/pUccSujsTzBhu4HzC2dL+CfJB/Jcc2qTRbEwZQDfIUpt2Xl8BodYBEq8w4fc0kU2I9DjQ==",
- "dev": true
- },
- "cli-width": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
- "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "cliui": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1329,12 +774,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "wrap-ansi": "^5.1.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "clone": {
- "version": "1.0.4",
- "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
- "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "clone-regexp": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.2.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1344,29 +783,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "is-regexp": "^2.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "clone-response": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
- "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
- "dev": true,
- "requires": {
- "mimic-response": "^1.0.0"
- },
- "dependencies": {
- "mimic-response": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
- "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
- "dev": true
- }
- }
- },
- "code-point-at": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
- "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "collapse-white-space": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.6",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-1.0.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1394,15 +810,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "combined-stream": {
- "version": "1.0.8",
- "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
- "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
- "dev": true,
- "requires": {
- "delayed-stream": "~1.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "commander": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.20.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1421,24 +828,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "concat-stream": {
- "version": "1.6.2",
- "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
- "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
- "dev": true,
- "requires": {
- "buffer-from": "^1.0.0",
- "inherits": "^2.0.3",
- "readable-stream": "^2.2.2",
- "typedarray": "^0.0.6"
- }
- },
- "console-control-strings": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
- "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "convert-source-map": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.7.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1448,56 +837,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "safe-buffer": "~5.1.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "copy-dir": {
- "version": "1.3.0",
- "resolved": "https://registry.npmjs.org/copy-dir/-/copy-dir-1.3.0.tgz",
- "integrity": "sha512-Q4+qBFnN4bwGwvtXXzbp4P/4iNk0MaiGAzvQ8OiMtlLjkIKjmNN689uVzShSM0908q7GoFHXIPx4zi75ocoaHw==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "core-js-pure": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.6.5",
- "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.6.5.tgz",
- "integrity": "sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.7.0",
+ "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.7.0.tgz",
+ "integrity": "sha512-EZD2ckZysv8MMt4J6HSvS9K2GdtlZtdBncKAmF9lr2n0c9dJUaUN88PSTjvgwCgQPWKTkERXITgS6JJRAnljtg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "core-util-is": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
- "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "cosmiconfig": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "5.2.1",
- "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
- "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+ "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "import-fresh": "^2.0.0",
- "is-directory": "^0.3.1",
- "js-yaml": "^3.13.1",
- "parse-json": "^4.0.0"
- },
- "dependencies": {
- "parse-json": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
- "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
- "dev": true,
- "requires": {
- "error-ex": "^1.3.1",
- "json-parse-better-errors": "^1.0.1"
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@types/parse-json": "^4.0.0",
+ "import-fresh": "^3.2.1",
+ "parse-json": "^5.0.0",
+ "path-type": "^4.0.0",
+ "yaml": "^1.10.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "cross-spawn": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
- "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.0.3",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+ "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "lru-cache": "^4.0.1",
- "which": "^1.2.9"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "path-key": "^3.1.0",
+ "shebang-command": "^2.0.0",
+ "which": "^2.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "cssesc": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1506,15 +873,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "currently-unhandled": {
- "version": "0.4.1",
- "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
- "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
- "dev": true,
- "requires": {
- "array-find-index": "^1.0.1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "damerau-levenshtein": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.6",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1521,22 +879,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "dashdash": {
- "version": "1.14.1",
- "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
- "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
- "dev": true,
- "requires": {
- "assert-plus": "^1.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "debug": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.6.9",
- "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
- "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.2.0",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
+ "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ms": "2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "ms": "2.1.2"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "decamelize": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1553,23 +902,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "decamelize": "^1.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "map-obj": "^1.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "map-obj": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+ "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "decompress-response": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-5.0.0.tgz",
- "integrity": "sha512-TLZWWybuxWgoW7Lykv+gq9xvzOsUjQ9tF09Tj6NSTYGMTCHNXzrPnD6Hi+TgZq19PyTAGH4Ll/NIM/eTGglnMw==",
- "dev": true,
- "requires": {
- "mimic-response": "^2.0.0"
- }
- },
- "deep-extend": {
- "version": "0.6.0",
- "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
- "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "deep-is": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.1.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1576,21 +918,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "defaults": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
- "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
- "dev": true,
- "requires": {
- "clone": "^1.0.2"
- }
- },
- "defer-to-connect": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.0.tgz",
- "integrity": "sha512-bYL2d05vOSf1JEZNx5vSAtPuBMkX8K9EUutg7zlKvTqKXHt7RhWJFbmd7qakVuf13i+IkGmp6FwSsONOf6VYIg==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "define-properties": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.1.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1600,18 +927,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "object-keys": "^1.0.12"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "delayed-stream": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
- "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
- "dev": true
- },
- "delegates": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
- "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "dependency-graph": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.9.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.9.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1618,12 +933,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-9YLIBURXj4DJMFALxXw9K3Y3rwb5Fk0X5/8ipCzaN84+gKxoHK43tVKRNakCQbiEx07E8Uwhuq21BpUagFhZ8w==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "detect-libc": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
- "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "dir-glob": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1631,22 +940,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "path-type": "^4.0.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "path-type": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
- "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "docker-compose": {
- "version": "0.22.2",
- "resolved": "https://registry.npmjs.org/docker-compose/-/docker-compose-0.22.2.tgz",
- "integrity": "sha512-iXWb5+LiYmylIMFXvGTYsjI1F+Xyx78Jm/uj1dxwwZLbWkUdH6yOXY5Nr3RjbYX15EgbGJCq78d29CmWQQQMPg==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "doctrine": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1673,9 +968,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "entities": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.3",
- "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.3.tgz",
- "integrity": "sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
+ "integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1705,43 +1000,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "domelementtype": "1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "duplexer3": {
- "version": "0.1.4",
- "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
- "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=",
- "dev": true
- },
- "ecc-jsbn": {
- "version": "0.1.2",
- "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
- "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
- "dev": true,
- "requires": {
- "jsbn": "~0.1.0",
- "safer-buffer": "^2.1.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "electron-to-chromium": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.3.562",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.562.tgz",
- "integrity": "sha512-WhRe6liQ2q/w1MZc8mD8INkenHivuHdrr4r5EQHNomy3NJux+incP6M6lDMd0paShP3MD0WGe5R1TWmEClf+Bg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.3.593",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.593.tgz",
+ "integrity": "sha512-GvO7G1ZxvffnMvPCr4A7+iQPVuvpyqMrx2VWSERAjG+pHK6tmO9XqYdBfMIq9corRyi4bNImSDEiDvIoDb8HrA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "emoji-regex": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.0.3",
- "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
- "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "9.2.0",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.0.tgz",
+ "integrity": "sha512-DNc3KFPK18bPdElMJnf/Pkv5TXhxFU3YFDEuGLDRtPmV4rkmCjBkCSEp22u6rBHdSN9Vlp/GK7k98prmE1Jgug==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "end-of-stream": {
- "version": "1.4.4",
- "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
- "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
- "dev": true,
- "requires": {
- "once": "^1.4.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "enquirer": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.3.6",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1767,9 +1037,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "es-abstract": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.17.6",
- "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz",
- "integrity": "sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.17.7",
+ "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.7.tgz",
+ "integrity": "sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "es-to-primitive": "^1.2.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1776,11 +1046,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "function-bind": "^1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "has": "^1.0.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "has-symbols": "^1.0.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "is-callable": "^1.2.0",
- "is-regex": "^1.1.0",
- "object-inspect": "^1.7.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "is-callable": "^1.2.2",
+ "is-regex": "^1.1.1",
+ "object-inspect": "^1.8.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "object-keys": "^1.1.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "object.assign": "^4.1.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "object.assign": "^4.1.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.trimend": "^1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.trimstart": "^1.0.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1797,9 +1067,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "escalade": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.0.2.tgz",
- "integrity": "sha512-gPYAU37hYCUhW5euPeR+Y74F7BL+IBsV93j5cvGriSaD1aG6MGsqsV1yamRdrWrb2j3aiZvb0X+UBOWpx3JWtQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+ "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "escape-string-regexp": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1809,13 +1079,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.11.0",
- "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.11.0.tgz",
- "integrity": "sha512-G9+qtYVCHaDi1ZuWzBsOWo2wSwd70TXnU6UHA3cTYHp7gCTXZcpggWFoUVAMRarg68qtPoNfFbzPh+VdOgmwmw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.13.0",
+ "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.13.0.tgz",
+ "integrity": "sha512-uCORMuOO8tUzJmsdRtrvcGq5qposf7Rw0LwkTJkoDbOycVQtQjmnhZSuLQnozLE4TmAzlMVV45eCHmQ1OpDKUQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@babel/code-frame": "^7.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@eslint/eslintrc": "^0.1.3",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@eslint/eslintrc": "^0.2.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "ajv": "^6.10.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "chalk": "^4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "cross-spawn": "^7.0.2",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1893,26 +1163,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "cross-spawn": {
- "version": "7.0.3",
- "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
- "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
- "dev": true,
- "requires": {
- "path-key": "^3.1.0",
- "shebang-command": "^2.0.0",
- "which": "^2.0.1"
- }
- },
- "debug": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
- "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
- "dev": true,
- "requires": {
- "ms": "2.1.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "doctrine": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1934,61 +1184,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ignore": {
- "version": "4.0.6",
- "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
- "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
- "dev": true
- },
- "import-fresh": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
- "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
- "dev": true,
- "requires": {
- "parent-module": "^1.0.0",
- "resolve-from": "^4.0.0"
- }
- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "dev": true
- },
- "path-key": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
- "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
- "dev": true
- },
- "resolve-from": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
- "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
- "dev": true
- },
- "semver": {
- "version": "7.3.2",
- "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
- "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
- "dev": true
- },
- "shebang-command": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
- "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
- "dev": true,
- "requires": {
- "shebang-regex": "^3.0.0"
- }
- },
- "shebang-regex": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
- "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "strip-ansi": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "6.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1998,12 +1193,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "ansi-regex": "^5.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "strip-json-comments": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
- "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "supports-color": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "7.2.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2012,33 +1201,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "has-flag": "^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "which": {
- "version": "2.0.2",
- "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
- "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
- "dev": true,
- "requires": {
- "isexe": "^2.0.0"
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-config-prettier": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "6.12.0",
- "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.12.0.tgz",
- "integrity": "sha512-9jWPlFlgNwRUYVoujvWTQ1aMO8o6648r+K7qU7K5Jmkbyqav1fuEZC0COYpGBxyiAJb65Ra9hrmFx19xRGwXWw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.15.0",
+ "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz",
+ "integrity": "sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "get-stdin": "^6.0.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "get-stdin": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
- "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-plugin-jest": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2051,9 +1223,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-plugin-jsdoc": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "30.6.5",
- "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-30.6.5.tgz",
- "integrity": "sha512-obC3wi1/b5hsPLXa3ZDs571QXGqkVsphndMsIsVQzWRdZOaRbxdvGiKhLzzZytbRZAL1M1Bkdc/3Af7eNxJ/Hg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "30.7.7",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-30.7.7.tgz",
+ "integrity": "sha512-DmVMJC2AbpYX7X1KhnVT1a9ex1AUvG+q9G8i6hzjp3cpjW8vmKQTUmZnRS0//W+7HvMqeb+eXPANdCOzGVVZBQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "comment-parser": "^0.7.6",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2063,56 +1235,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "regextras": "^0.7.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "semver": "^7.3.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "spdx-expression-parse": "^3.0.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "debug": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
- "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
- "dev": true,
- "requires": {
- "ms": "2.1.2"
- }
- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "dev": true
- },
- "semver": {
- "version": "7.3.2",
- "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
- "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-plugin-jsx-a11y": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "6.3.1",
- "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.3.1.tgz",
- "integrity": "sha512-i1S+P+c3HOlBJzMFORRbC58tHa65Kbo8b52/TwCwSKLohwvpfT5rm2GjGWzOHTEuq4xxf2aRlHHTtmExDQOP+g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.4.1",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz",
+ "integrity": "sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@babel/runtime": "^7.10.2",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/runtime": "^7.11.2",
</ins><span class="cx" style="display: block; padding: 0 10px"> "aria-query": "^4.2.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "array-includes": "^3.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "ast-types-flow": "^0.0.7",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "axe-core": "^3.5.4",
- "axobject-query": "^2.1.2",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "axe-core": "^4.0.2",
+ "axobject-query": "^2.2.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "damerau-levenshtein": "^1.0.6",
</span><span class="cx" style="display: block; padding: 0 10px"> "emoji-regex": "^9.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "has": "^1.0.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "jsx-ast-utils": "^2.4.1",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "jsx-ast-utils": "^3.1.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "language-tags": "^1.0.5"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "emoji-regex": {
- "version": "9.1.1",
- "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.1.1.tgz",
- "integrity": "sha512-AaWyDiNO9rbtMIcGl7tdxMcNu8SOLaDLxmQEFT5JhgKufOJzPPkYmgN2QwqTgw4doWMZZQttC6sUWVQjb+1VdA==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-plugin-prettier": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2125,9 +1266,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-plugin-react": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.21.4",
- "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.21.4.tgz",
- "integrity": "sha512-uHeQ8A0hg0ltNDXFu3qSfFqTNPXm1XithH6/SY318UX76CMj7Q599qWpgmMhVQyvhq36pm7qvoN3pb6/3jsTFg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.21.5",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.21.5.tgz",
+ "integrity": "sha512-8MaEggC2et0wSF6bUeywF7qQ46ER81irOdWS4QWxnnlAEsnzeBevk1sWh7fhpCghPpXb+8Ks7hvaft6L/xsR6g==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "array-includes": "^3.1.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2139,14 +1280,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "object.fromentries": "^2.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "object.values": "^1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "prop-types": "^15.7.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "resolve": "^1.17.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "resolve": "^1.18.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.matchall": "^4.0.2"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-plugin-react-hooks": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "4.1.2",
- "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.1.2.tgz",
- "integrity": "sha512-ykUeqkGyUGgwTtk78C0o8UG2fzwmgJ0qxBGPp2WqRKsTwcLuVf01kTDRAtOsd4u6whX2XOC8749n2vPydP82fg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.2.0",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz",
+ "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint-scope": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2252,35 +1393,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "external-editor": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
- "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
- "dev": true,
- "requires": {
- "chardet": "^0.7.0",
- "iconv-lite": "^0.4.24",
- "tmp": "^0.0.33"
- }
- },
- "extract-zip": {
- "version": "1.7.0",
- "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
- "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
- "dev": true,
- "requires": {
- "concat-stream": "^1.6.2",
- "debug": "^2.6.9",
- "mkdirp": "^0.5.4",
- "yauzl": "^2.10.0"
- }
- },
- "extsprintf": {
- "version": "1.3.0",
- "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
- "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "fast-deep-equal": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.1.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2326,32 +1438,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "fastq": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.8.0",
- "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.8.0.tgz",
- "integrity": "sha512-SMIZoZdLh/fgofivvIkmknUXyPnvxRE3DhtZ5Me3Mrsk5gyPL42F0xr51TdRXskBxHfMp+07bcYzfsYEsSQA9Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.9.0",
+ "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.9.0.tgz",
+ "integrity": "sha512-i7FVWL8HhVY+CTkwFxkN2mk3h+787ixS5S63eb78diVRc1MCssarHq3W5cj0av7YDSwmaV928RNag+U1etRQ7w==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "reusify": "^1.0.4"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "fd-slicer": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
- "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=",
- "dev": true,
- "requires": {
- "pend": "~1.2.0"
- }
- },
- "figures": {
- "version": "3.2.0",
- "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
- "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
- "dev": true,
- "requires": {
- "escape-string-regexp": "^1.0.5"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "file-entry-cache": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "5.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2388,17 +1482,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "flatted": "^2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "rimraf": "2.6.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "write": "1.0.3"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "rimraf": {
- "version": "2.6.3",
- "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
- "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
- "dev": true,
- "requires": {
- "glob": "^7.1.3"
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "flatted": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2407,29 +1490,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "forever-agent": {
- "version": "0.6.1",
- "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
- "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
- "dev": true
- },
- "form-data": {
- "version": "2.3.3",
- "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
- "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
- "dev": true,
- "requires": {
- "asynckit": "^0.4.0",
- "combined-stream": "^1.0.6",
- "mime-types": "^2.1.12"
- }
- },
- "fs-constants": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
- "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "fs-extra": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "9.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2442,15 +1502,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "universalify": "^1.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "fs-minipass": {
- "version": "1.2.7",
- "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.7.tgz",
- "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==",
- "dev": true,
- "requires": {
- "minipass": "^2.6.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "fs.realpath": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2464,18 +1515,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "optional": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "fstream": {
- "version": "1.0.12",
- "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
- "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
- "dev": true,
- "requires": {
- "graceful-fs": "^4.1.2",
- "inherits": "~2.0.0",
- "mkdirp": ">=0.5 0",
- "rimraf": "2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "function-bind": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2488,72 +1527,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "gauge": {
- "version": "2.7.4",
- "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
- "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
- "dev": true,
- "requires": {
- "aproba": "^1.0.3",
- "console-control-strings": "^1.0.0",
- "has-unicode": "^2.0.0",
- "object-assign": "^4.1.0",
- "signal-exit": "^3.0.0",
- "string-width": "^1.0.1",
- "strip-ansi": "^3.0.1",
- "wide-align": "^1.1.0"
- },
- "dependencies": {
- "ansi-regex": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
- "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
- "dev": true
- },
- "is-fullwidth-code-point": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
- "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
- "dev": true,
- "requires": {
- "number-is-nan": "^1.0.0"
- }
- },
- "string-width": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
- "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
- "dev": true,
- "requires": {
- "code-point-at": "^1.0.0",
- "is-fullwidth-code-point": "^1.0.0",
- "strip-ansi": "^3.0.0"
- }
- },
- "strip-ansi": {
- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
- "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
- "dev": true,
- "requires": {
- "ansi-regex": "^2.0.0"
- }
- }
- }
- },
- "gaze": {
- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
- "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
- "dev": true,
- "requires": {
- "globule": "^1.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "gensync": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.0-beta.1",
- "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.1.tgz",
- "integrity": "sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.0.0-beta.2",
+ "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+ "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "get-caller-file": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2562,29 +1539,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "get-stdin": {
- "version": "4.0.1",
- "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
- "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
- "dev": true
- },
- "get-stream": {
- "version": "5.2.0",
- "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
- "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "get-intrinsic": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.0.1.tgz",
+ "integrity": "sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "pump": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "function-bind": "^1.1.1",
+ "has": "^1.0.3",
+ "has-symbols": "^1.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "getpass": {
- "version": "0.1.7",
- "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
- "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
- "dev": true,
- "requires": {
- "assert-plus": "^1.0.0"
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "get-stdin": {
+ "version": "6.0.0",
+ "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
+ "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
+ "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "glob": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "7.1.6",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2627,6 +1597,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "ini": "^1.3.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "kind-of": "^6.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "which": "^1.3.1"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "which": {
+ "version": "1.3.1",
+ "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+ "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+ "dev": true,
+ "requires": {
+ "isexe": "^2.0.0"
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "globals": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2636,14 +1617,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "type-fest": "^0.8.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "type-fest": {
- "version": "0.8.1",
- "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
- "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "globby": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2658,6 +1631,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "ignore": "^5.1.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "merge2": "^1.3.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "slash": "^3.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "ignore": {
+ "version": "5.1.8",
+ "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
+ "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "globjoin": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2666,17 +1647,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "globule": {
- "version": "1.3.2",
- "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
- "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
- "dev": true,
- "requires": {
- "glob": "~7.1.1",
- "lodash": "~4.17.10",
- "minimatch": "~3.0.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "gonzales-pe": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.3.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2686,29 +1656,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "minimist": "^1.2.5"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "got": {
- "version": "10.7.0",
- "resolved": "https://registry.npmjs.org/got/-/got-10.7.0.tgz",
- "integrity": "sha512-aWTDeNw9g+XqEZNcTjMMZSy7B7yE9toWOFYip7ofFTLleJhvZwUxxTxkTpKvF+p1SAA4VHmuEy7PiHTHyq8tJg==",
- "dev": true,
- "requires": {
- "@sindresorhus/is": "^2.0.0",
- "@szmarczak/http-timer": "^4.0.0",
- "@types/cacheable-request": "^6.0.1",
- "cacheable-lookup": "^2.0.0",
- "cacheable-request": "^7.0.1",
- "decompress-response": "^5.0.0",
- "duplexer3": "^0.1.4",
- "get-stream": "^5.0.0",
- "lowercase-keys": "^2.0.0",
- "mimic-response": "^2.1.0",
- "p-cancelable": "^2.0.0",
- "p-event": "^4.0.0",
- "responselike": "^2.0.0",
- "to-readable-stream": "^2.0.0",
- "type-fest": "^0.10.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "graceful-fs": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.2.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2715,22 +1662,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "har-schema": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
- "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
- "dev": true
- },
- "har-validator": {
- "version": "5.1.5",
- "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
- "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
- "dev": true,
- "requires": {
- "ajv": "^6.12.3",
- "har-schema": "^2.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "hard-rejection": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2746,23 +1677,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "function-bind": "^1.1.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "has-ansi": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
- "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
- "dev": true,
- "requires": {
- "ansi-regex": "^2.0.0"
- },
- "dependencies": {
- "ansi-regex": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
- "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
- "dev": true
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "has-flag": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2775,12 +1689,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "has-unicode": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
- "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "hosted-git-info": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.8.8",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2805,62 +1713,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "entities": "^1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "inherits": "^2.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "readable-stream": "^3.1.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "readable-stream": {
- "version": "3.6.0",
- "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
- "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
- "dev": true,
- "requires": {
- "inherits": "^2.0.3",
- "string_decoder": "^1.1.1",
- "util-deprecate": "^1.0.1"
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "http-cache-semantics": {
- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
- "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==",
- "dev": true
- },
- "http-signature": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
- "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
- "dev": true,
- "requires": {
- "assert-plus": "^1.0.0",
- "jsprim": "^1.2.2",
- "sshpk": "^1.7.0"
- }
- },
- "iconv-lite": {
- "version": "0.4.24",
- "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
- "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
- "dev": true,
- "requires": {
- "safer-buffer": ">= 2.1.2 < 3"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "ignore": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "5.1.8",
- "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
- "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.0.6",
+ "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+ "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ignore-walk": {
- "version": "3.0.3",
- "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.3.tgz",
- "integrity": "sha512-m7o6xuOaT1aqheYHKf8W6J5pYH85ZI9w077erOzLje3JsB1gkafkAhHHY19dqjulgIZHFm32Cp5uNZgcQqdJKw==",
- "dev": true,
- "requires": {
- "minimatch": "^3.0.4"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "import-cwd": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2871,13 +1731,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "import-fresh": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
- "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.2.tgz",
+ "integrity": "sha512-cTPNrlvJT6twpYy+YmKUKrTSjWFs3bjYjAhCwm+z4EOCubZxAuO+hHpRN64TqjEaYSHs7tJAE0w1CKMGmsG/lw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "caller-path": "^2.0.0",
- "resolve-from": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "parent-module": "^1.0.0",
+ "resolve-from": "^4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "import-from": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2887,6 +1747,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "resolve-from": "^3.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "resolve-from": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+ "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "import-lazy": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2901,21 +1769,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "in-publish": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.1.tgz",
- "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "indent-string": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+ "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "indent-string": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
- "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
- "dev": true,
- "requires": {
- "repeating": "^2.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "indexes-of": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2944,116 +1803,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "inquirer": {
- "version": "7.3.3",
- "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
- "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
- "dev": true,
- "requires": {
- "ansi-escapes": "^4.2.1",
- "chalk": "^4.1.0",
- "cli-cursor": "^3.1.0",
- "cli-width": "^3.0.0",
- "external-editor": "^3.0.3",
- "figures": "^3.0.0",
- "lodash": "^4.17.19",
- "mute-stream": "0.0.8",
- "run-async": "^2.4.0",
- "rxjs": "^6.6.0",
- "string-width": "^4.1.0",
- "strip-ansi": "^6.0.0",
- "through": "^2.3.6"
- },
- "dependencies": {
- "ansi-regex": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
- "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
- "dev": true
- },
- "ansi-styles": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
- "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
- "dev": true,
- "requires": {
- "color-convert": "^2.0.1"
- }
- },
- "chalk": {
- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
- "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
- "dev": true,
- "requires": {
- "ansi-styles": "^4.1.0",
- "supports-color": "^7.1.0"
- }
- },
- "color-convert": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
- "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
- "dev": true,
- "requires": {
- "color-name": "~1.1.4"
- }
- },
- "color-name": {
- "version": "1.1.4",
- "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
- "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
- "dev": true
- },
- "emoji-regex": {
- "version": "8.0.0",
- "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
- "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
- "dev": true
- },
- "has-flag": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
- "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
- "dev": true
- },
- "is-fullwidth-code-point": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
- "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
- "dev": true
- },
- "string-width": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
- "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
- "dev": true,
- "requires": {
- "emoji-regex": "^8.0.0",
- "is-fullwidth-code-point": "^3.0.0",
- "strip-ansi": "^6.0.0"
- }
- },
- "strip-ansi": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
- "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
- "dev": true,
- "requires": {
- "ansi-regex": "^5.0.0"
- }
- },
- "supports-color": {
- "version": "7.2.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
- "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
- "dev": true,
- "requires": {
- "has-flag": "^4.0.0"
- }
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "internal-slot": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3103,17 +1852,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "is-buffer": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.4",
- "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz",
- "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.0.5",
+ "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+ "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "is-callable": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz",
- "integrity": "sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz",
+ "integrity": "sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "is-core-module": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.1.0.tgz",
+ "integrity": "sha512-YcV7BgVMRFRua2FqQzKtTDMz8iCuLEyGKjr70q8Zm1yy2qKcurbFEd79PAdHV77oL3NrAaOVQIbMmiHQCHB7ZA==",
+ "dev": true,
+ "requires": {
+ "has": "^1.0.3"
+ }
+ },
</ins><span class="cx" style="display: block; padding: 0 10px"> "is-date-object": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3138,12 +1896,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "is-finite": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
- "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "is-fullwidth-code-point": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3165,12 +1917,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "is-interactive": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
- "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "is-negative-zero": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3225,12 +1971,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "is-utf8": {
- "version": "0.2.1",
- "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
- "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "is-whitespace-character": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3243,12 +1983,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "isarray": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
- "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "isexe": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3255,18 +1989,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "isstream": {
- "version": "0.1.2",
- "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
- "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
- "dev": true
- },
- "js-base64": {
- "version": "2.6.4",
- "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
- "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "js-tokens": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3283,12 +2005,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "esprima": "^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "jsbn": {
- "version": "0.1.1",
- "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
- "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "jsdoctypeparser": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "9.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/jsdoctypeparser/-/jsdoctypeparser-9.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3301,12 +2017,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "json-buffer": {
- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
- "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "json-parse-better-errors": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3319,12 +2029,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "json-schema": {
- "version": "0.2.3",
- "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
- "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "json-schema-traverse": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.4.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3337,12 +2041,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "json-stringify-safe": {
- "version": "5.0.1",
- "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
- "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "json5": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3353,46 +2051,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "jsonfile": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "6.0.1",
- "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.0.1.tgz",
- "integrity": "sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.1.0",
+ "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+ "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "graceful-fs": "^4.1.6",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "universalify": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "universalify": "^2.0.0"
+ },
+ "dependencies": {
+ "universalify": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+ "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "jsprim": {
- "version": "1.4.1",
- "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
- "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
- "dev": true,
- "requires": {
- "assert-plus": "1.0.0",
- "extsprintf": "1.3.0",
- "json-schema": "0.2.3",
- "verror": "1.10.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "jsx-ast-utils": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.4.1",
- "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-2.4.1.tgz",
- "integrity": "sha512-z1xSldJ6imESSzOjd3NNkieVJKRlKYSOtMG8SFyCj2FIrvSaSuli/WjpBkEzCBoR9bYYYFgqJw61Xhu7Lcgk+w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.1.0.tgz",
+ "integrity": "sha512-d4/UOjg+mxAWxCiF0c5UTSwyqbchkbqCvK87aBovhnh8GtysTjWmgC63tY0cJx/HzGgm9qnA147jVBdpOiQ2RA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "array-includes": "^3.1.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "object.assign": "^4.1.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "object.assign": "^4.1.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "keyv": {
- "version": "4.0.3",
- "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.0.3.tgz",
- "integrity": "sha512-zdGa2TOpSZPq5mU6iowDARnMBZgtCqJ11dJROFi6tg6kTn4nuUdU09lFyLFSaHrWqpIJ+EBq4E8/Dc0Vx5vLdA==",
- "dev": true,
- "requires": {
- "json-buffer": "3.0.1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "kind-of": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "6.0.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3406,9 +2091,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "language-subtag-registry": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "0.3.20",
- "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.20.tgz",
- "integrity": "sha512-KPMwROklF4tEx283Xw0pNKtfTj1gZ4UByp4EsIFWLgBavJltF4TiYPc39k06zSTsLzxTVXXDSpbwaQXaFB4Qeg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "0.3.21",
+ "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+ "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "language-tags": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3437,16 +2122,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "load-json-file": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
- "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+ "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "graceful-fs": "^4.1.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "parse-json": "^2.2.0",
- "pify": "^2.0.0",
- "pinkie-promise": "^2.0.0",
- "strip-bom": "^2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "parse-json": "^4.0.0",
+ "pify": "^3.0.0",
+ "strip-bom": "^3.0.0"
+ },
+ "dependencies": {
+ "parse-json": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+ "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+ "dev": true,
+ "requires": {
+ "error-ex": "^1.3.1",
+ "json-parse-better-errors": "^1.0.1"
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "locate-path": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3501,36 +2197,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "js-tokens": "^3.0.0 || ^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "loud-rejection": {
- "version": "1.6.0",
- "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
- "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
- "dev": true,
- "requires": {
- "currently-unhandled": "^0.4.1",
- "signal-exit": "^3.0.0"
- }
- },
- "lowercase-keys": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
- "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
- "dev": true
- },
- "lru-cache": {
- "version": "4.1.5",
- "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
- "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
- "dev": true,
- "requires": {
- "pseudomap": "^1.0.2",
- "yallist": "^2.1.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "map-obj": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
- "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz",
+ "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "markdown-escapes": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3570,21 +2240,40 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "meow": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.7.0",
- "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
- "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.1.1",
+ "resolved": "https://registry.npmjs.org/meow/-/meow-7.1.1.tgz",
+ "integrity": "sha512-GWHvA5QOcS412WCo8vwKDlTelGLsCGBVevQB5Kva961rmNfun0PCbv5+xta2kUMFJyR8/oWnn7ddeKdosbAPbA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "camelcase-keys": "^2.0.0",
- "decamelize": "^1.1.2",
- "loud-rejection": "^1.0.0",
- "map-obj": "^1.0.1",
- "minimist": "^1.1.3",
- "normalize-package-data": "^2.3.4",
- "object-assign": "^4.0.1",
- "read-pkg-up": "^1.0.1",
- "redent": "^1.0.0",
- "trim-newlines": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@types/minimist": "^1.2.0",
+ "camelcase-keys": "^6.2.2",
+ "decamelize-keys": "^1.1.0",
+ "hard-rejection": "^2.1.0",
+ "minimist-options": "4.1.0",
+ "normalize-package-data": "^2.5.0",
+ "read-pkg-up": "^7.0.1",
+ "redent": "^3.0.0",
+ "trim-newlines": "^3.0.0",
+ "type-fest": "^0.13.1",
+ "yargs-parser": "^18.1.3"
+ },
+ "dependencies": {
+ "type-fest": {
+ "version": "0.13.1",
+ "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+ "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+ "dev": true
+ },
+ "yargs-parser": {
+ "version": "18.1.3",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+ "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^5.0.0",
+ "decamelize": "^1.2.0"
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "merge2": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3603,33 +2292,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "picomatch": "^2.0.5"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "mime-db": {
- "version": "1.44.0",
- "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
- "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==",
- "dev": true
- },
- "mime-types": {
- "version": "2.1.27",
- "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
- "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
- "dev": true,
- "requires": {
- "mime-db": "1.44.0"
- }
- },
- "mimic-fn": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
- "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
- "dev": true
- },
- "mimic-response": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz",
- "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "min-indent": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3670,33 +2332,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "minipass": {
- "version": "2.9.0",
- "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
- "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
- "dev": true,
- "requires": {
- "safe-buffer": "^5.1.2",
- "yallist": "^3.0.0"
- },
- "dependencies": {
- "yallist": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
- "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
- "dev": true
- }
- }
- },
- "minizlib": {
- "version": "1.3.3",
- "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz",
- "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==",
- "dev": true,
- "requires": {
- "minipass": "^2.9.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "mkdirp": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.5.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3707,23 +2342,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "ms": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
- "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "mute-stream": {
- "version": "0.0.8",
- "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
- "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
- "dev": true
- },
- "nan": {
- "version": "2.14.1",
- "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
- "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "natural-compare": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.4.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3730,34 +2353,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "needle": {
- "version": "2.5.2",
- "resolved": "https://registry.npmjs.org/needle/-/needle-2.5.2.tgz",
- "integrity": "sha512-LbRIwS9BfkPvNwNHlsA41Q29kL2L/6VaOJ0qisM5lLWsTV3nP15abO5ITL6L81zqFhzjRKDAYjpcBcwM0AVvLQ==",
- "dev": true,
- "requires": {
- "debug": "^3.2.6",
- "iconv-lite": "^0.4.4",
- "sax": "^1.2.4"
- },
- "dependencies": {
- "debug": {
- "version": "3.2.6",
- "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
- "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
- "dev": true,
- "requires": {
- "ms": "^2.1.1"
- }
- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "dev": true
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "nice-try": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3764,268 +2359,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "node-gyp": {
- "version": "3.8.0",
- "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz",
- "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==",
- "dev": true,
- "requires": {
- "fstream": "^1.0.0",
- "glob": "^7.0.3",
- "graceful-fs": "^4.1.2",
- "mkdirp": "^0.5.0",
- "nopt": "2 || 3",
- "npmlog": "0 || 1 || 2 || 3 || 4",
- "osenv": "0",
- "request": "^2.87.0",
- "rimraf": "2",
- "semver": "~5.3.0",
- "tar": "^2.0.0",
- "which": "1"
- },
- "dependencies": {
- "semver": {
- "version": "5.3.0",
- "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
- "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
- "dev": true
- }
- }
- },
- "node-pre-gyp": {
- "version": "0.13.0",
- "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.13.0.tgz",
- "integrity": "sha512-Md1D3xnEne8b/HGVQkZZwV27WUi1ZRuZBij24TNaZwUPU3ZAFtvT6xxJGaUVillfmMKnn5oD1HoGsp2Ftik7SQ==",
- "dev": true,
- "requires": {
- "detect-libc": "^1.0.2",
- "mkdirp": "^0.5.1",
- "needle": "^2.2.1",
- "nopt": "^4.0.1",
- "npm-packlist": "^1.1.6",
- "npmlog": "^4.0.2",
- "rc": "^1.2.7",
- "rimraf": "^2.6.1",
- "semver": "^5.3.0",
- "tar": "^4"
- },
- "dependencies": {
- "nopt": {
- "version": "4.0.3",
- "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.3.tgz",
- "integrity": "sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==",
- "dev": true,
- "requires": {
- "abbrev": "1",
- "osenv": "^0.1.4"
- }
- },
- "tar": {
- "version": "4.4.13",
- "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
- "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
- "dev": true,
- "requires": {
- "chownr": "^1.1.1",
- "fs-minipass": "^1.2.5",
- "minipass": "^2.8.6",
- "minizlib": "^1.2.1",
- "mkdirp": "^0.5.0",
- "safe-buffer": "^5.1.2",
- "yallist": "^3.0.3"
- }
- },
- "yallist": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
- "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
- "dev": true
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "node-releases": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.60",
- "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.60.tgz",
- "integrity": "sha512-gsO4vjEdQaTusZAEebUWp2a5d7dF5DYoIpDG7WySnk7BuZDW+GPpHXoXXuYawRBr/9t5q54tirPz79kFIWg4dA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.1.66",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.66.tgz",
+ "integrity": "sha512-JHEQ1iWPGK+38VLB2H9ef2otU4l8s3yAMt9Xf934r6+ojCYDMHPMqvCc9TnzfeFSP1QEOeU6YZEd3+De0LTCgg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "node-sass": {
- "version": "4.14.1",
- "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz",
- "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==",
- "dev": true,
- "requires": {
- "async-foreach": "^0.1.3",
- "chalk": "^1.1.1",
- "cross-spawn": "^3.0.0",
- "gaze": "^1.0.0",
- "get-stdin": "^4.0.1",
- "glob": "^7.0.3",
- "in-publish": "^2.0.0",
- "lodash": "^4.17.15",
- "meow": "^3.7.0",
- "mkdirp": "^0.5.1",
- "nan": "^2.13.2",
- "node-gyp": "^3.8.0",
- "npmlog": "^4.0.0",
- "request": "^2.88.0",
- "sass-graph": "2.2.5",
- "stdout-stream": "^1.4.0",
- "true-case-path": "^1.0.2"
- },
- "dependencies": {
- "ansi-regex": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
- "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
- "dev": true
- },
- "ansi-styles": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
- "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
- "dev": true
- },
- "chalk": {
- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
- "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
- "dev": true,
- "requires": {
- "ansi-styles": "^2.2.1",
- "escape-string-regexp": "^1.0.2",
- "has-ansi": "^2.0.0",
- "strip-ansi": "^3.0.0",
- "supports-color": "^2.0.0"
- }
- },
- "strip-ansi": {
- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
- "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
- "dev": true,
- "requires": {
- "ansi-regex": "^2.0.0"
- }
- },
- "supports-color": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
- "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
- "dev": true
- }
- }
- },
- "nodegit": {
- "version": "0.26.5",
- "resolved": "https://registry.npmjs.org/nodegit/-/nodegit-0.26.5.tgz",
- "integrity": "sha512-l9l2zhcJ0V7FYzPdXIsuJcXN8UnLuhQgM+377HJfCYE/eupL/OWtMVvUOq42F9dRsgC3bAYH9j2Xbwr0lpYVZQ==",
- "dev": true,
- "requires": {
- "fs-extra": "^7.0.0",
- "json5": "^2.1.0",
- "lodash": "^4.17.14",
- "nan": "^2.14.0",
- "node-gyp": "^4.0.0",
- "node-pre-gyp": "^0.13.0",
- "promisify-node": "~0.3.0",
- "ramda": "^0.25.0",
- "request-promise-native": "^1.0.5",
- "tar-fs": "^1.16.3"
- },
- "dependencies": {
- "fs-extra": {
- "version": "7.0.1",
- "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
- "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
- "dev": true,
- "requires": {
- "graceful-fs": "^4.1.2",
- "jsonfile": "^4.0.0",
- "universalify": "^0.1.0"
- }
- },
- "jsonfile": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
- "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
- "dev": true,
- "requires": {
- "graceful-fs": "^4.1.6"
- }
- },
- "node-gyp": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-4.0.0.tgz",
- "integrity": "sha512-2XiryJ8sICNo6ej8d0idXDEMKfVfFK7kekGCtJAuelGsYHQxhj13KTf95swTCN2dZ/4lTfZ84Fu31jqJEEgjWA==",
- "dev": true,
- "requires": {
- "glob": "^7.0.3",
- "graceful-fs": "^4.1.2",
- "mkdirp": "^0.5.0",
- "nopt": "2 || 3",
- "npmlog": "0 || 1 || 2 || 3 || 4",
- "osenv": "0",
- "request": "^2.87.0",
- "rimraf": "2",
- "semver": "~5.3.0",
- "tar": "^4.4.8",
- "which": "1"
- }
- },
- "semver": {
- "version": "5.3.0",
- "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
- "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
- "dev": true
- },
- "tar": {
- "version": "4.4.13",
- "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
- "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
- "dev": true,
- "requires": {
- "chownr": "^1.1.1",
- "fs-minipass": "^1.2.5",
- "minipass": "^2.8.6",
- "minizlib": "^1.2.1",
- "mkdirp": "^0.5.0",
- "safe-buffer": "^5.1.2",
- "yallist": "^3.0.3"
- }
- },
- "universalify": {
- "version": "0.1.2",
- "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
- "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
- "dev": true
- },
- "yallist": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
- "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
- "dev": true
- }
- }
- },
- "nodegit-promise": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/nodegit-promise/-/nodegit-promise-4.0.0.tgz",
- "integrity": "sha1-VyKxhPLfcycWEGSnkdLoQskWezQ=",
- "dev": true,
- "requires": {
- "asap": "~2.0.3"
- }
- },
- "nopt": {
- "version": "3.0.6",
- "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
- "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
- "dev": true,
- "requires": {
- "abbrev": "1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "normalize-package-data": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.5.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4036,6 +2375,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "resolve": "^1.10.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "semver": "2 || 3 || 4 || 5",
</span><span class="cx" style="display: block; padding: 0 10px"> "validate-npm-package-license": "^3.0.1"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "normalize-path": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4056,38 +2403,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "normalize-url": {
- "version": "4.5.0",
- "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.0.tgz",
- "integrity": "sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==",
- "dev": true
- },
- "npm-bundled": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.1.1.tgz",
- "integrity": "sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==",
- "dev": true,
- "requires": {
- "npm-normalize-package-bin": "^1.0.1"
- }
- },
- "npm-normalize-package-bin": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz",
- "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==",
- "dev": true
- },
- "npm-packlist": {
- "version": "1.4.8",
- "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.8.tgz",
- "integrity": "sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==",
- "dev": true,
- "requires": {
- "ignore-walk": "^3.0.1",
- "npm-bundled": "^1.0.1",
- "npm-normalize-package-bin": "^1.0.1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "npm-run-all": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.1.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4118,74 +2433,44 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "which": "^1.2.9"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "load-json-file": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
- "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
- "dev": true,
- "requires": {
- "graceful-fs": "^4.1.2",
- "parse-json": "^4.0.0",
- "pify": "^3.0.0",
- "strip-bom": "^3.0.0"
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "path-key": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+ "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+ "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "parse-json": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
- "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
- "dev": true,
- "requires": {
- "error-ex": "^1.3.1",
- "json-parse-better-errors": "^1.0.1"
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "path-type": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
- "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "shebang-command": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+ "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "pify": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "shebang-regex": "^1.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "pify": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
- "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "shebang-regex": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+ "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "read-pkg": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
- "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "which": {
+ "version": "1.3.1",
+ "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+ "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "load-json-file": "^4.0.0",
- "normalize-package-data": "^2.3.2",
- "path-type": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "isexe": "^2.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "strip-bom": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
- "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
- "dev": true
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "npmlog": {
- "version": "4.1.2",
- "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
- "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
- "dev": true,
- "requires": {
- "are-we-there-yet": "~1.1.2",
- "console-control-strings": "~1.1.0",
- "gauge": "~2.7.3",
- "set-blocking": "~2.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "num2fraction": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.2.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4192,18 +2477,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "number-is-nan": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
- "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
- "dev": true
- },
- "oauth-sign": {
- "version": "0.9.0",
- "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
- "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "object-assign": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4223,15 +2496,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "object.assign": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz",
- "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
+ "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "define-properties": "^1.1.2",
- "function-bind": "^1.1.1",
- "has-symbols": "^1.0.0",
- "object-keys": "^1.0.11"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "call-bind": "^1.0.0",
+ "define-properties": "^1.1.3",
+ "has-symbols": "^1.0.1",
+ "object-keys": "^1.1.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "object.entries": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4278,15 +2551,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "wrappy": "1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "onetime": {
- "version": "5.1.2",
- "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
- "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
- "dev": true,
- "requires": {
- "mimic-fn": "^2.1.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "optionator": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.9.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4301,192 +2565,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "word-wrap": "^1.2.3"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ora": {
- "version": "4.1.1",
- "resolved": "https://registry.npmjs.org/ora/-/ora-4.1.1.tgz",
- "integrity": "sha512-sjYP8QyVWBpBZWD6Vr1M/KwknSw6kJOz41tvGMlwWeClHBtYKTbHMki1PsLZnxKpXMPbTKv9b3pjQu3REib96A==",
- "dev": true,
- "requires": {
- "chalk": "^3.0.0",
- "cli-cursor": "^3.1.0",
- "cli-spinners": "^2.2.0",
- "is-interactive": "^1.0.0",
- "log-symbols": "^3.0.0",
- "mute-stream": "0.0.8",
- "strip-ansi": "^6.0.0",
- "wcwidth": "^1.0.1"
- },
- "dependencies": {
- "ansi-regex": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
- "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
- "dev": true
- },
- "ansi-styles": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
- "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
- "dev": true,
- "requires": {
- "color-convert": "^2.0.1"
- }
- },
- "chalk": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
- "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
- "dev": true,
- "requires": {
- "ansi-styles": "^4.1.0",
- "supports-color": "^7.1.0"
- }
- },
- "color-convert": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
- "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
- "dev": true,
- "requires": {
- "color-name": "~1.1.4"
- }
- },
- "color-name": {
- "version": "1.1.4",
- "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
- "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
- "dev": true
- },
- "has-flag": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
- "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
- "dev": true
- },
- "log-symbols": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-3.0.0.tgz",
- "integrity": "sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==",
- "dev": true,
- "requires": {
- "chalk": "^2.4.2"
- },
- "dependencies": {
- "ansi-styles": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
- "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
- "dev": true,
- "requires": {
- "color-convert": "^1.9.0"
- }
- },
- "chalk": {
- "version": "2.4.2",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
- "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
- "dev": true,
- "requires": {
- "ansi-styles": "^3.2.1",
- "escape-string-regexp": "^1.0.5",
- "supports-color": "^5.3.0"
- }
- },
- "color-convert": {
- "version": "1.9.3",
- "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
- "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
- "dev": true,
- "requires": {
- "color-name": "1.1.3"
- }
- },
- "color-name": {
- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
- "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
- "dev": true
- },
- "has-flag": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
- "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
- "dev": true
- },
- "supports-color": {
- "version": "5.5.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
- "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
- "dev": true,
- "requires": {
- "has-flag": "^3.0.0"
- }
- }
- }
- },
- "strip-ansi": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
- "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
- "dev": true,
- "requires": {
- "ansi-regex": "^5.0.0"
- }
- },
- "supports-color": {
- "version": "7.2.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
- "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
- "dev": true,
- "requires": {
- "has-flag": "^4.0.0"
- }
- }
- }
- },
- "os-homedir": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
- "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
- "dev": true
- },
- "os-tmpdir": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
- "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
- "dev": true
- },
- "osenv": {
- "version": "0.1.5",
- "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
- "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
- "dev": true,
- "requires": {
- "os-homedir": "^1.0.0",
- "os-tmpdir": "^1.0.0"
- }
- },
- "p-cancelable": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.0.0.tgz",
- "integrity": "sha512-wvPXDmbMmu2ksjkB4Z3nZWTSkJEb9lqVdMaCKpZUGJG9TMiNp9XcbG3fn9fPKjem04fJMJnXoyFPk2FmgiaiNg==",
- "dev": true
- },
- "p-event": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/p-event/-/p-event-4.2.0.tgz",
- "integrity": "sha512-KXatOjCRXXkSePPb1Nbi0p0m+gQAwdlbhi4wQKJPI1HsMQS9g+Sqp2o+QHziPr7eYJyOZet836KoHEVM1mwOrQ==",
- "dev": true,
- "requires": {
- "p-timeout": "^3.1.0"
- }
- },
- "p-finally": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
- "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "p-limit": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.3.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4505,15 +2583,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "p-limit": "^2.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "p-timeout": {
- "version": "3.2.0",
- "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
- "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
- "dev": true,
- "requires": {
- "p-finally": "^1.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "p-try": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.2.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4527,14 +2596,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "callsites": "^3.0.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "dependencies": {
- "callsites": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
- "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
- "dev": true
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "parse-entities": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4552,12 +2613,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "parse-json": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.2.0",
- "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
- "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
+ "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "error-ex": "^1.2.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@babel/code-frame": "^7.0.0",
+ "error-ex": "^1.3.1",
+ "json-parse-even-better-errors": "^2.3.0",
+ "lines-and-columns": "^1.1.6"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "path-exists": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4573,9 +2637,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "path-key": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
- "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+ "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "path-parse": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4585,28 +2649,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "path-type": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
- "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
- "dev": true,
- "requires": {
- "graceful-fs": "^4.1.2",
- "pify": "^2.0.0",
- "pinkie-promise": "^2.0.0"
- }
- },
- "pend": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
- "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+ "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "performance-now": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
- "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "picomatch": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.2.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4620,35 +2667,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "pify": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.3.0",
- "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
- "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+ "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "pinkie": {
- "version": "2.0.4",
- "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
- "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
- "dev": true
- },
- "pinkie-promise": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
- "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
- "dev": true,
- "requires": {
- "pinkie": "^2.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "postcss": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "7.0.32",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
- "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.0.35",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+ "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "chalk": "^2.4.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "source-map": "^0.6.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "supports-color": "^6.1.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "6.1.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-calc": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4689,12 +2738,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "ansi-styles": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "4.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
- "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@types/color-name": "^1.1.1",
</del><span class="cx" style="display: block; padding: 0 10px"> "color-convert": "^2.0.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4886,14 +2934,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "supports-color": "^5.4.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "supports-color": {
- "version": "5.5.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
- "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
- "dev": true,
- "requires": {
- "has-flag": "^3.0.0"
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4934,13 +2979,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-load-config": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.0.tgz",
- "integrity": "sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+ "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "cosmiconfig": "^5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "import-cwd": "^2.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "cosmiconfig": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+ "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+ "dev": true,
+ "requires": {
+ "import-fresh": "^2.0.0",
+ "is-directory": "^0.3.1",
+ "js-yaml": "^3.13.1",
+ "parse-json": "^4.0.0"
+ }
+ },
+ "import-fresh": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+ "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
+ "dev": true,
+ "requires": {
+ "caller-path": "^2.0.0",
+ "resolve-from": "^3.0.0"
+ }
+ },
+ "parse-json": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+ "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+ "dev": true,
+ "requires": {
+ "error-ex": "^1.3.1",
+ "json-parse-better-errors": "^1.0.1"
+ }
+ },
+ "resolve-from": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+ "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-media-query-parser": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5006,14 +3091,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-selector-parser": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "6.0.2",
- "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz",
- "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.0.4",
+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
+ "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "cssesc": "^3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "indexes-of": "^1.0.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "uniq": "^1.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "uniq": "^1.0.1",
+ "util-deprecate": "^1.0.2"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-syntax": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5034,6 +3120,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "prettier": {
+ "version": "npm:wp-prettier@2.0.5",
+ "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz",
+ "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==",
+ "dev": true
+ },
</ins><span class="cx" style="display: block; padding: 0 10px"> "prettier-linter-helpers": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5049,12 +3141,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "process-nextick-args": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
- "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "progress": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5061,15 +3147,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "promisify-node": {
- "version": "0.3.0",
- "resolved": "https://registry.npmjs.org/promisify-node/-/promisify-node-0.3.0.tgz",
- "integrity": "sha1-tLVaz5D6p9K4uQyjlomQhsAwYM8=",
- "dev": true,
- "requires": {
- "nodegit-promise": "~4.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "prop-types": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "15.7.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5081,28 +3158,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "react-is": "^16.8.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "pseudomap": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
- "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
- "dev": true
- },
- "psl": {
- "version": "1.8.0",
- "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
- "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
- "dev": true
- },
- "pump": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
- "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
- "dev": true,
- "requires": {
- "end-of-stream": "^1.1.0",
- "once": "^1.3.1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "punycode": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5109,12 +3164,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "qs": {
- "version": "6.5.2",
- "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
- "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "quick-lru": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5121,24 +3170,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ramda": {
- "version": "0.25.0",
- "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.25.0.tgz",
- "integrity": "sha512-GXpfrYVPwx3K7RQ6aYT8KPS8XViSXUVJT1ONhoKPE9VAleW42YE+U+8VEyGWt41EnEQW7gwecYJriTI0pKoecQ==",
- "dev": true
- },
- "rc": {
- "version": "1.2.8",
- "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
- "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
- "dev": true,
- "requires": {
- "deep-extend": "^0.6.0",
- "ini": "~1.3.0",
- "minimist": "^1.2.0",
- "strip-json-comments": "~2.0.1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "react-is": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "16.13.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5152,69 +3183,120 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "pify": "^2.3.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "read-pkg": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
- "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+ "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "load-json-file": "^1.0.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "load-json-file": "^4.0.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "normalize-package-data": "^2.3.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "path-type": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "path-type": "^3.0.0"
+ },
+ "dependencies": {
+ "path-type": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+ "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+ "dev": true,
+ "requires": {
+ "pify": "^3.0.0"
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "read-pkg-up": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
- "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+ "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "find-up": "^1.0.0",
- "read-pkg": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "find-up": "^4.1.0",
+ "read-pkg": "^5.2.0",
+ "type-fest": "^0.8.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "dependencies": {
</span><span class="cx" style="display: block; padding: 0 10px"> "find-up": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.2",
- "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
- "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+ "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "path-exists": "^2.0.0",
- "pinkie-promise": "^2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "locate-path": "^5.0.0",
+ "path-exists": "^4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "locate-path": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+ "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+ "dev": true,
+ "requires": {
+ "p-locate": "^4.1.0"
+ }
+ },
+ "p-locate": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+ "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+ "dev": true,
+ "requires": {
+ "p-limit": "^2.2.0"
+ }
+ },
</ins><span class="cx" style="display: block; padding: 0 10px"> "path-exists": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
- "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+ "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+ "dev": true
+ },
+ "read-pkg": {
+ "version": "5.2.0",
+ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+ "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "pinkie-promise": "^2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@types/normalize-package-data": "^2.4.0",
+ "normalize-package-data": "^2.5.0",
+ "parse-json": "^5.0.0",
+ "type-fest": "^0.6.0"
+ },
+ "dependencies": {
+ "type-fest": {
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+ "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "readable-stream": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.3.7",
- "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
- "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+ "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "core-util-is": "~1.0.0",
- "inherits": "~2.0.3",
- "isarray": "~1.0.0",
- "process-nextick-args": "~2.0.0",
- "safe-buffer": "~5.1.1",
- "string_decoder": "~1.1.1",
- "util-deprecate": "~1.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "readdirp": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.4.0",
- "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
- "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.5.0",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
+ "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "picomatch": "^2.2.1"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5221,13 +3303,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "redent": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
- "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+ "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "indent-string": "^2.1.0",
- "strip-indent": "^1.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "indent-string": "^4.0.0",
+ "strip-indent": "^3.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "regenerator-runtime": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5321,15 +3403,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "repeating": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
- "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
- "dev": true,
- "requires": {
- "is-finite": "^1.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "replace-ext": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5336,54 +3409,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "request": {
- "version": "2.88.2",
- "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
- "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
- "dev": true,
- "requires": {
- "aws-sign2": "~0.7.0",
- "aws4": "^1.8.0",
- "caseless": "~0.12.0",
- "combined-stream": "~1.0.6",
- "extend": "~3.0.2",
- "forever-agent": "~0.6.1",
- "form-data": "~2.3.2",
- "har-validator": "~5.1.3",
- "http-signature": "~1.2.0",
- "is-typedarray": "~1.0.0",
- "isstream": "~0.1.2",
- "json-stringify-safe": "~5.0.1",
- "mime-types": "~2.1.19",
- "oauth-sign": "~0.9.0",
- "performance-now": "^2.1.0",
- "qs": "~6.5.2",
- "safe-buffer": "^5.1.2",
- "tough-cookie": "~2.5.0",
- "tunnel-agent": "^0.6.0",
- "uuid": "^3.3.2"
- }
- },
- "request-promise-core": {
- "version": "1.1.4",
- "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz",
- "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==",
- "dev": true,
- "requires": {
- "lodash": "^4.17.19"
- }
- },
- "request-promise-native": {
- "version": "1.0.9",
- "resolved": "https://registry.npmjs.org/request-promise-native/-/request-promise-native-1.0.9.tgz",
- "integrity": "sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==",
- "dev": true,
- "requires": {
- "request-promise-core": "1.1.4",
- "stealthy-require": "^1.1.1",
- "tough-cookie": "^2.3.3"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "require-directory": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5403,39 +3428,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "resolve": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.17.0",
- "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
- "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.19.0",
+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
+ "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "is-core-module": "^2.1.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "path-parse": "^1.0.6"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "resolve-from": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
- "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+ "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "responselike": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.0.tgz",
- "integrity": "sha512-xH48u3FTB9VsZw7R+vvgaKeLKzT6jOogbQhEe/jewwnZgzPcnyWui2Av6JpoYZF/91uueC+lqhWqeURw5/qhCw==",
- "dev": true,
- "requires": {
- "lowercase-keys": "^2.0.0"
- }
- },
- "restore-cursor": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
- "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
- "dev": true,
- "requires": {
- "onetime": "^5.1.0",
- "signal-exit": "^3.0.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "reusify": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5443,9 +3450,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "rimraf": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.7.1",
- "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
- "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.6.3",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+ "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "glob": "^7.1.3"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5475,38 +3482,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "supports-color": "^5.4.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "supports-color": {
- "version": "5.5.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
- "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
- "dev": true,
- "requires": {
- "has-flag": "^3.0.0"
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "strip-json-comments": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+ "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+ "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "run-async": {
- "version": "2.4.1",
- "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
- "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "run-parallel": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.9",
- "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.9.tgz",
- "integrity": "sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.1.10",
+ "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.10.tgz",
+ "integrity": "sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "rxjs": {
- "version": "6.6.3",
- "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.3.tgz",
- "integrity": "sha512-trsQc+xYYXZ3urjOiJOuCOa5N3jAZ3eiSpQB5hIT8zGlL2QfnHLJ2r7GMkBGuIausdJN1OneaI6gQlsqNHHmZQ==",
- "dev": true,
- "requires": {
- "tslib": "^1.9.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "safe-buffer": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "5.1.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5513,55 +3508,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "safer-buffer": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
- "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
- "dev": true
- },
- "sass-graph": {
- "version": "2.2.5",
- "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz",
- "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "sass": {
+ "version": "1.29.0",
+ "resolved": "https://registry.npmjs.org/sass/-/sass-1.29.0.tgz",
+ "integrity": "sha512-ZpwAUFgnvAUCdkjwPREny+17BpUj8nh5Yr6zKPGtLNTLrmtoRYIjm7njP24COhjJldjwW1dcv52Lpf4tNZVVRA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "glob": "^7.0.0",
- "lodash": "^4.0.0",
- "scss-tokenizer": "^0.2.3",
- "yargs": "^13.3.2"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "chokidar": ">=2.0.0 <4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "sax": {
- "version": "1.2.4",
- "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
- "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
- "dev": true
- },
- "scss-tokenizer": {
- "version": "0.2.3",
- "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
- "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
- "dev": true,
- "requires": {
- "js-base64": "^2.1.8",
- "source-map": "^0.4.2"
- },
- "dependencies": {
- "source-map": {
- "version": "0.4.4",
- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
- "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
- "dev": true,
- "requires": {
- "amdefine": ">=0.0.4"
- }
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "semver": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "5.7.1",
- "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
- "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "7.3.2",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
+ "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "set-blocking": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5571,18 +3530,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "shebang-command": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
- "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+ "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "shebang-regex": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "shebang-regex": "^3.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "shebang-regex": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
- "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+ "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "shell-quote": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5620,24 +3579,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.trimend": "^1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.trimstart": "^1.0.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "is-callable": {
- "version": "1.2.2",
- "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz",
- "integrity": "sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==",
- "dev": true
- },
- "object.assign": {
- "version": "4.1.1",
- "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.1.tgz",
- "integrity": "sha512-VT/cxmx5yaoHSOTSyrCygIDFco+RsibY2NM0a4RdEeY/4KgqezwFtK1yr3U67xYhqJSlASm2pKhLVzPj2lr4bA==",
- "dev": true,
- "requires": {
- "define-properties": "^1.1.3",
- "es-abstract": "^1.18.0-next.0",
- "has-symbols": "^1.0.1",
- "object-keys": "^1.1.1"
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5665,9 +3606,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "source-map": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "0.6.1",
- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
- "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+ "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "spdx-correct": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5697,9 +3638,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "spdx-license-ids": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.0.5",
- "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz",
- "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.6",
+ "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.6.tgz",
+ "integrity": "sha512-+orQK83kyMva3WyPf59k1+Y525csj5JejicWut55zeTWANuN17qSiSLUXWtzHeNWORSvT7GLDJ/E/XiIWoXBTw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "specificity": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5714,23 +3655,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "sshpk": {
- "version": "1.16.1",
- "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
- "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
- "dev": true,
- "requires": {
- "asn1": "~0.2.3",
- "assert-plus": "^1.0.0",
- "bcrypt-pbkdf": "^1.0.0",
- "dashdash": "^1.12.0",
- "ecc-jsbn": "~0.1.1",
- "getpass": "^0.1.1",
- "jsbn": "~0.1.0",
- "safer-buffer": "^2.0.2",
- "tweetnacl": "~0.14.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "state-toggle": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/state-toggle/-/state-toggle-1.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5737,21 +3661,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "stdout-stream": {
- "version": "1.4.1",
- "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz",
- "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==",
- "dev": true,
- "requires": {
- "readable-stream": "^2.0.1"
- }
- },
- "stealthy-require": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz",
- "integrity": "sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "string-width": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5761,6 +3670,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "emoji-regex": "^7.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "is-fullwidth-code-point": "^2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "strip-ansi": "^5.1.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "dependencies": {
+ "emoji-regex": {
+ "version": "7.0.3",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+ "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.matchall": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5788,45 +3705,95 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.trimend": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz",
- "integrity": "sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.2.tgz",
+ "integrity": "sha512-8oAG/hi14Z4nOVP0z6mdiVZ/wqjDtWSLygMigTzAb+7aPEDTleeFf+WrF+alzecxIRkckkJVn+dTlwzJXORATw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "define-properties": "^1.1.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "es-abstract": "^1.17.5"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "es-abstract": "^1.18.0-next.1"
+ },
+ "dependencies": {
+ "es-abstract": {
+ "version": "1.18.0-next.1",
+ "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz",
+ "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==",
+ "dev": true,
+ "requires": {
+ "es-to-primitive": "^1.2.1",
+ "function-bind": "^1.1.1",
+ "has": "^1.0.3",
+ "has-symbols": "^1.0.1",
+ "is-callable": "^1.2.2",
+ "is-negative-zero": "^2.0.0",
+ "is-regex": "^1.1.1",
+ "object-inspect": "^1.8.0",
+ "object-keys": "^1.1.1",
+ "object.assign": "^4.1.1",
+ "string.prototype.trimend": "^1.0.1",
+ "string.prototype.trimstart": "^1.0.1"
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.trimstart": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz",
- "integrity": "sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.2.tgz",
+ "integrity": "sha512-7F6CdBTl5zyu30BJFdzSTlSlLPwODC23Od+iLoVH8X6+3fvDPPuBVVj9iaB1GOsSTSIgVfsfm27R2FGrAPznWg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "define-properties": "^1.1.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "es-abstract": "^1.17.5"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "es-abstract": "^1.18.0-next.1"
+ },
+ "dependencies": {
+ "es-abstract": {
+ "version": "1.18.0-next.1",
+ "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz",
+ "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==",
+ "dev": true,
+ "requires": {
+ "es-to-primitive": "^1.2.1",
+ "function-bind": "^1.1.1",
+ "has": "^1.0.3",
+ "has-symbols": "^1.0.1",
+ "is-callable": "^1.2.2",
+ "is-negative-zero": "^2.0.0",
+ "is-regex": "^1.1.1",
+ "object-inspect": "^1.8.0",
+ "object-keys": "^1.1.1",
+ "object.assign": "^4.1.1",
+ "string.prototype.trimend": "^1.0.1",
+ "string.prototype.trimstart": "^1.0.1"
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "string_decoder": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
- "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+ "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "safe-buffer": "~5.1.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "safe-buffer": "~5.2.0"
+ },
+ "dependencies": {
+ "safe-buffer": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+ "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+ "dev": true
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "stringify-entities": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-3.0.1.tgz",
- "integrity": "sha512-Lsk3ISA2++eJYqBMPKcr/8eby1I6L0gP0NlxF8Zja6c05yr/yCYyb2c9PwXjd08Ib3If1vn1rbs1H5ZtVuOfvQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-3.1.0.tgz",
+ "integrity": "sha512-3FP+jGMmMV/ffZs86MoghGqAoqXAdxLrJP4GUdrDN1aIScYih5tuIO3eF4To5AJZ79KDZ8Fpdy7QJnK8SsL1Vg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "character-entities-html4": "^1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "character-entities-legacy": "^1.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "is-alphanumerical": "^1.0.0",
- "is-decimal": "^1.0.2",
- "is-hexadecimal": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "xtend": "^4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "strip-ansi": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5839,27 +3806,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "strip-bom": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
- "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
- "dev": true,
- "requires": {
- "is-utf8": "^0.2.0"
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+ "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+ "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "strip-indent": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
- "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+ "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "get-stdin": "^4.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "min-indent": "^1.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "strip-json-comments": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
- "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+ "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "style-search": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5945,17 +3909,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "camelcase-keys": {
- "version": "6.2.2",
- "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
- "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
- "dev": true,
- "requires": {
- "camelcase": "^5.3.1",
- "map-obj": "^4.0.0",
- "quick-lru": "^4.0.1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "chalk": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5981,28 +3934,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "cosmiconfig": {
- "version": "7.0.0",
- "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
- "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
- "dev": true,
- "requires": {
- "@types/parse-json": "^4.0.0",
- "import-fresh": "^3.2.1",
- "parse-json": "^5.0.0",
- "path-type": "^4.0.0",
- "yaml": "^1.10.0"
- }
- },
- "debug": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
- "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
- "dev": true,
- "requires": {
- "ms": "2.1.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "emoji-regex": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "8.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6009,16 +3940,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "find-up": {
- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
- "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
- "dev": true,
- "requires": {
- "locate-path": "^5.0.0",
- "path-exists": "^4.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "get-stdin": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "8.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6031,28 +3952,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "import-fresh": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
- "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
- "dev": true,
- "requires": {
- "parent-module": "^1.0.0",
- "resolve-from": "^4.0.0"
- },
- "dependencies": {
- "resolve-from": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
- "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
- "dev": true
- }
- }
- },
- "indent-string": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
- "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "ignore": {
+ "version": "5.1.8",
+ "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
+ "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "is-fullwidth-code-point": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6061,15 +3964,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "locate-path": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
- "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
- "dev": true,
- "requires": {
- "p-locate": "^4.1.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "log-symbols": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6079,119 +3973,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "chalk": "^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "map-obj": {
- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz",
- "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==",
- "dev": true
- },
- "meow": {
- "version": "7.1.1",
- "resolved": "https://registry.npmjs.org/meow/-/meow-7.1.1.tgz",
- "integrity": "sha512-GWHvA5QOcS412WCo8vwKDlTelGLsCGBVevQB5Kva961rmNfun0PCbv5+xta2kUMFJyR8/oWnn7ddeKdosbAPbA==",
- "dev": true,
- "requires": {
- "@types/minimist": "^1.2.0",
- "camelcase-keys": "^6.2.2",
- "decamelize-keys": "^1.1.0",
- "hard-rejection": "^2.1.0",
- "minimist-options": "4.1.0",
- "normalize-package-data": "^2.5.0",
- "read-pkg-up": "^7.0.1",
- "redent": "^3.0.0",
- "trim-newlines": "^3.0.0",
- "type-fest": "^0.13.1",
- "yargs-parser": "^18.1.3"
- }
- },
- "ms": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
- "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "dev": true
- },
- "p-locate": {
- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
- "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
- "dev": true,
- "requires": {
- "p-limit": "^2.2.0"
- }
- },
- "parse-json": {
- "version": "5.1.0",
- "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
- "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
- "dev": true,
- "requires": {
- "@babel/code-frame": "^7.0.0",
- "error-ex": "^1.3.1",
- "json-parse-even-better-errors": "^2.3.0",
- "lines-and-columns": "^1.1.6"
- }
- },
- "path-exists": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
- "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
- "dev": true
- },
- "path-type": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
- "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
- "dev": true
- },
- "read-pkg": {
- "version": "5.2.0",
- "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
- "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
- "dev": true,
- "requires": {
- "@types/normalize-package-data": "^2.4.0",
- "normalize-package-data": "^2.5.0",
- "parse-json": "^5.0.0",
- "type-fest": "^0.6.0"
- },
- "dependencies": {
- "type-fest": {
- "version": "0.6.0",
- "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
- "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
- "dev": true
- }
- }
- },
- "read-pkg-up": {
- "version": "7.0.1",
- "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
- "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
- "dev": true,
- "requires": {
- "find-up": "^4.1.0",
- "read-pkg": "^5.2.0",
- "type-fest": "^0.8.1"
- },
- "dependencies": {
- "type-fest": {
- "version": "0.8.1",
- "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
- "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
- "dev": true
- }
- }
- },
- "redent": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
- "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
- "dev": true,
- "requires": {
- "indent-string": "^4.0.0",
- "strip-indent": "^3.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "resolve-from": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6229,15 +4010,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "ansi-regex": "^5.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "strip-indent": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
- "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
- "dev": true,
- "requires": {
- "min-indent": "^1.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "supports-color": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "7.2.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6258,28 +4030,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "slice-ansi": "^4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "string-width": "^4.2.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "trim-newlines": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz",
- "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==",
- "dev": true
- },
- "type-fest": {
- "version": "0.13.1",
- "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
- "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
- "dev": true
- },
- "yargs-parser": {
- "version": "18.1.3",
- "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
- "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
- "dev": true,
- "requires": {
- "camelcase": "^5.0.0",
- "decamelize": "^1.2.0"
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6332,41 +4082,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "supports-color": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "6.1.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
- "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "has-flag": "^3.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "supports-hyperlinks": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.1.0.tgz",
- "integrity": "sha512-zoE5/e+dnEijk6ASB6/qrK+oYdm2do1hjoLWrqUC/8WEIW1gbxFcKuBof7sW8ArN6e+AYvsE8HBGiVRWL/F5CA==",
- "dev": true,
- "requires": {
- "has-flag": "^4.0.0",
- "supports-color": "^7.0.0"
- },
- "dependencies": {
- "has-flag": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
- "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
- "dev": true
- },
- "supports-color": {
- "version": "7.2.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
- "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
- "dev": true,
- "requires": {
- "has-flag": "^4.0.0"
- }
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "svg-tags": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6385,66 +4108,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "string-width": "^3.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "tar": {
- "version": "2.2.2",
- "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz",
- "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==",
- "dev": true,
- "requires": {
- "block-stream": "*",
- "fstream": "^1.0.12",
- "inherits": "2"
- }
- },
- "tar-fs": {
- "version": "1.16.3",
- "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-1.16.3.tgz",
- "integrity": "sha512-NvCeXpYx7OsmOh8zIOP/ebG55zZmxLE0etfWRbWok+q2Qo8x/vOR/IJT1taADXPe+jsiu9axDb3X4B+iIgNlKw==",
- "dev": true,
- "requires": {
- "chownr": "^1.0.1",
- "mkdirp": "^0.5.1",
- "pump": "^1.0.0",
- "tar-stream": "^1.1.2"
- },
- "dependencies": {
- "pump": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/pump/-/pump-1.0.3.tgz",
- "integrity": "sha512-8k0JupWme55+9tCVE+FS5ULT3K6AbgqrGa58lTT49RpyfwwcGedHqaC5LlQNdEAumn/wFsu6aPwkuPMioy8kqw==",
- "dev": true,
- "requires": {
- "end-of-stream": "^1.1.0",
- "once": "^1.3.1"
- }
- }
- }
- },
- "tar-stream": {
- "version": "1.6.2",
- "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-1.6.2.tgz",
- "integrity": "sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==",
- "dev": true,
- "requires": {
- "bl": "^1.0.0",
- "buffer-alloc": "^1.2.0",
- "end-of-stream": "^1.0.0",
- "fs-constants": "^1.0.0",
- "readable-stream": "^2.3.0",
- "to-buffer": "^1.1.1",
- "xtend": "^4.0.0"
- }
- },
- "terminal-link": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
- "integrity": "sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==",
- "dev": true,
- "requires": {
- "ansi-escapes": "^4.2.1",
- "supports-hyperlinks": "^2.0.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "text-table": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.2.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6451,27 +4114,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "through": {
- "version": "2.3.8",
- "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
- "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
- "dev": true
- },
- "tmp": {
- "version": "0.0.33",
- "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
- "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
- "dev": true,
- "requires": {
- "os-tmpdir": "~1.0.2"
- }
- },
- "to-buffer": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/to-buffer/-/to-buffer-1.1.1.tgz",
- "integrity": "sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "to-fast-properties": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6478,12 +4120,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "to-readable-stream": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-2.1.0.tgz",
- "integrity": "sha512-o3Qa6DGg1CEXshSdvWNX2sN4QHqg03SPq7U6jPXRahlQdl5dK8oXjkU/2/sGrnOZKeGV1zLSO8qPwyKklPPE7w==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "to-regex-range": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "5.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6493,16 +4129,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "is-number": "^7.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "tough-cookie": {
- "version": "2.5.0",
- "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
- "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
- "dev": true,
- "requires": {
- "psl": "^1.1.28",
- "punycode": "^2.1.1"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "trim": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/trim/-/trim-0.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6510,15 +4136,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "trim-newlines": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
- "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz",
+ "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "trim-trailing-lines": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.3.tgz",
- "integrity": "sha512-4ku0mmjXifQcTVfYDfR5lpgV7zVqPg6zV9rdZmwOPqq0+Zq19xDqEgagqVbc4pOOShbncuAOIs59R3+3gcF3ZA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.4.tgz",
+ "integrity": "sha512-rjUWSqnfTNrjbB9NQWfPMH/xRK1deHeGsHoVfpxJ++XeYXE0d6B1En37AHfw3jtfTU7dzMzZL2jjpe8Qb5gLIQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "trough": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6527,15 +4153,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "true-case-path": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz",
- "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==",
- "dev": true,
- "requires": {
- "glob": "^7.1.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "tslib": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.14.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6551,21 +4168,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "tslib": "^1.8.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "tunnel-agent": {
- "version": "0.6.0",
- "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
- "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
- "dev": true,
- "requires": {
- "safe-buffer": "^5.0.1"
- }
- },
- "tweetnacl": {
- "version": "0.14.5",
- "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
- "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "type-check": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.4.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6576,17 +4178,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "type-fest": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "0.10.0",
- "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.10.0.tgz",
- "integrity": "sha512-EUV9jo4sffrwlg8s0zDhP0T2WD3pru5Xi0+HTE3zTUmBaZNhfkite9PdSJwdXLwPVW0jnAHT56pZHIOYckPEiw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "0.8.1",
+ "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+ "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "typedarray": {
- "version": "0.0.6",
- "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
- "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "typedarray-to-buffer": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.1.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6627,9 +4223,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "unist-util-find-all-after": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.1.tgz",
- "integrity": "sha512-0GICgc++sRJesLwEYDjFVJPJttBpVQaTNgc6Jw0Jhzvfs+jtKePEMu+uD+PqkRUrAvGQqwhpDwLGWo1PK8PDEw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz",
+ "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "unist-util-is": "^4.0.0"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6636,9 +4232,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "unist-util-is": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "4.0.2",
- "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.2.tgz",
- "integrity": "sha512-Ofx8uf6haexJwI1gxWMGg6I/dLnF2yE+KibhD3/diOqY2TinLcqHXCV6OI5gFVn3xQqDH+u0M625pfKwIwgBKQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.3.tgz",
+ "integrity": "sha512-bTofCFVx0iQM8Jqb1TBDVRIQW03YkD3p66JOd/aCWuqzlLyUtx1ZAGw/u+Zw+SttKvSVcvTiKYbfrtLoLefykw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "unist-util-remove-position": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6671,9 +4267,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "unist-util-visit-parents": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.0.tgz",
- "integrity": "sha512-0g4wbluTF93npyPrp/ymd3tCDTMnP0yo2akFD2FIBAYXq/Sga3lwaU1D8OYKbtpioaI6CkDcQ6fsMnmtzt7htw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
+ "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@types/unist": "^2.0.0",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6701,16 +4297,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "uuid": {
- "version": "3.4.0",
- "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
- "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "v8-compile-cache": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz",
- "integrity": "sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz",
+ "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "validate-npm-package-license": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6723,17 +4313,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "spdx-expression-parse": "^3.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "verror": {
- "version": "1.10.0",
- "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
- "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
- "dev": true,
- "requires": {
- "assert-plus": "^1.0.0",
- "core-util-is": "1.0.2",
- "extsprintf": "^1.2.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "vfile": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.2.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6748,9 +4327,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "vfile-location": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-3.1.0.tgz",
- "integrity": "sha512-FCZ4AN9xMcjFIG1oGmZKo61PjwJHRVA+0/tPUP2ul4uIwjGGndIxavEMRpWn5p4xwm/ZsdXp9YNygf1ZyE4x8g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-3.2.0.tgz",
+ "integrity": "sha512-aLEIZKv/oxuCDZ8lkJGhuhztf/BW4M+iHdCwglA/eWc+vtuRFJj8EtgceYFX4LRjOhCAAiNHsKGssC6onJ+jbA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "vfile-message": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6763,19 +4342,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "unist-util-stringify-position": "^2.0.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "wcwidth": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
- "integrity": "sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=",
- "dev": true,
- "requires": {
- "defaults": "^1.0.3"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "which": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.3.1",
- "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
- "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+ "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "isexe": "^2.0.0"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6787,42 +4357,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "wide-align": {
- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
- "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
- "dev": true,
- "requires": {
- "string-width": "^1.0.2 || 2"
- },
- "dependencies": {
- "ansi-regex": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
- "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
- "dev": true
- },
- "string-width": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
- "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
- "dev": true,
- "requires": {
- "is-fullwidth-code-point": "^2.0.0",
- "strip-ansi": "^4.0.0"
- }
- },
- "strip-ansi": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
- "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
- "dev": true,
- "requires": {
- "ansi-regex": "^3.0.0"
- }
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "word-wrap": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.2.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6879,12 +4413,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "yallist": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
- "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "yaml": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.10.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6918,16 +4446,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "camelcase": "^5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "decamelize": "^1.2.0"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- },
- "yauzl": {
- "version": "2.10.0",
- "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
- "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=",
- "dev": true,
- "requires": {
- "buffer-crc32": "~0.2.3",
- "fd-slicer": "~1.1.0"
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonepackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/package.json 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/package.json 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,13 +14,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "homepage": "https://github.com/wordpress/twentytwentyone",
</span><span class="cx" style="display: block; padding: 0 10px"> "devDependencies": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@wordpress/browserslist-config": "^2.2.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@wordpress/env": "^2.1.0",
</del><span class="cx" style="display: block; padding: 0 10px"> "@wordpress/eslint-plugin": "^7.3.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "autoprefixer": "^9.5.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "chokidar-cli": "^2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "eslint": "^7.11.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "minimist": "^1.2.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "node-sass": "^4.13.1",
</del><span class="cx" style="display: block; padding: 0 10px"> "npm-run-all": "^4.1.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-calc": "^7.0.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-cli": "^7.1.0",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,6 +27,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-focus-within": "^3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-nested": "^4.2.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "rtlcss": "^2.6.1",
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "sass": "^1.28.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "stylelint": "^13.7.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "stylelint-config-recommended-scss": "^4.2.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "stylelint-config-wordpress": "^17.0.0"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,19 +50,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ],
</span><span class="cx" style="display: block; padding: 0 10px"> "scripts": {
</span><span class="cx" style="display: block; padding: 0 10px"> "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "build:style": "node-sass assets/sass/style.scss style.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
- "build:style-editor": "node-sass assets/sass/style-editor.scss assets/css/style-editor.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
- "build:style-dark-mode": "node-sass assets/sass/style-dark-mode.scss assets/css/style-dark-mode.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
- "build:rtl": "rtlcss style.css style-rtl.css style-dark-mode.css",
- "build:print": "node-sass assets/sass/07-utilities/print.scss assets/css/print.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "build:style": "sass assets/sass/style.scss:style.css --style=expanded --source-map",
+ "build:style-editor": "sass assets/sass/style-editor.scss:assets/css/style-editor.css --style=expanded --source-map",
+ "build:style-dark-mode": "sass assets/sass/style-dark-mode.scss:assets/css/style-dark-mode.css --style=expanded --source-map",
+ "build:rtl": "rtlcss style.css style-rtl.css style-dark-mode.css style-dark-mode-rtl.css",
+ "build:dark-rtl": "rtlcss assets/css/style-dark-mode.css assets/css/style-dark-mode-rtl.css",
+ "build:print": "sass assets/sass/07-utilities/print.scss:assets/css/print.css --style=expanded --source-map",
</ins><span class="cx" style="display: block; padding: 0 10px"> "build:ie": "postcss style.css -o assets/css/ie.css",
</span><span class="cx" style="display: block; padding: 0 10px"> "build:ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css",
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "build:stylelint": "stylelint **/*.css --fix --config .stylelintrc-css.json",
</ins><span class="cx" style="display: block; padding: 0 10px"> "build": "run-s \"build:*\"",
</span><span class="cx" style="display: block; padding: 0 10px"> "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
</span><span class="cx" style="display: block; padding: 0 10px"> "lint:scss": "stylelint **/*.scss",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "lint:js": "eslint assets/js",
- "lint-fix:scss": "stylelint **/*.scss --fix",
- "lint-fix:js": "eslint assets/js --fix",
- "wp-env": "wp-env"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "lint-fix:scss": "stylelint **/*.scss --fix"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonereadmetxt"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/readme.txt</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/readme.txt 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/readme.txt 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,6 +22,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 4. Go to INSERT ABOUT PAGE for a guide on how to customize this theme.
</span><span class="cx" style="display: block; padding: 0 10px"> 5. Navigate to Appearance > Customize in your admin panel and customize to taste.
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+== Privacy ==
+Twenty Twenty-One uses LocalStorage to save the setting when Dark Mode support is turned on or off.
+LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button.
+No data is saved in the database or transferred.
+
</ins><span class="cx" style="display: block; padding: 0 10px"> == Changelog ==
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> == Copyright ==
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonesinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/single.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/single.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,7 +17,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_template_part( 'template-parts/content/content-single' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( is_singular( 'attachment' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( is_attachment() ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // Parent post navigation.
</span><span class="cx" style="display: block; padding: 0 10px"> the_post_navigation(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,18 +32,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> comments_template();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( is_singular( 'post' ) ) {
- // Previous/next post navigation.
- $twentytwentyone_next = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' );
- $twentytwentyone_prev = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' );
- the_post_navigation(
- array(
- 'next_text' => '<p class="meta-nav">' . esc_html__( 'Next Post', 'twentytwentyone' ) . $twentytwentyone_next . '</p><p class="post-title">%title</p>',
- 'prev_text' => '<p class="meta-nav">' . $twentytwentyone_prev . esc_html__( 'Previous Post', 'twentytwentyone' ) . '</p><p class="post-title">%title</p>',
- )
- );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Previous/next post navigation.
+ $twentytwentyone_next = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' );
+ $twentytwentyone_prev = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' );
+
+ $twentytwentyone_post_type = get_post_type_object( get_post_type() );
+ $twentytwentyone_post_type_name = '';
+ if (
+ is_object( $twentytwentyone_post_type ) &&
+ property_exists( $twentytwentyone_post_type, 'labels' ) &&
+ is_object( $twentytwentyone_post_type->labels ) &&
+ property_exists( $twentytwentyone_post_type->labels, 'singular_name' )
+ ) {
+ $twentytwentyone_post_type_name = $twentytwentyone_post_type->labels->singular_name;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: The post-type singlular name (example: Post, Page etc) */
+ $twentytwentyone_next_label = sprintf( esc_html__( 'Next %s', 'twentytwentyone' ), $twentytwentyone_post_type_name );
+ /* translators: %s: The post-type singlular name (example: Post, Page etc) */
+ $twentytwentyone_previous_label = sprintf( esc_html__( 'Previous %s', 'twentytwentyone' ), $twentytwentyone_post_type_name );
+
+ the_post_navigation(
+ array(
+ 'next_text' => '<p class="meta-nav">' . $twentytwentyone_next_label . $twentytwentyone_next . '</p><p class="post-title">%title</p>',
+ 'prev_text' => '<p class="meta-nav">' . $twentytwentyone_prev . $twentytwentyone_previous_label . '</p><p class="post-title">%title</p>',
+ )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px"> endwhile; // End of the loop.
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonestylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/style-rtl.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/style-rtl.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> Theme Name: Twenty Twenty-One
</span><span class="cx" style="display: block; padding: 0 10px"> Theme URI: https://wordpress.org/themes/twentytwentyone/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,6 +18,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One is distributed under the terms of the GNU GPL.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * SETTINGS
</span><span class="cx" style="display: block; padding: 0 10px"> * File-header..........The file header for the themes style.css file.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,12 +94,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Editor Font Sizes....Editor Font Sizes.
</span><span class="cx" style="display: block; padding: 0 10px"> * Measure..............The width of a line of text, in characters.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Categories 01 to 03 are the basics. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Family */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Size */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-base: 1.25rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xs: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -109,10 +115,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xxxl: 5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-page-title: var(--global--font-size-xxl);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--letter-spacing: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Line Height */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-body: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-heading: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-page-title: 1.1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-size-h6: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,6 +144,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight-page-title: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Latest posts */
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--title-font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--title-font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -143,6 +152,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--description-font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> --list--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --definition-term--font-family: var(--global--font-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Colors */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-black: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-dark-gray: #28303d;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -158,21 +168,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-white-50: rgba(255, 255, 255, 0.5);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-white-90: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-primary: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Body text color, site title, footer text color. */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-secondary: var(--global--color-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-primary-hover: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-background: var(--global--color-green);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Mint, default body background */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-border: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Spacing */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-unit: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-measure: unset;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-horizontal: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-vertical: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Elevation */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Forms */
</span><span class="cx" style="display: block; padding: 0 10px"> --form--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --form--font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,10 +201,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --form--border-width: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> --form--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Cover block */
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--height: calc(15 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--color-foreground: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--color-background: var(--global--color-black);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Buttons */
</span><span class="cx" style="display: block; padding: 0 10px"> --button--color-text: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> --button--color-text-hover: var(--global--color-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -202,6 +221,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --button--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> --button--padding-vertical: 15px;
</span><span class="cx" style="display: block; padding: 0 10px"> --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* entry */
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-header--color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-header--color-link: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -211,6 +231,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-content--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-author-bio--font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-author-bio--font-size: var(--heading--font-size-h4);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Header */
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -227,6 +248,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-height: 100px;
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-width-mobile: 96px;
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-height-mobile: 96px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Main navigation */
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--font-family-mobile: var(--global--font-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -244,6 +266,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--border-color: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Pagination */
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--color-link-hover: var(--global--color-primary-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -251,6 +274,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Footer */
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -257,6 +281,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-link-hover: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--font-size: var(--global--font-size-sm);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Pull quote */
</span><span class="cx" style="display: block; padding: 0 10px"> --pullquote--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --pullquote--font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -271,8 +296,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-size: var(--global--font-size-md);
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-size-large: var(--global--font-size-xl);
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --quote--font-weight: normal;
- --quote--font-weight-strong: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --quote--font-weight: 700;
+ --quote--font-weight-strong: bolder;
</ins><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style-large: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style-cite: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--line-height: var(--global--line-height-body);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -279,15 +304,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--line-height-large: 1.35;
</span><span class="cx" style="display: block; padding: 0 10px"> --separator--border-color: var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px"> --separator--height: 1px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Table */
</span><span class="cx" style="display: block; padding: 0 10px"> --table--stripes-border-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> --table--stripes-background-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> --table--has-background-text-color: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--line-height-list: 1.9;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--line-height-title: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--font-weight-title: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Admin-bar height */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -295,8 +323,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 46px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,6 +331,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 652px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xl: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xxl: 6rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -313,8 +342,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Correct the line height in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Prevent adjustments of font size after orientation changes in iOS.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -321,13 +352,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-text-size-adjust: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Sections
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the margin in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -353,6 +387,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Grouping content
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Add the correct box sizing in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Show the overflow in Edge and IE.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -359,10 +394,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -372,13 +410,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> pre {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text-level semantics
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the gray background on active links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -393,10 +434,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> abbr[title] {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-style: dotted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -416,8 +460,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> kbd,
</span><span class="cx" style="display: block; padding: 0 10px"> samp {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -450,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Embedded content
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the border on images inside links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -459,6 +506,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Forms
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Change the font styles in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Remove the margin in Firefox and Safari.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -469,12 +517,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,6 +536,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> input {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -494,6 +547,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -502,9 +556,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Correct the inability to style clickable types in iOS and Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"],
-[type="reset"],
-[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button],
+[type=reset],
+[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -512,9 +566,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the inner border and padding in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button::-moz-focus-inner,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -523,9 +577,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Restore the focus styles unset by the previous rule.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button:-moz-focusring,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: 1px dotted ButtonText;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -544,16 +598,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> legend {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 3 */
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -575,11 +635,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Add the correct box sizing in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Remove the padding in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="checkbox"],
-[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=checkbox],
+[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -586,8 +648,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Correct the cursor style of increment and decrement buttons in Chrome.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -595,10 +657,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Correct the odd appearance in Chrome and Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Correct the outline style in Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: textfield;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -605,7 +669,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the inner padding in Chrome and Safari on macOS.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"]::-webkit-search-decoration {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search]::-webkit-search-decoration {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -615,13 +679,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> ::-webkit-file-upload-button {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Interactive
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Add the correct display in Edge, IE 10+, and Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -638,6 +705,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Misc
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add the correct display in IE 10+.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -655,9 +723,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -671,6 +741,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -678,8 +749,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -689,21 +760,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Extends
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.default-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-thumbnail,
+.entry-content .wp-audio-shortcode,
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+.default-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wide-max-width, .alignwide, .site-header, .site-footer, .post-navigation, .pagination,
-.comments-pagination, .widget-area {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area,
+.pagination,
+.comments-pagination,
+.post-navigation,
+.site-footer,
+.site-header,
+.alignwide,
+.wide-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignwide-width);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignfull,
+.wp-block-group .wp-block-group__inner-container > *.alignfull,
+.full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px"> width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -711,7 +793,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .full-max-width, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .alignfull,
+ .full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -719,8 +803,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide, .entry-header .post-thumbnail,
-.singular .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header .post-thumbnail,
+.singular .post-thumbnail,
+.alignfull [class*=inner-container] > .alignwide,
+.alignwide [class*=inner-container] > .alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> width: var(--responsive--alignwide-width);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -728,13 +814,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--responsive--alignleft-margin);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--responsive--alignright-margin);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -749,6 +836,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - `--global--width-content` is a responsive veriable
</span><span class="cx" style="display: block; padding: 0 10px"> * - See: globals/_global-width-responsive.scss
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Top Level Wrappers (header, main, footer)
</span><span class="cx" style="display: block; padding: 0 10px"> * - Set vertical padding and horizontal margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -767,8 +855,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(0.75 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(3 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -794,12 +882,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the default maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the wide maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the full maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Block & non-gutenberg content wrappers
</span><span class="cx" style="display: block; padding: 0 10px"> * - Set margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -822,17 +913,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- [class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -842,7 +933,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:first-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:first-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:first-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -850,7 +941,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:last-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:last-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:last-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -860,8 +951,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-footer > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -903,16 +994,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - Adds special margin overrides for alignment utility classes
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Reset alignleft and alignright margins after alignfull */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignleft, .entry-content > *.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignleft,
+.entry-content > *.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignleft:first-child + *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignright:first-child + *,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:last-child,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -960,6 +1055,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Apply border-box across the entire page. */
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--global--font-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -969,7 +1065,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Relax the definition a bit, to allow components to override it manually.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-*, *::before, *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*,
+*::before,
+*::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1036,7 +1134,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1048,11 +1146,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: var(--global--letter-spacing);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p, blockquote.alignright p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
+blockquote.alignright p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--heading--font-size-h5);
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1059,7 +1159,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignleft cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft footer, blockquote.alignright cite,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: var(--global--letter-spacing);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1066,15 +1167,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- position: absolute;
- right: calc(-0.5 * var(--global--spacing-horizontal));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote .wp-block-quote__citation,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1084,30 +1183,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style-cite);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="password"],
-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text],
+input[type=email],
+input[type=url],
+input[type=password],
+input[type=search],
+input[type=number],
+input[type=tel],
+input[type=date],
+input[type=month],
+input[type=week],
+input[type=time],
+input[type=datetime],
+input[type=datetime-local],
+input[type=color],
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: var(--form--border-radius);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1117,20 +1217,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="number"]:focus,
-input[type="tel"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="week"]:focus,
-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="color"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=number]:focus,
+input[type=tel]:focus,
+input[type=date]:focus,
+input[type=month]:focus,
+input[type=week]:focus,
+input[type=time]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=color]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1137,57 +1237,57 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:disabled,
-input[type="email"]:disabled,
-input[type="url"]:disabled,
-input[type="password"]:disabled,
-input[type="search"]:disabled,
-input[type="number"]:disabled,
-input[type="tel"]:disabled,
-input[type="date"]:disabled,
-input[type="month"]:disabled,
-input[type="week"]:disabled,
-input[type="time"]:disabled,
-input[type="datetime"]:disabled,
-input[type="datetime-local"]:disabled,
-input[type="color"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:disabled,
+input[type=email]:disabled,
+input[type=url]:disabled,
+input[type=password]:disabled,
+input[type=search]:disabled,
+input[type=number]:disabled,
+input[type=tel]:disabled,
+input[type=date]:disabled,
+input[type=month]:disabled,
+input[type=week]:disabled,
+input[type=time]:disabled,
+input[type=datetime]:disabled,
+input[type=datetime-local]:disabled,
+input[type=color]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:disabled {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="text"], .has-background-dark
-input[type="email"], .has-background-dark
-input[type="url"], .has-background-dark
-input[type="password"], .has-background-dark
-input[type="search"], .has-background-dark
-input[type="number"], .has-background-dark
-input[type="tel"], .has-background-dark
-input[type="date"], .has-background-dark
-input[type="month"], .has-background-dark
-input[type="week"], .has-background-dark
-input[type="time"], .has-background-dark
-input[type="datetime"], .has-background-dark
-input[type="datetime-local"], .has-background-dark
-input[type="color"], .has-background-dark
-.site textarea {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=text],
+.is-dark-theme input[type=email],
+.is-dark-theme input[type=url],
+.is-dark-theme input[type=password],
+.is-dark-theme input[type=search],
+.is-dark-theme input[type=number],
+.is-dark-theme input[type=tel],
+.is-dark-theme input[type=date],
+.is-dark-theme input[type=month],
+.is-dark-theme input[type=week],
+.is-dark-theme input[type=time],
+.is-dark-theme input[type=datetime],
+.is-dark-theme input[type=datetime-local],
+.is-dark-theme input[type=color],
+.is-dark-theme .site textarea {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="color"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=color] {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: calc(var(--form--spacing-unit) / 2);
</span><span class="cx" style="display: block; padding: 0 10px"> height: calc(4 * var(--form--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="email"],
-input[type="url"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=email],
+input[type=url] {
</ins><span class="cx" style="display: block; padding: 0 10px"> direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1199,9 +1299,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--form--spacing-unit) var(--form--spacing-unit) var(--form--spacing-unit) calc(3 * var(--form--spacing-unit));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-disable */
</del><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px"> background-position: left var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1210,10 +1308,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark select {
- /* stylelint-disable */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme select {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px"> background-position: left var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1233,8 +1329,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> License: MIT.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"],
- input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox],
+ input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1243,19 +1340,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:disabled,
- input[type="radio"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:disabled,
+ input[type=radio]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .has-background-dark input[type="checkbox"], .has-background-dark
- input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .is-dark-theme input[type=checkbox],
+ .is-dark-theme input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1269,20 +1370,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(-30deg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1294,20 +1400,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 4px solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="checkbox"] + label,
-input[type="radio"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=checkbox] + label,
+input[type=radio] + label {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1318,10 +1427,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Hides the slider so that custom slider can be made */
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Specific width is required for Firefox. */
</span><span class="cx" style="display: block; padding: 0 10px"> height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-ranged);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1328,10 +1440,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]::-webkit-slider-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]::-webkit-slider-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1340,7 +1454,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]::-moz-range-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]::-moz-range-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1350,7 +1465,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-track {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-track {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1361,17 +1476,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-upper {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-upper {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-lower {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-lower {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1390,20 +1505,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input:not([type="submit"]) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input:not([type=submit]) {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"], fieldset input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio],
+fieldset input[type=checkbox] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"] + label,
-fieldset input[type="checkbox"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio] + label,
+fieldset input[type=checkbox] + label {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--form--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-unit);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1413,6 +1529,36 @@
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-password-message {
+ font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.post-password-form__label {
+ width: 100%;
+ margin-bottom: 0;
+}
+
+.post-password-form input[type=password] {
+ flex-grow: 1;
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ margin-left: calc(0.66 * var(--global--spacing-horizontal));
+}
+
+.post-password-form__submit {
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+}
+@media only screen and (min-width: 592px) {
+
+ .post-password-form__submit {
+ margin-right: calc(0.4 * var(--global--spacing-horizontal));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1445,13 +1591,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1501,13 +1645,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus,
-.has-background-dark .site a:focus .meta-nav {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-background));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1521,6 +1666,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1550,8 +1696,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Button
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"],
-input[type="reset"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit],
+input[type=reset],
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--button--line-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1567,11 +1713,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before, .site .button:after,
-input[type="submit"]:before,
-input[type="submit"]:after,
-input[type="reset"]:before,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+.site .button:after,
+input[type=submit]:before,
+input[type=submit]:after,
+input[type=reset]:before,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1583,8 +1730,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:before,
-input[type="reset"]:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:before,
+input[type=reset]:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1591,8 +1738,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:after,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:after,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:after {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: -calc(.5em * var(--button--line-height) + -.39);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1599,8 +1746,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus,
-input[type="reset"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus,
+input[type=reset]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1608,17 +1755,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site .button:focus, .has-background-dark
-input[type="submit"]:focus, .has-background-dark
-input[type="reset"]:focus, .has-background-dark
-.wp-block-search__button:focus, .has-background-dark
-.wp-block-button .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site .button:focus,
+.is-dark-theme input[type=submit]:focus,
+.is-dark-theme input[type=reset]:focus,
+.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .wp-block-button .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus:not(.has-background),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus:not(.has-background),
-input[type="reset"]:focus:not(.has-background),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus:not(.has-background),
+input[type=reset]:focus:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1625,8 +1772,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:disabled,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:disabled,
-input[type="reset"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:disabled,
+input[type=reset]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:disabled,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:disabled {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-white-50);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1635,8 +1782,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:active,
-input[type="reset"]:active,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:active,
+input[type=reset]:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:active {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-active);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1644,8 +1791,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:hover,
-input[type="reset"]:hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:hover,
+input[type=reset]:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1655,61 +1802,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Block Options
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
- color: var(--button--color-text-active);
- background-color: var(--button--color-background-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+ color: var(--button--color-text-active) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- color: var(--button--color-text-hover);
- background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+ color: var(--button--color-text-hover) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus {
- outline-offset: -7px;
- outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: transparent;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
+ background: transparent;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- background-color: var(--button--color-background);
- color: var(--button--color-text);
- border: var(--button--border-width) solid var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+ color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted var(--button--color-background);
- color: var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
- border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-background:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
+ border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
+ border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
+ border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+ color: var(--button--color-background) !important;
+ background: transparent !important;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .is-style-squared .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-style-outline .wp-block-button__link[style*="radius"]:focus,
-.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.wp-block-button a.wp-block-button__link[style*=radius]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1737,8 +1908,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1760,14 +1931,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1776,13 +1947,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-around;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(-2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(2.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1796,10 +1968,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1822,8 +1996,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: var(--cover--height);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* default & custom background-color */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Treating H2 separately to account for legacy /core styles */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block Styles */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1832,6 +2009,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignfull,
+.wp-block-cover-image.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1861,12 +2044,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--cover--color-foreground);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1905,8 +2088,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1924,13 +2107,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft, .wp-block-cover.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft,
+.wp-block-cover.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft > *,
+.wp-block-cover.alignright > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1940,7 +2125,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content,
+.wp-block-cover.has-right-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-right-content {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1981,7 +2167,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2002,7 +2189,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2055,7 +2242,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2070,8 +2258,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group .wp-block-group__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2089,8 +2277,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2102,7 +2290,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2211,14 +2400,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"],
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image],
+.entry-content [class*=inner-container] > *[class=wp-block-image] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"] + *,
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image] + *,
+.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2238,13 +2427,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2259,6 +2449,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Vertical margins logic */
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2317,16 +2508,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2364,7 +2555,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2382,7 +2573,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-latest-posts.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2421,20 +2612,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 2));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 3));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 4));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 5));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 6));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2548,11 +2743,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text a:focus img {
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2560,8 +2761,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2571,8 +2772,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2586,8 +2787,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2640,7 +2841,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
+.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> visibility: visible;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2655,7 +2857,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid var(--primary-nav--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2680,7 +2883,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2705,36 +2909,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-password-message {
- font-size: var(--global--font-size-lg);
-}
-
-.post-password-form {
- display: flex;
- flex-wrap: wrap;
-}
-
-.post-password-form__label {
- width: 100%;
- margin-bottom: 0;
-}
-
-.post-password-form__input {
- flex-grow: 1;
- margin-top: calc(var(--global--spacing-vertical) / 3);
- margin-left: calc(0.66 * var(--global--spacing-horizontal));
-}
-
-.post-password-form__submit {
- margin-top: calc(var(--global--spacing-vertical) / 3);
-}
-
-@media only screen and (min-width: 592px) {
- .post-password-form__submit {
- margin-right: calc(0.4 * var(--global--spacing-horizontal));
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: pre;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2747,14 +2921,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2811,8 +2986,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--pullquote--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: calc(5 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2837,29 +3012,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
-.wp-block-quote cite,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote cite,
-[style*="background-color"]
-.wp-block-quote cite,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote cite, .has-background:not(.has-background-background-color)
-.wp-block-quote footer,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote footer,
-[style*="background-color"]
-.wp-block-quote footer,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
+.has-background:not(.has-background-background-color) .wp-block-quote cite,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote cite,
+[style*=background-color] .wp-block-quote cite,
+.wp-block-cover[style*=background-image] .wp-block-quote cite,
+.has-background:not(.has-background-background-color) .wp-block-quote footer,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote footer,
+[style*=background-color] .wp-block-quote footer,
+.wp-block-cover[style*=background-image] .wp-block-quote footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2870,7 +3040,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px"> right: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc(-0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2883,27 +3053,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Resetting margins to match _block-container.scss */
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
+.wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style-large);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
+.wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> right: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
+.wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> right: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2910,41 +3085,53 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large .wp-block-quote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large .wp-block-quote__citation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large footer {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
+ .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large:before,
+ .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right,
+ .wp-block-quote.is-style-large.has-text-align-right {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right:before,
+ .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-center,
+ .wp-block-quote.is-style-large.has-text-align-center {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2980,16 +3167,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3027,7 +3214,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3045,7 +3232,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3073,11 +3260,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: var(--form--border-radius);
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--form--color-text);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: var(--global--line-height-body);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--form--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(-1 * var(--button--border-width));
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: var(--global--color-white);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3085,10 +3271,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[class*=background-color]:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[style*=background-color] .wp-block-search .wp-block-search__input,
+.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input {
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+ border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-hover);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3096,6 +3296,113 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search button.wp-block-search__button.has-icon {
+ padding: 6px calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search button.wp-block-search__button.has-icon svg {
+ width: 40px;
+ height: 40px;
+ fill: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
+ color: var(--global--color-white);
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+ background-color: var(--button--color-background);
+ border-color: var(--global--color-white);
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+ color: var(--button--color-text);
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button {
+ border-color: currentColor;
+ color: currentColor;
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+ background-color: var(--form--border-color);
+ border-color: var(--form--border-color);
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-background);
+ color: var(--button--color-background);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3110,9 +3417,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: var(--separator--height) solid var(--separator--border-color);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3127,11 +3435,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-width: calc(3 * var(--separator--height));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background,
+hr.wp-block-separator.is-style-dots.has-text-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background:before,
+hr.wp-block-separator.is-style-dots.has-text-color:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3143,9 +3453,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) hr.wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
-[style*="background-color"] hr.wp-block-separator,
-.wp-block-cover[style*="background-image"] hr.wp-block-separator {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) hr.wp-block-separator,
+[style*=background-color] hr.wp-block-separator,
+.wp-block-cover[style*=background-image] hr.wp-block-separator {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3162,8 +3472,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-spacer[style] {
</span><span class="cx" style="display: block; padding: 0 10px"> height: var(--global--spacing-unit) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3332,9 +3642,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Alignments */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * These selectors set the default max width for content appearing inside a post or page.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * .alignleft
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3348,11 +3660,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(50% - var(--responsive--alignleft-margin));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3383,17 +3697,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(50% - var(--responsive--alignright-margin));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > .alignleft + *,
-[class*="inner-container"] > .alignright + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > .alignleft + *,
+[class*=inner-container] > .alignright + * {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3444,8 +3760,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3462,14 +3778,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-custom-logo .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(var(--global--spacing-vertical) / 0.75);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(2.4 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3485,8 +3801,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3508,15 +3824,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: var(--branding--title--font-weight);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:link, .site-title a:visited, .site-title a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited,
+.site-title a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:hover, .site-title a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:hover,
+.site-title a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--branding--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--branding--title--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3557,8 +3876,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-logo .custom-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--branding--logo--max-width);
</span><span class="cx" style="display: block; padding: 0 10px"> max-height: var(--branding--logo--max-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3568,6 +3887,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3574,45 +3894,57 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
</span><span class="cx" style="display: block; padding: 0 10px"> max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline.has-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(0px - var(--global--spacing-horizontal) * 0.6);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header:not(.has-logo).has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header:not(.has-menu) {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3644,12 +3976,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3660,14 +3993,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:link,
+.site-footer > .site-info a:visited,
+.site-footer > .site-info a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:hover, .site-footer > .site-info a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:focus {
+ color: var(--footer--color-link-hover);
+}
+
+.is-dark-theme .site-footer > .site-info a:focus {
+ color: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 3px solid var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3756,8 +4099,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > iframe[style] {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--global--spacing-vertical) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3779,7 +4122,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-footer a:hover, .entry-footer a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-footer a:hover,
+.entry-footer a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3826,14 +4170,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .tags-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3850,7 +4196,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-width: var(--responsive--aligndefault-width);
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4048,6 +4393,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-list .depth-2,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list .depth-3 {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4061,8 +4407,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.25 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4087,11 +4433,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4191,8 +4538,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-basis: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-author,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-email {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-basis: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4218,9 +4565,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p label,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form > p input[type="email"],
-.comment-form > p input[type="text"],
-.comment-form > p input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form > p input[type=email],
+.comment-form > p input[type=text],
+.comment-form > p input[type=url],
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4232,12 +4579,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-cookies-consent {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-author {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(1.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .comment-form > p.comment-notes,
+ .comment-form > p.logged-in-as {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4253,11 +4602,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(var(--button--padding-horizontal) - (0.25 * var(--global--spacing-unit)));
- margin-left: calc(0.5 * var(--global--spacing-unit));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4290,15 +4638,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px"> animation-name: twentytwentyone-close-button-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> animation-duration: 0.3s;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4337,11 +4685,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: all .15s ease-in-out;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transition: all 0.15s ease-in-out;
</ins><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100vh;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 499;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4349,22 +4697,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(0) translateX(-100%);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> height: calc(100vh - var(--global--admin-bar--height));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4378,18 +4730,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateX(0) translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> visibility: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4399,15 +4752,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation #toggle-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4423,8 +4780,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation > div > .menu-wrapper {
+ padding-bottom: 100px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4435,13 +4796,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper li:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4461,8 +4823,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4484,11 +4846,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4495,8 +4857,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4507,7 +4869,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transition: all 0.5s ease;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 88888;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4518,26 +4882,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--primary-nav--border-color) transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px"> top: -9px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--global--color-background) transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4546,19 +4918,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu > .menu-item:hover > a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4572,8 +4947,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--primary-nav--padding) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--primary-nav--font-family);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4586,7 +4961,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> fill: var(--primary-nav--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation a:hover,
+.primary-navigation a:link,
+.primary-navigation a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4624,15 +5001,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu > .menu-item > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .primary-navigation .sub-menu .menu-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation .sub-menu .menu-item:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4643,8 +5020,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--primary-nav--font-size-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--primary-nav--font-style-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--primary-nav--font-size-sub-menu);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--primary-nav--font-style);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4654,12 +5031,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4678,6 +5056,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .lock-scrolling .site {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4684,11 +5063,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@keyframes twentytwentyone-close-button-transition {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@keyframes twentytwentyone-close-button-transition {
</del><span class="cx" style="display: block; padding: 0 10px"> from {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> to {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4721,7 +5101,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.footer-navigation-wrapper li a:link,
+.footer-navigation-wrapper li a:visited,
+.footer-navigation-wrapper li a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4732,6 +5114,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
+ fill: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> fill: var(--footer--color-link);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4783,13 +5169,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .dots {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-next,
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-previous {
</span><span class="cx" style="display: block; padding: 0 10px"> flex: 0 1 auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4797,6 +5184,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4824,8 +5212,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4843,14 +5231,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: var(--pagination--font-weight-strong);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4884,8 +5272,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4897,6 +5285,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(-1 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:hover,
+.comments-pagination .nav-links a:hover {
+ color: var(--pagination--color-link-hover);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--pagination--color-text);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4918,11 +5311,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *a:hover,
-.comments-pagination .nav-links > *a:hover {
- color: var(--pagination--color-link-hover);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4937,18 +5325,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.prev {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 821px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 821px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .page-numbers,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .pagination .page-numbers.prev, .pagination .page-numbers.next,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .pagination .page-numbers.prev,
+ .pagination .page-numbers.next,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers.prev,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers.next {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4955,13 +5346,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .pagination .nav-short,
+ .comments-pagination .nav-short {
+ display: none;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4978,8 +5376,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--footer--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--footer--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> display: grid;
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(2, 1fr);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4986,8 +5384,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> column-gap: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1024px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1024px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(3, 1fr);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5002,7 +5400,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--widget--line-height-list);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area ul.sub-menu, .widget-area ul.children {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area ul.sub-menu,
+.widget-area ul.children {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--widget--spacing-menu);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5017,7 +5416,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area a:link, .widget-area a:visited, .widget-area a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area a:link,
+.widget-area a:visited,
+.widget-area a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5137,6 +5538,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (prefers-reduced-motion) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> * {
</span><span class="cx" style="display: block; padding: 0 10px"> transition-delay: 0s !important;
</span><span class="cx" style="display: block; padding: 0 10px"> transition-duration: 0s !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5234,11 +5636,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
+:not(.has-text-color).has-dark-gray-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
+:not(.has-text-color).has-white-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-dark-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5294,43 +5704,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark *,
-.is-IE.has-background-dark a,
-.is-IE.has-background-dark .site-description,
-.is-IE.has-background-dark .entry-title,
-.is-IE.has-background-dark .entry-footer,
-.is-IE.has-background-dark .widget-area,
-.is-IE.has-background-dark .post-navigation .meta-nav,
-.is-IE.has-background-dark .footer-navigation-wrapper li a:link,
-.is-IE.has-background-dark .site-footer > .site-info,
-.is-IE.has-background-dark .site-footer > .site-info a,
-.is-IE.has-background-dark .site-footer > .site-info a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme *,
+.is-IE.is-dark-theme a,
+.is-IE.is-dark-theme .site-description,
+.is-IE.is-dark-theme .entry-title,
+.is-IE.is-dark-theme .entry-footer,
+.is-IE.is-dark-theme .widget-area,
+.is-IE.is-dark-theme .post-navigation .meta-nav,
+.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
+.is-IE.is-dark-theme .site-footer > .site-info,
+.is-IE.is-dark-theme .site-footer > .site-info a,
+.is-IE.is-dark-theme .site-footer > .site-info a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .sub-menu-toggle svg,
-.is-IE.has-background-dark .sub-menu-toggle path,
-.is-IE.has-background-dark .post-navigation .meta-nav svg,
-.is-IE.has-background-dark .post-navigation .meta-nav path {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .sub-menu-toggle svg,
+.is-IE.is-dark-theme .sub-menu-toggle path,
+.is-IE.is-dark-theme .post-navigation .meta-nav svg,
+.is-IE.is-dark-theme .post-navigation .meta-nav path {
</ins><span class="cx" style="display: block; padding: 0 10px"> fill: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .is-IE.has-background-dark.primary-navigation-open .primary-navigation > .primary-menu-container,
- .is-IE.has-background-dark.primary-navigation-open .menu-button-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
+ .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .skip-link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .skip-link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonestylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/style.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/style.css 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> Theme Name: Twenty Twenty-One
</span><span class="cx" style="display: block; padding: 0 10px"> Theme URI: https://wordpress.org/themes/twentytwentyone/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,6 +18,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One is distributed under the terms of the GNU GPL.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * SETTINGS
</span><span class="cx" style="display: block; padding: 0 10px"> * File-header..........The file header for the themes style.css file.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,12 +94,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Editor Font Sizes....Editor Font Sizes.
</span><span class="cx" style="display: block; padding: 0 10px"> * Measure..............The width of a line of text, in characters.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Categories 01 to 03 are the basics. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Family */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Font Size */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-base: 1.25rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xs: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -109,10 +115,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xxxl: 5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-page-title: var(--global--font-size-xxl);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--letter-spacing: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Line Height */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-body: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-heading: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--line-height-page-title: 1.1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-size-h6: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,6 +144,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight-page-title: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> --heading--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Latest posts */
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--title-font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--title-font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -143,6 +152,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --latest-posts--description-font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> --list--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --definition-term--font-family: var(--global--font-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Colors */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-black: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-dark-gray: #28303d;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -158,21 +168,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-white-50: rgba(255, 255, 255, 0.5);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-white-90: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-primary: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Body text color, site title, footer text color. */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-secondary: var(--global--color-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-primary-hover: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-background: var(--global--color-green);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Mint, default body background */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--color-border: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Spacing */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-unit: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-measure: unset;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-horizontal: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--spacing-vertical: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Elevation */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Forms */
</span><span class="cx" style="display: block; padding: 0 10px"> --form--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --form--font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,10 +201,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --form--border-width: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> --form--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Cover block */
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--height: calc(15 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--color-foreground: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> --cover--color-background: var(--global--color-black);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Buttons */
</span><span class="cx" style="display: block; padding: 0 10px"> --button--color-text: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> --button--color-text-hover: var(--global--color-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -202,6 +221,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --button--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> --button--padding-vertical: 15px;
</span><span class="cx" style="display: block; padding: 0 10px"> --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* entry */
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-header--color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-header--color-link: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -211,6 +231,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-content--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-author-bio--font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> --entry-author-bio--font-size: var(--heading--font-size-h4);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Header */
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -227,6 +248,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-height: 100px;
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-width-mobile: 96px;
</span><span class="cx" style="display: block; padding: 0 10px"> --branding--logo--max-height-mobile: 96px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Main navigation */
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--font-family-mobile: var(--global--font-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -244,6 +266,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> --primary-nav--border-color: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Pagination */
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--color-link-hover: var(--global--color-primary-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -251,6 +274,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --pagination--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Footer */
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -257,6 +281,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--color-link-hover: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --footer--font-size: var(--global--font-size-sm);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Pull quote */
</span><span class="cx" style="display: block; padding: 0 10px"> --pullquote--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> --pullquote--font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -271,8 +296,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-size: var(--global--font-size-md);
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-size-large: var(--global--font-size-xl);
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --quote--font-weight: normal;
- --quote--font-weight-strong: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --quote--font-weight: 700;
+ --quote--font-weight-strong: bolder;
</ins><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style-large: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--font-style-cite: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--line-height: var(--global--line-height-body);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -279,15 +304,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --quote--line-height-large: 1.35;
</span><span class="cx" style="display: block; padding: 0 10px"> --separator--border-color: var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px"> --separator--height: 1px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Table */
</span><span class="cx" style="display: block; padding: 0 10px"> --table--stripes-border-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> --table--stripes-background-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> --table--has-background-text-color: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--line-height-list: 1.9;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--line-height-title: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--font-weight-title: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Admin-bar height */
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -295,8 +323,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--admin-bar--height: 46px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,6 +331,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 652px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xl: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> --global--font-size-xxl: 6rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -313,8 +342,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Correct the line height in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Prevent adjustments of font size after orientation changes in iOS.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -321,13 +352,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-text-size-adjust: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Sections
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the margin in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -353,6 +387,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Grouping content
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Add the correct box sizing in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Show the overflow in Edge and IE.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -359,10 +394,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -372,13 +410,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> pre {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text-level semantics
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the gray background on active links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -393,10 +434,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> abbr[title] {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-style: dotted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -416,8 +460,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> kbd,
</span><span class="cx" style="display: block; padding: 0 10px"> samp {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -450,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Embedded content
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the border on images inside links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -459,6 +506,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Forms
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Change the font styles in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Remove the margin in Firefox and Safari.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -469,12 +517,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,6 +536,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> input {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -494,6 +547,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -502,9 +556,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Correct the inability to style clickable types in iOS and Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"],
-[type="reset"],
-[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button],
+[type=reset],
+[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -512,9 +566,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the inner border and padding in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button::-moz-focus-inner,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -523,9 +577,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Restore the focus styles unset by the previous rule.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> button:-moz-focusring,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: 1px dotted ButtonText;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -544,16 +598,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> legend {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 3 */
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -575,11 +635,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Add the correct box sizing in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Remove the padding in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="checkbox"],
-[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=checkbox],
+[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -586,8 +648,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Correct the cursor style of increment and decrement buttons in Chrome.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -595,10 +657,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * 1. Correct the odd appearance in Chrome and Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> * 2. Correct the outline style in Safari.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: textfield;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -605,7 +669,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Remove the inner padding in Chrome and Safari on macOS.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"]::-webkit-search-decoration {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search]::-webkit-search-decoration {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -615,13 +679,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> ::-webkit-file-upload-button {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> font: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Interactive
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Add the correct display in Edge, IE 10+, and Firefox.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -638,6 +705,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Misc
</span><span class="cx" style="display: block; padding: 0 10px"> ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add the correct display in IE 10+.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -655,9 +723,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -671,6 +741,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -678,8 +749,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px"> --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -689,21 +760,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Extends
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.default-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-thumbnail,
+.entry-content .wp-audio-shortcode,
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+.default-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wide-max-width, .alignwide, .site-header, .site-footer, .post-navigation, .pagination,
-.comments-pagination, .widget-area {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area,
+.pagination,
+.comments-pagination,
+.post-navigation,
+.site-footer,
+.site-header,
+.alignwide,
+.wide-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignwide-width);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignfull,
+.wp-block-group .wp-block-group__inner-container > *.alignfull,
+.full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px"> width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -711,7 +793,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .full-max-width, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .alignfull,
+ .full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -719,8 +803,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide, .entry-header .post-thumbnail,
-.singular .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header .post-thumbnail,
+.singular .post-thumbnail,
+.alignfull [class*=inner-container] > .alignwide,
+.alignwide [class*=inner-container] > .alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> width: var(--responsive--alignwide-width);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -728,18 +814,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--responsive--alignleft-margin);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--global--spacing-horizontal);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--responsive--alignright-margin);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -753,6 +844,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - `--global--width-content` is a responsive veriable
</span><span class="cx" style="display: block; padding: 0 10px"> * - See: globals/_global-width-responsive.scss
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Top Level Wrappers (header, main, footer)
</span><span class="cx" style="display: block; padding: 0 10px"> * - Set vertical padding and horizontal margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -771,8 +863,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(0.75 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(3 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -798,12 +890,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the default maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the wide maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Set the full maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Block & non-gutenberg content wrappers
</span><span class="cx" style="display: block; padding: 0 10px"> * - Set margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -826,17 +921,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- [class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -846,7 +941,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:first-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:first-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:first-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -854,7 +949,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:last-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:last-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:last-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -864,8 +959,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-footer > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -907,16 +1002,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - Adds special margin overrides for alignment utility classes
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Reset alignleft and alignright margins after alignfull */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignleft, .entry-content > *.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignleft,
+.entry-content > *.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignleft:first-child + *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignright:first-child + *,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:last-child,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -964,6 +1063,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Apply border-box across the entire page. */
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--global--font-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -973,7 +1073,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Relax the definition a bit, to allow components to override it manually.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-*, *::before, *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*,
+*::before,
+*::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1040,7 +1142,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1052,11 +1154,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: var(--global--letter-spacing);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p, blockquote.alignright p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
+blockquote.alignright p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--heading--font-size-h5);
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1063,7 +1167,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignleft cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft footer, blockquote.alignright cite,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: var(--global--letter-spacing);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1070,15 +1175,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- position: absolute;
- left: calc(-0.5 * var(--global--spacing-horizontal));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote .wp-block-quote__citation,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1088,30 +1191,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style-cite);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="password"],
-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text],
+input[type=email],
+input[type=url],
+input[type=password],
+input[type=search],
+input[type=number],
+input[type=tel],
+input[type=date],
+input[type=month],
+input[type=week],
+input[type=time],
+input[type=datetime],
+input[type=datetime-local],
+input[type=color],
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: var(--form--border-radius);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1121,20 +1225,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="number"]:focus,
-input[type="tel"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="week"]:focus,
-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="color"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=number]:focus,
+input[type=tel]:focus,
+input[type=date]:focus,
+input[type=month]:focus,
+input[type=week]:focus,
+input[type=time]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=color]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1141,57 +1245,58 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:disabled,
-input[type="email"]:disabled,
-input[type="url"]:disabled,
-input[type="password"]:disabled,
-input[type="search"]:disabled,
-input[type="number"]:disabled,
-input[type="tel"]:disabled,
-input[type="date"]:disabled,
-input[type="month"]:disabled,
-input[type="week"]:disabled,
-input[type="time"]:disabled,
-input[type="datetime"]:disabled,
-input[type="datetime-local"]:disabled,
-input[type="color"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:disabled,
+input[type=email]:disabled,
+input[type=url]:disabled,
+input[type=password]:disabled,
+input[type=search]:disabled,
+input[type=number]:disabled,
+input[type=tel]:disabled,
+input[type=date]:disabled,
+input[type=month]:disabled,
+input[type=week]:disabled,
+input[type=time]:disabled,
+input[type=datetime]:disabled,
+input[type=datetime-local]:disabled,
+input[type=color]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:disabled {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="text"], .has-background-dark
-input[type="email"], .has-background-dark
-input[type="url"], .has-background-dark
-input[type="password"], .has-background-dark
-input[type="search"], .has-background-dark
-input[type="number"], .has-background-dark
-input[type="tel"], .has-background-dark
-input[type="date"], .has-background-dark
-input[type="month"], .has-background-dark
-input[type="week"], .has-background-dark
-input[type="time"], .has-background-dark
-input[type="datetime"], .has-background-dark
-input[type="datetime-local"], .has-background-dark
-input[type="color"], .has-background-dark
-.site textarea {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=text],
+.is-dark-theme input[type=email],
+.is-dark-theme input[type=url],
+.is-dark-theme input[type=password],
+.is-dark-theme input[type=search],
+.is-dark-theme input[type=number],
+.is-dark-theme input[type=tel],
+.is-dark-theme input[type=date],
+.is-dark-theme input[type=month],
+.is-dark-theme input[type=week],
+.is-dark-theme input[type=time],
+.is-dark-theme input[type=datetime],
+.is-dark-theme input[type=datetime-local],
+.is-dark-theme input[type=color],
+.is-dark-theme .site textarea {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="color"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=color] {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: calc(var(--form--spacing-unit) / 2);
</span><span class="cx" style="display: block; padding: 0 10px"> height: calc(4 * var(--form--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="email"],
-input[type="url"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=email],
+input[type=url] {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1204,9 +1309,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-disable */
</del><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px"> background-position: right var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1215,10 +1318,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark select {
- /* stylelint-disable */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme select {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px"> background-position: right var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1238,8 +1339,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> License: MIT.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"],
- input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox],
+ input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1248,19 +1350,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:disabled,
- input[type="radio"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:disabled,
+ input[type=radio]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .has-background-dark input[type="checkbox"], .has-background-dark
- input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .is-dark-theme input[type=checkbox],
+ .is-dark-theme input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1274,20 +1380,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(30deg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="checkbox"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=checkbox]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1299,20 +1410,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 4px solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="radio"]:checked:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=radio]:checked:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="checkbox"] + label,
-input[type="radio"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=checkbox] + label,
+input[type=radio] + label {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1323,10 +1437,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Hides the slider so that custom slider can be made */
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Specific width is required for Firefox. */
</span><span class="cx" style="display: block; padding: 0 10px"> height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-ranged);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1333,10 +1450,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]::-webkit-slider-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]::-webkit-slider-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1345,7 +1464,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="range"]::-moz-range-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type=range]::-moz-range-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1355,7 +1475,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-track {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-track {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1366,17 +1486,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-upper {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-upper {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-lower {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-lower {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px"> height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1395,20 +1515,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input:not([type="submit"]) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input:not([type=submit]) {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"], fieldset input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio],
+fieldset input[type=checkbox] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"] + label,
-fieldset input[type="checkbox"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio] + label,
+fieldset input[type=checkbox] + label {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--form--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-unit);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1418,6 +1539,36 @@
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-password-message {
+ font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.post-password-form__label {
+ width: 100%;
+ margin-bottom: 0;
+}
+
+.post-password-form input[type=password] {
+ flex-grow: 1;
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+ margin-right: calc(0.66 * var(--global--spacing-horizontal));
+}
+
+.post-password-form__submit {
+ margin-top: calc(var(--global--spacing-vertical) / 3);
+}
+@media only screen and (min-width: 592px) {
+
+ .post-password-form__submit {
+ margin-left: calc(0.4 * var(--global--spacing-horizontal));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1450,13 +1601,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1506,13 +1655,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus,
-.has-background-dark .site a:focus .meta-nav {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-background));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1526,6 +1676,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1555,8 +1706,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Button
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"],
-input[type="reset"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit],
+input[type=reset],
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--button--line-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1572,11 +1723,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before, .site .button:after,
-input[type="submit"]:before,
-input[type="submit"]:after,
-input[type="reset"]:before,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+.site .button:after,
+input[type=submit]:before,
+input[type=submit]:after,
+input[type=reset]:before,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1588,8 +1740,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:before,
-input[type="reset"]:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:before,
+input[type=reset]:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1596,8 +1748,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:after,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:after,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:after {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: -calc(.5em * var(--button--line-height) + -.39);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1604,8 +1756,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus,
-input[type="reset"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus,
+input[type=reset]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1613,17 +1765,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site .button:focus, .has-background-dark
-input[type="submit"]:focus, .has-background-dark
-input[type="reset"]:focus, .has-background-dark
-.wp-block-search__button:focus, .has-background-dark
-.wp-block-button .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site .button:focus,
+.is-dark-theme input[type=submit]:focus,
+.is-dark-theme input[type=reset]:focus,
+.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .wp-block-button .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus:not(.has-background),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus:not(.has-background),
-input[type="reset"]:focus:not(.has-background),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus:not(.has-background),
+input[type=reset]:focus:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1630,8 +1782,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:disabled,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:disabled,
-input[type="reset"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:disabled,
+input[type=reset]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:disabled,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:disabled {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-white-50);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1640,8 +1792,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:active,
-input[type="reset"]:active,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:active,
+input[type=reset]:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:active {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-active);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1649,8 +1801,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:hover,
-input[type="reset"]:hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:hover,
+input[type=reset]:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1660,61 +1812,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Block Options
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
- color: var(--button--color-text-active);
- background-color: var(--button--color-background-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+ color: var(--button--color-text-active) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- color: var(--button--color-text-hover);
- background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+ color: var(--button--color-text-hover) !important;
+ background: transparent !important;
+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus {
- outline-offset: -7px;
- outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: transparent;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
+ background: transparent;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
- background-color: var(--button--color-background);
- color: var(--button--color-text);
- border: var(--button--border-width) solid var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+ color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted var(--button--color-background);
- color: var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
- border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-background:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus {
- outline-offset: -7px;
- background: transparent;
- outline: 2px dotted currentColor;
- border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
+ border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+ color: var(--button--color-text) !important;
+ background: var(--button--color-background) !important;
+ border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
+ border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+ color: var(--button--color-background) !important;
+ background: transparent !important;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .is-style-squared .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-style-outline .wp-block-button__link[style*="radius"]:focus,
-.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.wp-block-button a.wp-block-button__link[style*=radius]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1742,8 +1918,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1765,14 +1941,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,13 +1957,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-around;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(-2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(2.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1801,10 +1978,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1827,8 +2006,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: var(--cover--height);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* default & custom background-color */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Treating H2 separately to account for legacy /core styles */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block Styles */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1837,6 +2019,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignfull,
+.wp-block-cover-image.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1866,12 +2054,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--cover--color-foreground);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1910,8 +2098,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1929,13 +2117,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft, .wp-block-cover.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft,
+.wp-block-cover.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft > *,
+.wp-block-cover.alignright > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1945,7 +2135,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content,
+.wp-block-cover.has-right-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-right-content {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1986,7 +2177,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2007,7 +2199,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2060,7 +2252,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2075,8 +2268,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group .wp-block-group__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2094,8 +2287,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2107,7 +2300,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2216,14 +2410,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"],
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image],
+.entry-content [class*=inner-container] > *[class=wp-block-image] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"] + *,
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image] + *,
+.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2243,13 +2437,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2264,6 +2459,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Vertical margins logic */
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2322,16 +2518,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2369,7 +2565,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2387,7 +2583,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-latest-posts.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2426,20 +2622,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 2));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 3));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 4));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 5));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc((100% / 6));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2553,11 +2753,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text.alignfull {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text a:focus img {
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2565,8 +2771,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2576,8 +2782,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > * {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2591,8 +2797,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2645,7 +2851,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
+.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> visibility: visible;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2660,7 +2867,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid var(--primary-nav--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2685,7 +2893,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2710,36 +2919,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-password-message {
- font-size: var(--global--font-size-lg);
-}
-
-.post-password-form {
- display: flex;
- flex-wrap: wrap;
-}
-
-.post-password-form__label {
- width: 100%;
- margin-bottom: 0;
-}
-
-.post-password-form__input {
- flex-grow: 1;
- margin-top: calc(var(--global--spacing-vertical) / 3);
- margin-right: calc(0.66 * var(--global--spacing-horizontal));
-}
-
-.post-password-form__submit {
- margin-top: calc(var(--global--spacing-vertical) / 3);
-}
-
-@media only screen and (min-width: 592px) {
- .post-password-form__submit {
- margin-left: calc(0.4 * var(--global--spacing-horizontal));
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: pre;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2752,14 +2931,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2816,8 +2996,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--pullquote--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: calc(5 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2842,29 +3022,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
-.wp-block-quote cite,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote cite,
-[style*="background-color"]
-.wp-block-quote cite,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote cite, .has-background:not(.has-background-background-color)
-.wp-block-quote footer,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote footer,
-[style*="background-color"]
-.wp-block-quote footer,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
+.has-background:not(.has-background-background-color) .wp-block-quote cite,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote cite,
+[style*=background-color] .wp-block-quote cite,
+.wp-block-cover[style*=background-image] .wp-block-quote cite,
+.has-background:not(.has-background-background-color) .wp-block-quote footer,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote footer,
+[style*=background-color] .wp-block-quote footer,
+.wp-block-cover[style*=background-image] .wp-block-quote footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2875,7 +3050,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> right: calc(-0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2888,27 +3063,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Resetting margins to match _block-container.scss */
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
+.wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--quote--font-style-large);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
+.wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
+.wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> right: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2915,41 +3095,53 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large .wp-block-quote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large .wp-block-quote__citation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large footer {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
+ .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large:before,
+ .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right,
+ .wp-block-quote.is-style-large.has-text-align-right {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-right:before,
+ .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-quote.is-large.has-text-align-center,
+ .wp-block-quote.is-style-large.has-text-align-center {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2985,16 +3177,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3032,7 +3224,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3050,7 +3242,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3078,11 +3270,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: var(--form--border-radius);
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--form--color-text);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: var(--global--line-height-body);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--form--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(-1 * var(--button--border-width));
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: var(--global--color-white);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3090,10 +3281,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[class*=background-color]:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[style*=background-color] .wp-block-search .wp-block-search__input,
+.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input {
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+ border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text-hover);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3101,6 +3306,113 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--button--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search button.wp-block-search__button.has-icon {
+ padding: 6px calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search button.wp-block-search__button.has-icon svg {
+ width: 40px;
+ height: 40px;
+ fill: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
+ color: var(--global--color-white);
+ border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+ background-color: var(--button--color-background);
+ border-color: var(--global--color-white);
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+ color: var(--button--color-text);
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button {
+ border-color: currentColor;
+ color: currentColor;
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+ background-color: var(--form--border-color);
+ border-color: var(--form--border-color);
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-background);
+ color: var(--button--color-background);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+ border-color: var(--button--color-text);
+ color: var(--button--color-text);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+ border-color: var(--button--color-text);
+ background-color: var(--button--color-text);
+ color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3115,9 +3427,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: var(--separator--height) solid var(--separator--border-color);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Block Options
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Block Options
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3132,11 +3445,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-width: calc(3 * var(--separator--height));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background,
+hr.wp-block-separator.is-style-dots.has-text-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background:before,
+hr.wp-block-separator.is-style-dots.has-text-color:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3148,9 +3463,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) hr.wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
-[style*="background-color"] hr.wp-block-separator,
-.wp-block-cover[style*="background-image"] hr.wp-block-separator {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) hr.wp-block-separator,
+[style*=background-color] hr.wp-block-separator,
+.wp-block-cover[style*=background-image] hr.wp-block-separator {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3167,8 +3482,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-spacer[style] {
</span><span class="cx" style="display: block; padding: 0 10px"> height: var(--global--spacing-unit) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3337,13 +3652,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Alignments */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * These selectors set the default max width for content appearing inside a post or page.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * .alignleft
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3354,13 +3672,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(50% - var(--responsive--alignleft-margin));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3391,19 +3713,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(50% - var(--responsive--alignright-margin));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > .alignleft + *,
-[class*="inner-container"] > .alignright + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > .alignleft + *,
+[class*=inner-container] > .alignright + * {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3454,8 +3780,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3472,14 +3798,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-custom-logo .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(var(--global--spacing-vertical) / 0.75);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(2.4 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3495,8 +3821,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3518,15 +3844,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: var(--branding--title--font-weight);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:link, .site-title a:visited, .site-title a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited,
+.site-title a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:hover, .site-title a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:hover,
+.site-title a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--branding--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--branding--title--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3567,8 +3896,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-logo .custom-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--branding--logo--max-width);
</span><span class="cx" style="display: block; padding: 0 10px"> max-height: var(--branding--logo--max-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3578,6 +3907,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3584,45 +3914,57 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
</span><span class="cx" style="display: block; padding: 0 10px"> max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline.has-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.has-logo.has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header:not(.has-logo).has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header:not(.has-menu) {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3654,12 +3996,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3670,14 +4013,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:link,
+.site-footer > .site-info a:visited,
+.site-footer > .site-info a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:hover, .site-footer > .site-info a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:focus {
+ color: var(--footer--color-link-hover);
+}
+
+.is-dark-theme .site-footer > .site-info a:focus {
+ color: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 3px solid var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3766,8 +4119,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content > iframe[style] {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: var(--global--spacing-vertical) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3789,7 +4142,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-footer a:hover, .entry-footer a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-footer a:hover,
+.entry-footer a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3836,14 +4190,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .tags-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3860,7 +4216,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-width: var(--responsive--aligndefault-width);
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4058,6 +4413,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-list .depth-2,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list .depth-3 {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4071,8 +4427,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(0.25 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4097,11 +4453,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4201,8 +4558,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-basis: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-author,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-email {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-basis: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4228,9 +4585,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p label,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form > p input[type="email"],
-.comment-form > p input[type="text"],
-.comment-form > p input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form > p input[type=email],
+.comment-form > p input[type=text],
+.comment-form > p input[type=url],
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4242,12 +4599,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-cookies-consent {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-author {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(1.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .comment-form > p.comment-notes,
+ .comment-form > p.logged-in-as {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4263,11 +4622,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(var(--button--padding-horizontal) - (0.25 * var(--global--spacing-unit)));
- margin-right: calc(0.5 * var(--global--spacing-unit));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4300,15 +4658,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px"> animation-name: twentytwentyone-close-button-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> animation-duration: 0.3s;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4347,11 +4705,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: all .15s ease-in-out;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transition: all 0.15s ease-in-out;
</ins><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100vh;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 499;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4359,22 +4717,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(0) translateX(100%);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> height: calc(100vh - var(--global--admin-bar--height));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4388,18 +4750,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateX(0) translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> visibility: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4409,15 +4772,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation #toggle-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> top: initial;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4433,8 +4800,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation > div > .menu-wrapper {
+ padding-bottom: 100px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4445,13 +4816,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper li:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4471,8 +4843,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4494,11 +4866,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4505,8 +4877,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4517,7 +4889,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transition: all 0.5s ease;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 88888;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4528,34 +4902,50 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--primary-nav--border-color) transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px"> top: -9px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--global--color-background) transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</span><span class="cx" style="display: block; padding: 0 10px"> background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> left: var(--global--spacing-horizontal);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> left: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px"> right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4564,19 +4954,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu > .menu-item:hover > a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4590,8 +4983,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--primary-nav--padding) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--primary-nav--font-family);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4604,7 +4997,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> fill: var(--primary-nav--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation a:hover,
+.primary-navigation a:link,
+.primary-navigation a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4642,15 +5037,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu > .menu-item > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .primary-navigation .sub-menu .menu-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation .sub-menu .menu-item:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4661,8 +5056,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--primary-nav--font-size-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--primary-nav--font-style-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--primary-nav--font-size-sub-menu);
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: var(--primary-nav--font-style);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4672,12 +5067,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4696,6 +5092,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .lock-scrolling .site {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4702,11 +5099,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@keyframes twentytwentyone-close-button-transition {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@keyframes twentytwentyone-close-button-transition {
</del><span class="cx" style="display: block; padding: 0 10px"> from {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> to {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4739,7 +5137,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.footer-navigation-wrapper li a:link,
+.footer-navigation-wrapper li a:visited,
+.footer-navigation-wrapper li a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4750,6 +5150,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
+ fill: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> fill: var(--footer--color-link);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4801,13 +5205,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .dots {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-next,
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-previous {
</span><span class="cx" style="display: block; padding: 0 10px"> flex: 0 1 auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4815,6 +5220,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4842,8 +5248,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4861,14 +5267,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: var(--pagination--font-weight-strong);
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4902,8 +5308,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: var(--global--spacing-vertical) auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4915,6 +5321,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(-1 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:hover,
+.comments-pagination .nav-links a:hover {
+ color: var(--pagination--color-link-hover);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--pagination--color-text);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4936,11 +5347,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *a:hover,
-.comments-pagination .nav-links > *a:hover {
- color: var(--pagination--color-link-hover);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4955,18 +5361,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.prev {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 821px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 821px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .page-numbers,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .pagination .page-numbers.prev, .pagination .page-numbers.next,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .pagination .page-numbers.prev,
+ .pagination .page-numbers.next,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers.prev,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .page-numbers.next {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4973,13 +5382,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .pagination .nav-short,
+ .comments-pagination .nav-short {
+ display: none;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4996,8 +5412,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: var(--footer--font-size);
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: var(--footer--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> display: grid;
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(2, 1fr);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5004,8 +5420,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> column-gap: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1024px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1024px) {
</del><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(3, 1fr);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5020,7 +5436,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: var(--widget--line-height-list);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area ul.sub-menu, .widget-area ul.children {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area ul.sub-menu,
+.widget-area ul.children {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: var(--widget--spacing-menu);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5035,7 +5452,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area a:link, .widget-area a:visited, .widget-area a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area a:link,
+.widget-area a:visited,
+.widget-area a:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5155,6 +5574,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (prefers-reduced-motion) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> * {
</span><span class="cx" style="display: block; padding: 0 10px"> transition-delay: 0s !important;
</span><span class="cx" style="display: block; padding: 0 10px"> transition-duration: 0s !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5252,11 +5672,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
+:not(.has-text-color).has-dark-gray-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
+:not(.has-text-color).has-white-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--global--color-dark-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5312,43 +5740,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark *,
-.is-IE.has-background-dark a,
-.is-IE.has-background-dark .site-description,
-.is-IE.has-background-dark .entry-title,
-.is-IE.has-background-dark .entry-footer,
-.is-IE.has-background-dark .widget-area,
-.is-IE.has-background-dark .post-navigation .meta-nav,
-.is-IE.has-background-dark .footer-navigation-wrapper li a:link,
-.is-IE.has-background-dark .site-footer > .site-info,
-.is-IE.has-background-dark .site-footer > .site-info a,
-.is-IE.has-background-dark .site-footer > .site-info a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme *,
+.is-IE.is-dark-theme a,
+.is-IE.is-dark-theme .site-description,
+.is-IE.is-dark-theme .entry-title,
+.is-IE.is-dark-theme .entry-footer,
+.is-IE.is-dark-theme .widget-area,
+.is-IE.is-dark-theme .post-navigation .meta-nav,
+.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
+.is-IE.is-dark-theme .site-footer > .site-info,
+.is-IE.is-dark-theme .site-footer > .site-info a,
+.is-IE.is-dark-theme .site-footer > .site-info a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .sub-menu-toggle svg,
-.is-IE.has-background-dark .sub-menu-toggle path,
-.is-IE.has-background-dark .post-navigation .meta-nav svg,
-.is-IE.has-background-dark .post-navigation .meta-nav path {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .sub-menu-toggle svg,
+.is-IE.is-dark-theme .sub-menu-toggle path,
+.is-IE.is-dark-theme .post-navigation .meta-nav svg,
+.is-IE.is-dark-theme .post-navigation .meta-nav path {
</ins><span class="cx" style="display: block; padding: 0 10px"> fill: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
- .is-IE.has-background-dark.primary-navigation-open .primary-navigation > .primary-menu-container,
- .is-IE.has-background-dark.primary-navigation-open .menu-button-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
+ .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .skip-link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .skip-link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5359,5 +5787,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .is-IE .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=style.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonetemplatepartscontentcontentnonephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -27,7 +27,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php else : ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'twentytwentyone' ); ?></h1>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h1 class="page-title"><?php esc_html_e( 'Nothing here', 'twentytwentyone' ); ?></h1>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonetemplatepartsheadersitenavphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,7 +10,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( has_nav_menu( 'primary' ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <nav id="site-navigation" class="primary-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary menu', 'twentytwentyone' ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav id="site-navigation" class="primary-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'twentytwentyone' ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="menu-button-container">
</span><span class="cx" style="display: block; padding: 0 10px"> <button id="primary-mobile-menu" class="button" aria-controls="primary-menu-list" aria-expanded="false">
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="dropdown-icon open"><?php esc_html_e( 'Menu', 'twentytwentyone' ); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,7 +28,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'menu_class' => 'menu-wrapper',
</span><span class="cx" style="display: block; padding: 0 10px"> 'container_class' => 'primary-menu-container',
</span><span class="cx" style="display: block; padding: 0 10px"> 'items_wrap' => '<ul id="primary-menu-list" class="%2$s">%3$s</ul>',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'fallback_cb' => 'false',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'fallback_cb' => false,
</ins><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span></span></pre>
</div>
</div>
</body>
</html>