diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css index 2bba8d39dc..8dc320fa60 100644 --- a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css +++ b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css @@ -463,7 +463,7 @@ Inter variable font. Usage: border-collapse: collapse; border-spacing: 0; empty-cells: show; - font-size: 16px; + font-size: 18px; margin-bottom: 1.1em; width: 100%; } @@ -491,16 +491,30 @@ Inter variable font. Usage: } .editor-styles-wrapper .wp-block-table .wp-block-table__cell-content { - padding: 12px; + padding: 0.5em; } .editor-styles-wrapper .wp-block-table thead { vertical-align: bottom; white-space: nowrap; + text-align: inherit; } .editor-styles-wrapper .wp-block-table th { font-weight: 700; + text-align: inherit; /* Prevents the header from being centered by default*/ +} + +.editor-styles-wrapper .wp-block-table th.has-text-align-center { + text-align: center; +} + +.editor-styles-wrapper .wp-block-table th.has-text-align-right { + text-align: left; +} + +.editor-styles-wrapper .wp-block-table th.has-text-align-left { + text-align: right; } /* STYLE: STRIPES */ diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css index 57b2e0bbb2..7371be7cbb 100644 --- a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css +++ b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css @@ -463,7 +463,7 @@ Inter variable font. Usage: border-collapse: collapse; border-spacing: 0; empty-cells: show; - font-size: 16px; + font-size: 18px; margin-bottom: 1.1em; width: 100%; } @@ -491,16 +491,30 @@ Inter variable font. Usage: } .editor-styles-wrapper .wp-block-table .wp-block-table__cell-content { - padding: 12px; + padding: 0.5em; } .editor-styles-wrapper .wp-block-table thead { vertical-align: bottom; white-space: nowrap; + text-align: inherit; } .editor-styles-wrapper .wp-block-table th { font-weight: 700; + text-align: inherit; /* Prevents the header from being centered by default*/ +} + +.editor-styles-wrapper .wp-block-table th.has-text-align-center { + text-align: center; +} + +.editor-styles-wrapper .wp-block-table th.has-text-align-right { + text-align: right; +} + +.editor-styles-wrapper .wp-block-table th.has-text-align-left { + text-align: left; } /* STYLE: STRIPES */ diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css index fb20e67f5b..7b886c7a44 100644 --- a/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css +++ b/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css @@ -42,19 +42,19 @@ Inter variable font. Usage: /* Structure --------------------------------- */ -body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ +body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { - body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ + body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } -body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ +body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ background: #f5efe0; color: #000; font-size: 21px; @@ -64,44 +64,44 @@ body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ width: 580px; } -body#tinymce.wp-editor * { +body#tinymce.wp-editor.content * { box-sizing: border-box; -webkit-font-smoothing: antialiased; } -body#tinymce.wp-editor p, -body#tinymce.wp-editor ol, -body#tinymce.wp-editor ul, -body#tinymce.wp-editor dl, -body#tinymce.wp-editor dt { +body#tinymce.wp-editor.content p, +body#tinymce.wp-editor.content ol, +body#tinymce.wp-editor.content ul, +body#tinymce.wp-editor.content dl, +body#tinymce.wp-editor.content dt { font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; letter-spacing: normal; } -body#tinymce.wp-editor p, -body#tinymce.wp-editor ul, -body#tinymce.wp-editor ol, -body#tinymce.wp-editor blockquote { +body#tinymce.wp-editor.content p, +body#tinymce.wp-editor.content ul, +body#tinymce.wp-editor.content ol, +body#tinymce.wp-editor.content blockquote { line-height: 1.5; margin-bottom: 1.5em; } -body#tinymce.wp-editor code, -body#tinymce.wp-editor kbd, -body#tinymce.wp-editor samp { +body#tinymce.wp-editor.content code, +body#tinymce.wp-editor.content kbd, +body#tinymce.wp-editor.content samp { background: rgba(0, 0, 0, 0.075); } -body#tinymce.wp-editor code, -body#tinymce.wp-editor kbd, -body#tinymce.wp-editor pre, -body#tinymce.wp-editor samp { +body#tinymce.wp-editor.content code, +body#tinymce.wp-editor.content kbd, +body#tinymce.wp-editor.content pre, +body#tinymce.wp-editor.content samp { font-family: monospace; color: inherit; font-size: 15px; } -body#tinymce.wp-editor pre { +body#tinymce.wp-editor.content pre { border: 1px solid #dcd7ca; line-height: 1.5; margin: 40px 0; @@ -110,41 +110,41 @@ body#tinymce.wp-editor pre { text-align: right; } -body#tinymce.wp-editor a, -body#tinymce.wp-editor a:focus, -body#tinymce.wp-editor a:hover { +body#tinymce.wp-editor.content a, +body#tinymce.wp-editor.content a:focus, +body#tinymce.wp-editor.content a:hover { color: #cd2653; text-decoration: underline; } -body#tinymce.wp-editor img { +body#tinymce.wp-editor.content img { height: auto; max-width: 100%; } -body#tinymce.wp-editor img[data-wp-more] { +body#tinymce.wp-editor.content img[data-wp-more] { height: 16px; } -body#tinymce.wp-editor hr { +body#tinymce.wp-editor.content hr { border: none; border-top: 1px solid #dcd7ca; margin: 2em auto; width: 100%; } -body#tinymce.wp-editor hr:not(.is-style-dots) { - background: linear-gradient(to right, rgba(0, 0, 0, 0.42) calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), rgba(0, 0, 0, 0.42) calc(50% + 16px)); +body#tinymce.wp-editor.content hr:not(.is-style-dots) { + background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); border: none; - color: rgba(0, 0, 0, 0.42); + color: #6d6d6d; height: 1px; margin: 80px 0; overflow: visible; position: relative; } -body#tinymce.wp-editor hr:not(.is-style-dots)::before, -body#tinymce.wp-editor hr:not(.is-style-dots)::after { +body#tinymce.wp-editor.content hr:not(.is-style-dots)::before, +body#tinymce.wp-editor.content hr:not(.is-style-dots)::after { background: currentColor; content: ""; display: block; @@ -155,45 +155,45 @@ body#tinymce.wp-editor hr:not(.is-style-dots)::after { width: 1px; } -body#tinymce.wp-editor hr::before { +body#tinymce.wp-editor.content hr::before { right: calc(50% - 5px); } -body#tinymce.wp-editor hr::after { +body#tinymce.wp-editor.content hr::after { left: calc(50% - 5px); } -body#tinymce.wp-editor dt { +body#tinymce.wp-editor.content dt { font-weight: 600; } -body#tinymce.wp-editor dd { +body#tinymce.wp-editor.content dd { line-height: 1.5; } -body#tinymce.wp-editor dd + dt { +body#tinymce.wp-editor.content dd + dt { margin-top: 1.5rem; } /* Font Families ----------------------------- */ -body#tinymce.wp-editor figcaption, -body#tinymce.wp-editor .wp-caption-text, -body#tinymce.wp-editor .wp-caption-dd, -body#tinymce.wp-editor cite, -body#tinymce.wp-editor table { +body#tinymce.wp-editor.content figcaption, +body#tinymce.wp-editor.content .wp-caption-text, +body#tinymce.wp-editor.content .wp-caption-dd, +body#tinymce.wp-editor.content cite, +body#tinymce.wp-editor.content table { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; line-height: 1; } @supports ( font-variation-settings: normal ) { - body#tinymce.wp-editor figcaption, - body#tinymce.wp-editor .wp-caption-text, - body#tinymce.wp-editor .wp-caption-dd, - body#tinymce.wp-editor cite, - body#tinymce.wp-editor table { + body#tinymce.wp-editor.content figcaption, + body#tinymce.wp-editor.content .wp-caption-text, + body#tinymce.wp-editor.content .wp-caption-dd, + body#tinymce.wp-editor.content cite, + body#tinymce.wp-editor.content table { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } @@ -201,12 +201,12 @@ body#tinymce.wp-editor table { /* Titles ------------------------------------ */ -body#tinymce.wp-editor h1, -body#tinymce.wp-editor h2, -body#tinymce.wp-editor h3, -body#tinymce.wp-editor h4, -body#tinymce.wp-editor h5, -body#tinymce.wp-editor h6 { +body#tinymce.wp-editor.content h1, +body#tinymce.wp-editor.content h2, +body#tinymce.wp-editor.content h3, +body#tinymce.wp-editor.content h4, +body#tinymce.wp-editor.content h5, +body#tinymce.wp-editor.content h6 { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; font-weight: 700; @@ -215,29 +215,29 @@ body#tinymce.wp-editor h6 { margin: 40px 0 25px; } -body#tinymce.wp-editor h1 { +body#tinymce.wp-editor.content h1 { font-size: 84px; font-weight: 800; line-height: 1.138888889; } -body#tinymce.wp-editor h2 { +body#tinymce.wp-editor.content h2 { font-size: 48px; } -body#tinymce.wp-editor h3 { +body#tinymce.wp-editor.content h3 { font-size: 40px; } -body#tinymce.wp-editor h4 { +body#tinymce.wp-editor.content h4 { font-size: 32px; } -body#tinymce.wp-editor h5 { +body#tinymce.wp-editor.content h5 { font-size: 24px; } -body#tinymce.wp-editor h6 { +body#tinymce.wp-editor.content h6 { font-size: 18px; letter-spacing: 0.03125em; text-transform: uppercase; @@ -245,7 +245,7 @@ body#tinymce.wp-editor h6 { /* Blockquote -------------------------------- */ -body#tinymce.wp-editor blockquote { +body#tinymce.wp-editor.content blockquote { border-style: solid; border: none; border-right: 2px solid #cd2653; @@ -253,20 +253,20 @@ body#tinymce.wp-editor blockquote { padding: 0.25em 1em 0.25em 0; } -body#tinymce.wp-editor blockquote p { +body#tinymce.wp-editor.content blockquote p { font-style: normal; font-weight: 400; margin: 0; } -body#tinymce.wp-editor cite { +body#tinymce.wp-editor.content cite { color: #6d6d6d; font-size: 16px; font-weight: 500; font-style: normal; } -body#tinymce.wp-editor blockquote cite { +body#tinymce.wp-editor.content blockquote cite { display: block; margin-top: 20px; } @@ -274,122 +274,122 @@ body#tinymce.wp-editor blockquote cite { /* Lists ------------------------------------- */ -body#tinymce.wp-editor ul { +body#tinymce.wp-editor.content ul { margin-right: 1.5em; padding-right: 0; list-style: disc; } -body#tinymce.wp-editor ol { +body#tinymce.wp-editor.content ol { margin-right: 1.5em; padding-right: 0; list-style: square; } -body#tinymce.wp-editor ul ul { +body#tinymce.wp-editor.content ul ul { list-style: circle; } -body#tinymce.wp-editor ul ul ul { +body#tinymce.wp-editor.content ul ul ul { list-style: square; } -body#tinymce.wp-editor ol ol { +body#tinymce.wp-editor.content ol ol { list-style: lower-alpha; } -body#tinymce.wp-editor ol ol ol { +body#tinymce.wp-editor.content ol ol ol { list-style: lower-roman; } -body#tinymce.wp-editor ul ul, -body#tinymce.wp-editor ul ol, -body#tinymce.wp-editor ol ul, -body#tinymce.wp-editor ol ol { +body#tinymce.wp-editor.content ul ul, +body#tinymce.wp-editor.content ul ol, +body#tinymce.wp-editor.content ol ul, +body#tinymce.wp-editor.content ol ol { margin-bottom: 0; } -body#tinymce.wp-editor li { +body#tinymce.wp-editor.content li { line-height: 1.5; margin-bottom: 0.5em; } -body#tinymce.wp-editor ol > li:last-child, -body#tinymce.wp-editor ul > li:last-child { +body#tinymce.wp-editor.content ol > li:last-child, +body#tinymce.wp-editor.content ul > li:last-child { margin-bottom: 0; } -body#tinymce.wp-editor ol > li:first-child, -body#tinymce.wp-editor ul > li:first-child { +body#tinymce.wp-editor.content ol > li:first-child, +body#tinymce.wp-editor.content ul > li:first-child { margin-top: 0.5em; } /* Post Media -------------------------------- */ -body#tinymce.wp-editor figure, -body#tinymce.wp-editor video { +body#tinymce.wp-editor.content figure, +body#tinymce.wp-editor.content video { display: block; margin: 0; } -body#tinymce.wp-editor .wp-caption { +body#tinymce.wp-editor.content .wp-caption { margin-bottom: 1.5em; } -body#tinymce.wp-editor img.alignleft, -body#tinymce.wp-editor .alignleft img, -body#tinymce.wp-editor img.aligncenter, -body#tinymce.wp-editor .aligncenter img, -body#tinymce.wp-editor img.alignright, -body#tinymce.wp-editor .alignright img, -body#tinymce.wp-editor img.alignnone, -body#tinymce.wp-editor .alignnone img { +body#tinymce.wp-editor.content img.alignleft, +body#tinymce.wp-editor.content .alignleft img, +body#tinymce.wp-editor.content img.aligncenter, +body#tinymce.wp-editor.content .aligncenter img, +body#tinymce.wp-editor.content img.alignright, +body#tinymce.wp-editor.content .alignright img, +body#tinymce.wp-editor.content img.alignnone, +body#tinymce.wp-editor.content .alignnone img { display: block; } -body#tinymce.wp-editor .aligncenter, -body#tinymce.wp-editor .alignnone, -body#tinymce.wp-editor .alignwide, -body#tinymce.wp-editor .alignfull { +body#tinymce.wp-editor.content .aligncenter, +body#tinymce.wp-editor.content .alignnone, +body#tinymce.wp-editor.content .alignwide, +body#tinymce.wp-editor.content .alignfull { margin: 50px auto; } -body#tinymce.wp-editor .alignleft, -body#tinymce.wp-editor .alignright { +body#tinymce.wp-editor.content .alignleft, +body#tinymce.wp-editor.content .alignright { margin-bottom: 25px; max-width: 50%; } -body#tinymce.wp-editor .wp-caption img { +body#tinymce.wp-editor.content .wp-caption img { display: block; } -body#tinymce.wp-editor .wp-caption .alignleft, -body#tinymce.wp-editor .wp-caption .alignright { +body#tinymce.wp-editor.content .wp-caption .alignleft, +body#tinymce.wp-editor.content .wp-caption .alignright { margin-bottom: 0; } -body#tinymce.wp-editor .alignleft { +body#tinymce.wp-editor.content .alignleft { float: left; margin-left: 25px; max-width: 260px; } -body#tinymce.wp-editor .alignright { +body#tinymce.wp-editor.content .alignright { float: right; margin-right: 25px; max-width: 260px; } -body#tinymce.wp-editor .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] { +body#tinymce.wp-editor.content .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] { margin-top: -34px; } -body#tinymce.wp-editor figcaption, -body#tinymce.wp-editor .wp-caption-text, -body#tinymce.wp-editor .wp-caption-dd, -body#tinymce.wp-editor .gallery-caption { +body#tinymce.wp-editor.content figcaption, +body#tinymce.wp-editor.content .wp-caption-text, +body#tinymce.wp-editor.content .wp-caption-dd, +body#tinymce.wp-editor.content .gallery-caption { color: #6d6d6d; display: block; font-size: 15px; @@ -398,17 +398,17 @@ body#tinymce.wp-editor .gallery-caption { margin: 18px 0 0; } -body#tinymce.wp-editor figcaption a, -body#tinymce.wp-editor .wp-caption-text a, -body#tinymce.wp-editor .wp-caption-dd a, -body#tinymce.wp-editor .gallery-caption a { +body#tinymce.wp-editor.content figcaption a, +body#tinymce.wp-editor.content .wp-caption-text a, +body#tinymce.wp-editor.content .wp-caption-dd a, +body#tinymce.wp-editor.content .gallery-caption a { color: inherit; } /* Tables ------------------------------------ */ -body#tinymce.wp-editor table { +body#tinymce.wp-editor.content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; @@ -416,73 +416,72 @@ body#tinymce.wp-editor table { width: 100%; } -body#tinymce.wp-editor th, -body#tinymce.wp-editor td { - border-bottom: 1px solid #dcd7ca; +body#tinymce.wp-editor.content th, +body#tinymce.wp-editor.content td { line-height: 1.2; margin: 0; overflow: visible; - padding: 2%; + padding: 0.5em; } -body#tinymce.wp-editor caption { +body#tinymce.wp-editor.content caption { text-align: center; - padding: 2%; + padding: 0.5em; } -body#tinymce.wp-editor thead { +body#tinymce.wp-editor.content thead { vertical-align: bottom; white-space: nowrap; } -body#tinymce.wp-editor th { +body#tinymce.wp-editor.content th { text-align: right; } /* Forms ------------------------------------- */ -body#tinymce.wp-editor fieldset { +body#tinymce.wp-editor.content fieldset { border: 2px solid #dcd7ca; padding: 30px; } -body#tinymce.wp-editor fieldset legend { +body#tinymce.wp-editor.content fieldset legend { font-size: 0.85em; font-weight: 700; padding: 0 15px; } -body#tinymce.wp-editor label { +body#tinymce.wp-editor.content label { display: block; font-size: 15px; font-weight: 600; margin: 0 0 5px 0; } -body#tinymce.wp-editor input, -body#tinymce.wp-editor textarea { +body#tinymce.wp-editor.content input, +body#tinymce.wp-editor.content textarea { border-color: #dcd7ca; color: inherit; font-family: inherit; font-size: inherit; } -body#tinymce.wp-editor input[type="text"], -body#tinymce.wp-editor input[type="password"], -body#tinymce.wp-editor input[type="email"], -body#tinymce.wp-editor input[type="url"], -body#tinymce.wp-editor input[type="date"], -body#tinymce.wp-editor input[type="month"], -body#tinymce.wp-editor input[type="time"], -body#tinymce.wp-editor input[type="datetime"], -body#tinymce.wp-editor input[type="datetime-local"], -body#tinymce.wp-editor input[type="week"], -body#tinymce.wp-editor input[type="number"], -body#tinymce.wp-editor input[type="search"], -body#tinymce.wp-editor input[type="tel"], -body#tinymce.wp-editor input[type="color"], -body#tinymce.wp-editor textarea { +body#tinymce.wp-editor.content input[type="text"], +body#tinymce.wp-editor.content input[type="password"], +body#tinymce.wp-editor.content input[type="email"], +body#tinymce.wp-editor.content input[type="url"], +body#tinymce.wp-editor.content input[type="date"], +body#tinymce.wp-editor.content input[type="month"], +body#tinymce.wp-editor.content input[type="time"], +body#tinymce.wp-editor.content input[type="datetime"], +body#tinymce.wp-editor.content input[type="datetime-local"], +body#tinymce.wp-editor.content input[type="week"], +body#tinymce.wp-editor.content input[type="number"], +body#tinymce.wp-editor.content input[type="search"], +body#tinymce.wp-editor.content input[type="tel"], +body#tinymce.wp-editor.content input[type="color"], +body#tinymce.wp-editor.content textarea { -webkit-appearance: none; -moz-appearance: none; background: transparent; @@ -500,19 +499,19 @@ body#tinymce.wp-editor textarea { word-break: normal; } -body#tinymce.wp-editor textarea { +body#tinymce.wp-editor.content textarea { height: 200px; line-height: 1.5; width: 100%; } -body#tinymce.wp-editor button, -body#tinymce.wp-editor .faux-button, -body#tinymce.wp-editor .wp-block-button__link, -body#tinymce.wp-editor .wp-block-file__button, -body#tinymce.wp-editor input[type="button"], -body#tinymce.wp-editor input[type="reset"], -body#tinymce.wp-editor input[type="submit"] { +body#tinymce.wp-editor.content button, +body#tinymce.wp-editor.content .faux-button, +body#tinymce.wp-editor.content .wp-block-button__link, +body#tinymce.wp-editor.content .wp-block-file__button, +body#tinymce.wp-editor.content input[type="button"], +body#tinymce.wp-editor.content input[type="reset"], +body#tinymce.wp-editor.content input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: #cd2653; @@ -532,20 +531,20 @@ body#tinymce.wp-editor input[type="submit"] { text-transform: uppercase; } -body#tinymce.wp-editor button:focus, -body#tinymce.wp-editor button:hover, -body#tinymce.wp-editor .faux-button:hover, -body#tinymce.wp-editor .faux-button:focus, -body#tinymce.wp-editor .wp-block-button__link:focus, -body#tinymce.wp-editor .wp-block-button__link:hover, -body#tinymce.wp-editor .wp-block-file__button:focus, -body#tinymce.wp-editor .wp-block-file__button:hover, -body#tinymce.wp-editor input[type="button"]:focus, -body#tinymce.wp-editor input[type="button"]:hover, -body#tinymce.wp-editor input[type="reset"]:focus, -body#tinymce.wp-editor input[type="reset"]:hover, -body#tinymce.wp-editor input[type="submit"]:focus, -body#tinymce.wp-editor input[type="submit"]:hover { +body#tinymce.wp-editor.content button:focus, +body#tinymce.wp-editor.content button:hover, +body#tinymce.wp-editor.content .faux-button:hover, +body#tinymce.wp-editor.content .faux-button:focus, +body#tinymce.wp-editor.content .wp-block-button__link:focus, +body#tinymce.wp-editor.content .wp-block-button__link:hover, +body#tinymce.wp-editor.content .wp-block-file__button:focus, +body#tinymce.wp-editor.content .wp-block-file__button:hover, +body#tinymce.wp-editor.content input[type="button"]:focus, +body#tinymce.wp-editor.content input[type="button"]:hover, +body#tinymce.wp-editor.content input[type="reset"]:focus, +body#tinymce.wp-editor.content input[type="reset"]:hover, +body#tinymce.wp-editor.content input[type="submit"]:focus, +body#tinymce.wp-editor.content input[type="submit"]:hover { color: #fff; text-decoration: underline; } @@ -563,13 +562,13 @@ body#tinymce.wp-editor input[type="submit"]:hover { /* BUTTON STYLE: OUTLINE */ -body#tinymce.wp-editor .is-style-outline .wp-block-button__link, -body#tinymce.wp-editor .is-style-outline .wp-block-button__link:focus, -body#tinymce.wp-editor .is-style-outline .wp-block-button__link:hover { +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link, +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:focus, +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:hover { color: #cd2653; } -body#tinymce.wp-editor .is-style-outline .wp-block-button__link { +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link { background: none; border: 2px solid currentColor; padding: calc(1.1em - 2px) calc(1.44em - 2px); @@ -577,7 +576,7 @@ body#tinymce.wp-editor .is-style-outline .wp-block-button__link { /* BUTTON STYLE: SQUARED */ -body#tinymce.wp-editor .is-style-squared .wp-block-button__link { +body#tinymce.wp-editor.content .is-style-squared .wp-block-button__link { border-radius: 0; } @@ -586,17 +585,17 @@ body#tinymce.wp-editor .is-style-squared .wp-block-button__link { /* BLOCK: HELPER CLASSES */ -body#tinymce.wp-editor .has-background { +body#tinymce.wp-editor.content .has-background { padding: 20px; } /* BLOCK: GALLERY */ -body#tinymce.wp-editor ul.wp-block-gallery { +body#tinymce.wp-editor.content ul.wp-block-gallery { list-style: none; margin-right: 0; } -body#tinymce.wp-editor ul.wp-block-gallery li { +body#tinymce.wp-editor.content ul.wp-block-gallery li { margin-right: 0; } diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css index 1827a866ed..91301b6841 100644 --- a/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css +++ b/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css @@ -42,19 +42,19 @@ Inter variable font. Usage: /* Structure --------------------------------- */ -body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ +body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { - body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ + body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } -body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ +body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ background: #f5efe0; color: #000; font-size: 21px; @@ -64,44 +64,44 @@ body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */ width: 580px; } -body#tinymce.wp-editor * { +body#tinymce.wp-editor.content * { box-sizing: border-box; -webkit-font-smoothing: antialiased; } -body#tinymce.wp-editor p, -body#tinymce.wp-editor ol, -body#tinymce.wp-editor ul, -body#tinymce.wp-editor dl, -body#tinymce.wp-editor dt { +body#tinymce.wp-editor.content p, +body#tinymce.wp-editor.content ol, +body#tinymce.wp-editor.content ul, +body#tinymce.wp-editor.content dl, +body#tinymce.wp-editor.content dt { font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; letter-spacing: normal; } -body#tinymce.wp-editor p, -body#tinymce.wp-editor ul, -body#tinymce.wp-editor ol, -body#tinymce.wp-editor blockquote { +body#tinymce.wp-editor.content p, +body#tinymce.wp-editor.content ul, +body#tinymce.wp-editor.content ol, +body#tinymce.wp-editor.content blockquote { line-height: 1.5; margin-bottom: 1.5em; } -body#tinymce.wp-editor code, -body#tinymce.wp-editor kbd, -body#tinymce.wp-editor samp { +body#tinymce.wp-editor.content code, +body#tinymce.wp-editor.content kbd, +body#tinymce.wp-editor.content samp { background: rgba(0, 0, 0, 0.075); } -body#tinymce.wp-editor code, -body#tinymce.wp-editor kbd, -body#tinymce.wp-editor pre, -body#tinymce.wp-editor samp { +body#tinymce.wp-editor.content code, +body#tinymce.wp-editor.content kbd, +body#tinymce.wp-editor.content pre, +body#tinymce.wp-editor.content samp { font-family: monospace; color: inherit; font-size: 15px; } -body#tinymce.wp-editor pre { +body#tinymce.wp-editor.content pre { border: 1px solid #dcd7ca; line-height: 1.5; margin: 40px 0; @@ -110,41 +110,41 @@ body#tinymce.wp-editor pre { text-align: left; } -body#tinymce.wp-editor a, -body#tinymce.wp-editor a:focus, -body#tinymce.wp-editor a:hover { +body#tinymce.wp-editor.content a, +body#tinymce.wp-editor.content a:focus, +body#tinymce.wp-editor.content a:hover { color: #cd2653; text-decoration: underline; } -body#tinymce.wp-editor img { +body#tinymce.wp-editor.content img { height: auto; max-width: 100%; } -body#tinymce.wp-editor img[data-wp-more] { +body#tinymce.wp-editor.content img[data-wp-more] { height: 16px; } -body#tinymce.wp-editor hr { +body#tinymce.wp-editor.content hr { border: none; border-top: 1px solid #dcd7ca; margin: 2em auto; width: 100%; } -body#tinymce.wp-editor hr:not(.is-style-dots) { - background: linear-gradient(to left, rgba(0, 0, 0, 0.42) calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), rgba(0, 0, 0, 0.42) calc(50% + 16px)); +body#tinymce.wp-editor.content hr:not(.is-style-dots) { + background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); border: none; - color: rgba(0, 0, 0, 0.42); + color: #6d6d6d; height: 1px; margin: 80px 0; overflow: visible; position: relative; } -body#tinymce.wp-editor hr:not(.is-style-dots)::before, -body#tinymce.wp-editor hr:not(.is-style-dots)::after { +body#tinymce.wp-editor.content hr:not(.is-style-dots)::before, +body#tinymce.wp-editor.content hr:not(.is-style-dots)::after { background: currentColor; content: ""; display: block; @@ -155,45 +155,45 @@ body#tinymce.wp-editor hr:not(.is-style-dots)::after { width: 1px; } -body#tinymce.wp-editor hr::before { +body#tinymce.wp-editor.content hr::before { left: calc(50% - 5px); } -body#tinymce.wp-editor hr::after { +body#tinymce.wp-editor.content hr::after { right: calc(50% - 5px); } -body#tinymce.wp-editor dt { +body#tinymce.wp-editor.content dt { font-weight: 600; } -body#tinymce.wp-editor dd { +body#tinymce.wp-editor.content dd { line-height: 1.5; } -body#tinymce.wp-editor dd + dt { +body#tinymce.wp-editor.content dd + dt { margin-top: 1.5rem; } /* Font Families ----------------------------- */ -body#tinymce.wp-editor figcaption, -body#tinymce.wp-editor .wp-caption-text, -body#tinymce.wp-editor .wp-caption-dd, -body#tinymce.wp-editor cite, -body#tinymce.wp-editor table { +body#tinymce.wp-editor.content figcaption, +body#tinymce.wp-editor.content .wp-caption-text, +body#tinymce.wp-editor.content .wp-caption-dd, +body#tinymce.wp-editor.content cite, +body#tinymce.wp-editor.content table { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; line-height: 1; } @supports ( font-variation-settings: normal ) { - body#tinymce.wp-editor figcaption, - body#tinymce.wp-editor .wp-caption-text, - body#tinymce.wp-editor .wp-caption-dd, - body#tinymce.wp-editor cite, - body#tinymce.wp-editor table { + body#tinymce.wp-editor.content figcaption, + body#tinymce.wp-editor.content .wp-caption-text, + body#tinymce.wp-editor.content .wp-caption-dd, + body#tinymce.wp-editor.content cite, + body#tinymce.wp-editor.content table { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } @@ -201,12 +201,12 @@ body#tinymce.wp-editor table { /* Titles ------------------------------------ */ -body#tinymce.wp-editor h1, -body#tinymce.wp-editor h2, -body#tinymce.wp-editor h3, -body#tinymce.wp-editor h4, -body#tinymce.wp-editor h5, -body#tinymce.wp-editor h6 { +body#tinymce.wp-editor.content h1, +body#tinymce.wp-editor.content h2, +body#tinymce.wp-editor.content h3, +body#tinymce.wp-editor.content h4, +body#tinymce.wp-editor.content h5, +body#tinymce.wp-editor.content h6 { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; font-weight: 700; @@ -215,29 +215,29 @@ body#tinymce.wp-editor h6 { margin: 40px 0 25px; } -body#tinymce.wp-editor h1 { +body#tinymce.wp-editor.content h1 { font-size: 84px; font-weight: 800; line-height: 1.138888889; } -body#tinymce.wp-editor h2 { +body#tinymce.wp-editor.content h2 { font-size: 48px; } -body#tinymce.wp-editor h3 { +body#tinymce.wp-editor.content h3 { font-size: 40px; } -body#tinymce.wp-editor h4 { +body#tinymce.wp-editor.content h4 { font-size: 32px; } -body#tinymce.wp-editor h5 { +body#tinymce.wp-editor.content h5 { font-size: 24px; } -body#tinymce.wp-editor h6 { +body#tinymce.wp-editor.content h6 { font-size: 18px; letter-spacing: 0.03125em; text-transform: uppercase; @@ -245,7 +245,7 @@ body#tinymce.wp-editor h6 { /* Blockquote -------------------------------- */ -body#tinymce.wp-editor blockquote { +body#tinymce.wp-editor.content blockquote { border-style: solid; border: none; border-left: 2px solid #cd2653; @@ -253,20 +253,20 @@ body#tinymce.wp-editor blockquote { padding: 0.25em 0 0.25em 1em; } -body#tinymce.wp-editor blockquote p { +body#tinymce.wp-editor.content blockquote p { font-style: normal; font-weight: 400; margin: 0; } -body#tinymce.wp-editor cite { +body#tinymce.wp-editor.content cite { color: #6d6d6d; font-size: 16px; font-weight: 500; font-style: normal; } -body#tinymce.wp-editor blockquote cite { +body#tinymce.wp-editor.content blockquote cite { display: block; margin-top: 20px; } @@ -274,103 +274,103 @@ body#tinymce.wp-editor blockquote cite { /* Lists ------------------------------------- */ -body#tinymce.wp-editor ul { +body#tinymce.wp-editor.content ul { margin-left: 1.5em; padding-left: 0; list-style: disc; } -body#tinymce.wp-editor ol { +body#tinymce.wp-editor.content ol { margin-left: 1.5em; padding-left: 0; list-style: square; } -body#tinymce.wp-editor ul ul { +body#tinymce.wp-editor.content ul ul { list-style: circle; } -body#tinymce.wp-editor ul ul ul { +body#tinymce.wp-editor.content ul ul ul { list-style: square; } -body#tinymce.wp-editor ol ol { +body#tinymce.wp-editor.content ol ol { list-style: lower-alpha; } -body#tinymce.wp-editor ol ol ol { +body#tinymce.wp-editor.content ol ol ol { list-style: lower-roman; } -body#tinymce.wp-editor ul ul, -body#tinymce.wp-editor ul ol, -body#tinymce.wp-editor ol ul, -body#tinymce.wp-editor ol ol { +body#tinymce.wp-editor.content ul ul, +body#tinymce.wp-editor.content ul ol, +body#tinymce.wp-editor.content ol ul, +body#tinymce.wp-editor.content ol ol { margin-bottom: 0; } -body#tinymce.wp-editor li { +body#tinymce.wp-editor.content li { line-height: 1.5; margin-bottom: 0.5em; } -body#tinymce.wp-editor ol > li:last-child, -body#tinymce.wp-editor ul > li:last-child { +body#tinymce.wp-editor.content ol > li:last-child, +body#tinymce.wp-editor.content ul > li:last-child { margin-bottom: 0; } -body#tinymce.wp-editor ol > li:first-child, -body#tinymce.wp-editor ul > li:first-child { +body#tinymce.wp-editor.content ol > li:first-child, +body#tinymce.wp-editor.content ul > li:first-child { margin-top: 0.5em; } /* Post Media -------------------------------- */ -body#tinymce.wp-editor figure, -body#tinymce.wp-editor video { +body#tinymce.wp-editor.content figure, +body#tinymce.wp-editor.content video { display: block; margin: 0; } -body#tinymce.wp-editor .wp-caption { +body#tinymce.wp-editor.content .wp-caption { margin-bottom: 1.5em; } -body#tinymce.wp-editor img.alignleft, -body#tinymce.wp-editor .alignleft img, -body#tinymce.wp-editor img.aligncenter, -body#tinymce.wp-editor .aligncenter img, -body#tinymce.wp-editor img.alignright, -body#tinymce.wp-editor .alignright img, -body#tinymce.wp-editor img.alignnone, -body#tinymce.wp-editor .alignnone img { +body#tinymce.wp-editor.content img.alignleft, +body#tinymce.wp-editor.content .alignleft img, +body#tinymce.wp-editor.content img.aligncenter, +body#tinymce.wp-editor.content .aligncenter img, +body#tinymce.wp-editor.content img.alignright, +body#tinymce.wp-editor.content .alignright img, +body#tinymce.wp-editor.content img.alignnone, +body#tinymce.wp-editor.content .alignnone img { display: block; } -body#tinymce.wp-editor .aligncenter, -body#tinymce.wp-editor .alignnone, -body#tinymce.wp-editor .alignwide, -body#tinymce.wp-editor .alignfull { +body#tinymce.wp-editor.content .aligncenter, +body#tinymce.wp-editor.content .alignnone, +body#tinymce.wp-editor.content .alignwide, +body#tinymce.wp-editor.content .alignfull { margin: 50px auto; } -body#tinymce.wp-editor .alignleft, -body#tinymce.wp-editor .alignright { +body#tinymce.wp-editor.content .alignleft, +body#tinymce.wp-editor.content .alignright { margin-bottom: 25px; max-width: 50%; } -body#tinymce.wp-editor .wp-caption img { +body#tinymce.wp-editor.content .wp-caption img { display: block; } -body#tinymce.wp-editor .wp-caption .alignleft, -body#tinymce.wp-editor .wp-caption .alignright { +body#tinymce.wp-editor.content .wp-caption .alignleft, +body#tinymce.wp-editor.content .wp-caption .alignright { margin-bottom: 0; } -body#tinymce.wp-editor .alignleft { +body#tinymce.wp-editor.content .alignleft { /*rtl:ignore*/ float: left; @@ -378,7 +378,7 @@ body#tinymce.wp-editor .alignleft { max-width: 260px; } -body#tinymce.wp-editor .alignright { +body#tinymce.wp-editor.content .alignright { /*rtl:ignore*/ float: right; @@ -386,14 +386,14 @@ body#tinymce.wp-editor .alignright { max-width: 260px; } -body#tinymce.wp-editor .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] { +body#tinymce.wp-editor.content .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] { margin-top: -34px; } -body#tinymce.wp-editor figcaption, -body#tinymce.wp-editor .wp-caption-text, -body#tinymce.wp-editor .wp-caption-dd, -body#tinymce.wp-editor .gallery-caption { +body#tinymce.wp-editor.content figcaption, +body#tinymce.wp-editor.content .wp-caption-text, +body#tinymce.wp-editor.content .wp-caption-dd, +body#tinymce.wp-editor.content .gallery-caption { color: #6d6d6d; display: block; font-size: 15px; @@ -402,17 +402,17 @@ body#tinymce.wp-editor .gallery-caption { margin: 18px 0 0; } -body#tinymce.wp-editor figcaption a, -body#tinymce.wp-editor .wp-caption-text a, -body#tinymce.wp-editor .wp-caption-dd a, -body#tinymce.wp-editor .gallery-caption a { +body#tinymce.wp-editor.content figcaption a, +body#tinymce.wp-editor.content .wp-caption-text a, +body#tinymce.wp-editor.content .wp-caption-dd a, +body#tinymce.wp-editor.content .gallery-caption a { color: inherit; } /* Tables ------------------------------------ */ -body#tinymce.wp-editor table { +body#tinymce.wp-editor.content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; @@ -420,73 +420,72 @@ body#tinymce.wp-editor table { width: 100%; } -body#tinymce.wp-editor th, -body#tinymce.wp-editor td { - border-bottom: 1px solid #dcd7ca; +body#tinymce.wp-editor.content th, +body#tinymce.wp-editor.content td { line-height: 1.2; margin: 0; overflow: visible; - padding: 2%; + padding: 0.5em; } -body#tinymce.wp-editor caption { +body#tinymce.wp-editor.content caption { text-align: center; - padding: 2%; + padding: 0.5em; } -body#tinymce.wp-editor thead { +body#tinymce.wp-editor.content thead { vertical-align: bottom; white-space: nowrap; } -body#tinymce.wp-editor th { +body#tinymce.wp-editor.content th { text-align: left; } /* Forms ------------------------------------- */ -body#tinymce.wp-editor fieldset { +body#tinymce.wp-editor.content fieldset { border: 2px solid #dcd7ca; padding: 30px; } -body#tinymce.wp-editor fieldset legend { +body#tinymce.wp-editor.content fieldset legend { font-size: 0.85em; font-weight: 700; padding: 0 15px; } -body#tinymce.wp-editor label { +body#tinymce.wp-editor.content label { display: block; font-size: 15px; font-weight: 600; margin: 0 0 5px 0; } -body#tinymce.wp-editor input, -body#tinymce.wp-editor textarea { +body#tinymce.wp-editor.content input, +body#tinymce.wp-editor.content textarea { border-color: #dcd7ca; color: inherit; font-family: inherit; font-size: inherit; } -body#tinymce.wp-editor input[type="text"], -body#tinymce.wp-editor input[type="password"], -body#tinymce.wp-editor input[type="email"], -body#tinymce.wp-editor input[type="url"], -body#tinymce.wp-editor input[type="date"], -body#tinymce.wp-editor input[type="month"], -body#tinymce.wp-editor input[type="time"], -body#tinymce.wp-editor input[type="datetime"], -body#tinymce.wp-editor input[type="datetime-local"], -body#tinymce.wp-editor input[type="week"], -body#tinymce.wp-editor input[type="number"], -body#tinymce.wp-editor input[type="search"], -body#tinymce.wp-editor input[type="tel"], -body#tinymce.wp-editor input[type="color"], -body#tinymce.wp-editor textarea { +body#tinymce.wp-editor.content input[type="text"], +body#tinymce.wp-editor.content input[type="password"], +body#tinymce.wp-editor.content input[type="email"], +body#tinymce.wp-editor.content input[type="url"], +body#tinymce.wp-editor.content input[type="date"], +body#tinymce.wp-editor.content input[type="month"], +body#tinymce.wp-editor.content input[type="time"], +body#tinymce.wp-editor.content input[type="datetime"], +body#tinymce.wp-editor.content input[type="datetime-local"], +body#tinymce.wp-editor.content input[type="week"], +body#tinymce.wp-editor.content input[type="number"], +body#tinymce.wp-editor.content input[type="search"], +body#tinymce.wp-editor.content input[type="tel"], +body#tinymce.wp-editor.content input[type="color"], +body#tinymce.wp-editor.content textarea { -webkit-appearance: none; -moz-appearance: none; background: transparent; @@ -504,19 +503,19 @@ body#tinymce.wp-editor textarea { word-break: normal; } -body#tinymce.wp-editor textarea { +body#tinymce.wp-editor.content textarea { height: 200px; line-height: 1.5; width: 100%; } -body#tinymce.wp-editor button, -body#tinymce.wp-editor .faux-button, -body#tinymce.wp-editor .wp-block-button__link, -body#tinymce.wp-editor .wp-block-file__button, -body#tinymce.wp-editor input[type="button"], -body#tinymce.wp-editor input[type="reset"], -body#tinymce.wp-editor input[type="submit"] { +body#tinymce.wp-editor.content button, +body#tinymce.wp-editor.content .faux-button, +body#tinymce.wp-editor.content .wp-block-button__link, +body#tinymce.wp-editor.content .wp-block-file__button, +body#tinymce.wp-editor.content input[type="button"], +body#tinymce.wp-editor.content input[type="reset"], +body#tinymce.wp-editor.content input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: #cd2653; @@ -536,20 +535,20 @@ body#tinymce.wp-editor input[type="submit"] { text-transform: uppercase; } -body#tinymce.wp-editor button:focus, -body#tinymce.wp-editor button:hover, -body#tinymce.wp-editor .faux-button:hover, -body#tinymce.wp-editor .faux-button:focus, -body#tinymce.wp-editor .wp-block-button__link:focus, -body#tinymce.wp-editor .wp-block-button__link:hover, -body#tinymce.wp-editor .wp-block-file__button:focus, -body#tinymce.wp-editor .wp-block-file__button:hover, -body#tinymce.wp-editor input[type="button"]:focus, -body#tinymce.wp-editor input[type="button"]:hover, -body#tinymce.wp-editor input[type="reset"]:focus, -body#tinymce.wp-editor input[type="reset"]:hover, -body#tinymce.wp-editor input[type="submit"]:focus, -body#tinymce.wp-editor input[type="submit"]:hover { +body#tinymce.wp-editor.content button:focus, +body#tinymce.wp-editor.content button:hover, +body#tinymce.wp-editor.content .faux-button:hover, +body#tinymce.wp-editor.content .faux-button:focus, +body#tinymce.wp-editor.content .wp-block-button__link:focus, +body#tinymce.wp-editor.content .wp-block-button__link:hover, +body#tinymce.wp-editor.content .wp-block-file__button:focus, +body#tinymce.wp-editor.content .wp-block-file__button:hover, +body#tinymce.wp-editor.content input[type="button"]:focus, +body#tinymce.wp-editor.content input[type="button"]:hover, +body#tinymce.wp-editor.content input[type="reset"]:focus, +body#tinymce.wp-editor.content input[type="reset"]:hover, +body#tinymce.wp-editor.content input[type="submit"]:focus, +body#tinymce.wp-editor.content input[type="submit"]:hover { color: #fff; text-decoration: underline; } @@ -567,13 +566,13 @@ body#tinymce.wp-editor input[type="submit"]:hover { /* BUTTON STYLE: OUTLINE */ -body#tinymce.wp-editor .is-style-outline .wp-block-button__link, -body#tinymce.wp-editor .is-style-outline .wp-block-button__link:focus, -body#tinymce.wp-editor .is-style-outline .wp-block-button__link:hover { +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link, +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:focus, +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:hover { color: #cd2653; } -body#tinymce.wp-editor .is-style-outline .wp-block-button__link { +body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link { background: none; border: 2px solid currentColor; padding: calc(1.1em - 2px) calc(1.44em - 2px); @@ -581,7 +580,7 @@ body#tinymce.wp-editor .is-style-outline .wp-block-button__link { /* BUTTON STYLE: SQUARED */ -body#tinymce.wp-editor .is-style-squared .wp-block-button__link { +body#tinymce.wp-editor.content .is-style-squared .wp-block-button__link { border-radius: 0; } @@ -590,17 +589,17 @@ body#tinymce.wp-editor .is-style-squared .wp-block-button__link { /* BLOCK: HELPER CLASSES */ -body#tinymce.wp-editor .has-background { +body#tinymce.wp-editor.content .has-background { padding: 20px; } /* BLOCK: GALLERY */ -body#tinymce.wp-editor ul.wp-block-gallery { +body#tinymce.wp-editor.content ul.wp-block-gallery { list-style: none; margin-left: 0; } -body#tinymce.wp-editor ul.wp-block-gallery li { +body#tinymce.wp-editor.content ul.wp-block-gallery li { margin-left: 0; } diff --git a/src/wp-content/themes/twentytwenty/assets/css/font-awesome.css b/src/wp-content/themes/twentytwenty/assets/css/font-awesome.css deleted file mode 100644 index 116b880299..0000000000 --- a/src/wp-content/themes/twentytwenty/assets/css/font-awesome.css +++ /dev/null @@ -1,17 +0,0 @@ -@font-face { - font-family: "Font Awesome 5"; - font-style: normal; - font-weight: 400; - src: - url(../fonts/font-awesome/fa-fallback.woff2?15574881) format("woff2"), - url(../fonts/font-awesome/fa-fallback.woff?15574881) format("woff"); -} - -@font-face { - font-family: "Font Awesome 5 Brands"; - font-style: normal; - font-weight: 400; - src: - url(../fonts/font-awesome/fa-brands-400.woff2) format("woff2"), - url(../fonts/font-awesome/fa-brands-400.woff) format("woff"); -} diff --git a/src/wp-content/themes/twentytwenty/assets/js/index.js b/src/wp-content/themes/twentytwenty/assets/js/index.js index 17074ff508..1fac06fe83 100644 --- a/src/wp-content/themes/twentytwenty/assets/js/index.js +++ b/src/wp-content/themes/twentytwenty/assets/js/index.js @@ -94,10 +94,8 @@ twentytwenty.coverModals = { onToggle: function() { document.querySelectorAll( '.cover-modal' ).forEach( function( element ) { element.addEventListener( 'toggled', function( event ) { - var modal, body; - - modal = event.target; - body = document.body; + var modal = event.target, + body = document.body; if ( modal.classList.contains( 'active' ) ) { body.classList.add( 'showing-modal' ); @@ -140,18 +138,15 @@ twentytwenty.coverModals = { // Hide and show modals before and after their animations have played out hideAndShowModals: function() { - var modals, htmlStyle, adminBar, _doc, _win; - - _doc = document; - _win = window; - modals = _doc.querySelectorAll( '.cover-modal' ); - htmlStyle = _doc.documentElement.style; - adminBar = _doc.querySelector( '#wpadminbar' ); + var _doc = document, + _win = window, + modals = _doc.querySelectorAll( '.cover-modal' ), + htmlStyle = _doc.documentElement.style, + adminBar = _doc.querySelector( '#wpadminbar' ); function getAdminBarHeight( negativeValue ) { - var currentScroll, height; - - currentScroll = _win.pageYOffset; + var height, + currentScroll = _win.pageYOffset; if ( adminBar ) { height = currentScroll + adminBar.getBoundingClientRect().height; @@ -177,12 +172,10 @@ twentytwenty.coverModals = { // Show the modal modals.forEach( function( modal ) { modal.addEventListener( 'toggle-target-before-inactive', function( event ) { - var styles, paddingTop, offsetY, mQuery; - - styles = htmlStyles(); - offsetY = _win.pageYOffset; - paddingTop = ( Math.abs( getAdminBarHeight() ) - offsetY ) + 'px'; - mQuery = _win.matchMedia( '(max-width: 600px)' ); + var styles = htmlStyles(), + offsetY = _win.pageYOffset, + paddingTop = ( Math.abs( getAdminBarHeight() ) - offsetY ) + 'px', + mQuery = _win.matchMedia( '(max-width: 600px)' ); if ( event.target !== modal ) { return; @@ -216,9 +209,7 @@ twentytwenty.coverModals = { } setTimeout( function() { - var clickedEl; - - clickedEl = twentytwenty.toggles.clickedEl; + var clickedEl = twentytwenty.toggles.clickedEl; modal.classList.remove( 'show-modal' ); @@ -246,9 +237,8 @@ twentytwenty.coverModals = { // Untoggle a modal untoggleModal: function( modal ) { - var modalToggle, modalTargetClass; - - modalToggle = false; + var modalTargetClass, + modalToggle = false; // If the modal has specified the string (ID or class) used by toggles to target it, untoggle the toggles with that target string // The modal-target-string must match the string toggles use to target the modal @@ -286,9 +276,8 @@ twentytwenty.intrinsicRatioVideos = { makeFit: function() { document.querySelectorAll( 'iframe, object, video' ).forEach( function( video ) { - var container, ratio, iTargetWidth; - - container = video.parentNode; + var ratio, iTargetWidth, + container = video.parentNode; // Skip videos we want to ignore if ( video.classList.contains( 'intrinsic-ignore' ) || video.parentNode.classList.contains( 'intrinsic-ignore' ) ) { @@ -333,7 +322,7 @@ twentytwenty.smoothScroll = { var anchorElements = document.querySelectorAll( 'a[href*="#"]' ); var anchorElementsList = Array.prototype.slice.call( anchorElements ); anchorElementsList.filter( function( element ) { - if ( element.href === '#' || element.href === '#0' || element.classList.contains( '.do-not-scroll' ) || element.classList.contains( 'skip-link' ) ) { + if ( element.href === '#' || element.href === '#0' || element.id === 'cancel-comment-reply-link' || element.classList.contains( 'do-not-scroll' ) || element.classList.contains( 'skip-link' ) ) { return false; } return true; @@ -382,10 +371,9 @@ twentytwenty.smoothScroll = { if ( scrollToElement ) { scrollToElement.addEventListener( 'click', function( event ) { - var target, originalOffset, additionalOffset, scrollOffset, scrollSpeed; - - // Figure out element to scroll to - target = event.target.dataset.twentytwentyScrollTo; + var originalOffset, additionalOffset, scrollOffset, scrollSpeed, + // Figure out element to scroll to + target = event.target.dataset.twentytwentyScrollTo; // Make sure said element exists if ( target ) { @@ -439,8 +427,8 @@ twentytwenty.modalMenu = { var _doc = document; _doc.addEventListener( 'keydown', function( event ) { - var clickedEl = twentytwenty.toggles.clickedEl, - toggleTarget, modal, selectors, elements, menuType, bottomMenu, activeEl, lastEl, firstEl, tabKey, shiftKey; + var toggleTarget, modal, selectors, elements, menuType, bottomMenu, activeEl, lastEl, firstEl, tabKey, shiftKey, + clickedEl = twentytwenty.toggles.clickedEl; if ( clickedEl && _doc.body.classList.contains( 'showing-modal' ) ) { toggleTarget = clickedEl.dataset.toggleTarget; @@ -503,9 +491,8 @@ twentytwenty.primaryMenu = { // by adding the '.focus' class to all 'li.menu-item-has-children' when the focus is on the 'a' element. focusMenuWithChildren: function() { // Get all the link elements within the primary menu. - var menu, links, i, len; - - menu = document.querySelector( '.primary-menu-wrapper' ); + var links, i, len, + menu = document.querySelector( '.primary-menu-wrapper' ); if ( ! menu ) { return false; @@ -559,15 +546,13 @@ twentytwenty.toggles = { }, performToggle: function( element, instantly ) { - var self, toggle, _doc, targetString, target, timeOutTime, classToToggle, activeClass; - - self = this; - _doc = document; - - // Get our targets - toggle = element; - targetString = toggle.dataset.toggleTarget; - activeClass = 'active'; + var target, timeOutTime, classToToggle, + self = this, + _doc = document, + // Get our targets + toggle = element, + targetString = toggle.dataset.toggleTarget, + activeClass = 'active'; // Elements to focus after modals are closed if ( ! _doc.querySelectorAll( '.show-modal' ).length ) { @@ -598,11 +583,10 @@ twentytwenty.toggles = { } setTimeout( function() { - var focusElement, duration, newTarget, subMenued; - - subMenued = target.classList.contains( 'sub-menu' ); - newTarget = subMenued ? toggle.closest( '.menu-item' ).querySelector( '.sub-menu' ) : target; - duration = toggle.dataset.toggleDuration; + var focusElement, + subMenued = target.classList.contains( 'sub-menu' ), + newTarget = subMenued ? toggle.closest( '.menu-item' ).querySelector( '.sub-menu' ) : target, + duration = toggle.dataset.toggleDuration; // Toggle the target of the clicked toggle if ( toggle.dataset.toggleType === 'slidetoggle' && ! instantly && duration !== '0' ) { @@ -774,11 +758,9 @@ function twentytwentyToggleAttribute( element, attribute, trueVal, falseVal ) { * @param {number} duration */ function twentytwentyMenuToggle( target, duration ) { - var initialPositions = []; - var finalPositions = []; - var initialParentHeight, finalParentHeight; - var menu, menuItems; - var transitionListener; + var initialParentHeight, finalParentHeight, menu, menuItems, transitionListener, + initialPositions = [], + finalPositions = []; if ( ! target ) { return; diff --git a/src/wp-content/themes/twentytwenty/assets/js/skip-link-focus-fix.js b/src/wp-content/themes/twentytwenty/assets/js/skip-link-focus-fix.js new file mode 100644 index 0000000000..181b797996 --- /dev/null +++ b/src/wp-content/themes/twentytwenty/assets/js/skip-link-focus-fix.js @@ -0,0 +1,33 @@ +/** + * File skip-link-focus-fix.js. + * + * Helps with accessibility for keyboard only users. + * + * This is the source file for what is minified in the twentytwenty_skip_link_focus_fix() PHP function. + * + * Learn more: https://git.io/vWdr2 + */ +( function() { + var isIe = /(trident|msie)/i.test( navigator.userAgent ); + + if ( isIe && document.getElementById && window.addEventListener ) { + window.addEventListener( 'hashchange', function() { + var id = location.hash.substring( 1 ), + element; + + if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) { + return; + } + + element = document.getElementById( id ); + + if ( element ) { + if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) { + element.tabIndex = -1; + } + + element.focus(); + } + }, false ); + } +}() ); diff --git a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php index d87c3f2636..1992b059a0 100644 --- a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php +++ b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php @@ -50,6 +50,14 @@ if ( ! class_exists( 'TwentyTwenty_Customize' ) ) { ) ); + $wp_customize->selective_refresh->add_partial( + 'retina_logo', + array( + 'selector' => '.header-titles [class*=site-]:not(.site-description)', + 'render_callback' => 'twentytwenty_customize_partial_site_logo', + ) + ); + /** * Site Identity */ diff --git a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php new file mode 100644 index 0000000000..406a60511a --- /dev/null +++ b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php @@ -0,0 +1,125 @@ + array( 'Tahoma', 'Arial', 'sans-serif' ), + 'ary' => array( 'Tahoma', 'Arial', 'sans-serif' ), + 'azb' => array( 'Tahoma', 'Arial', 'sans-serif' ), + 'ckb' => array( 'Tahoma', 'Arial', 'sans-serif' ), + 'fa-IR' => array( 'Tahoma', 'Arial', 'sans-serif' ), + 'haz' => array( 'Tahoma', 'Arial', 'sans-serif' ), + 'ps' => array( 'Tahoma', 'Arial', 'sans-serif' ), + + // Chinese Simplified (China) - Noto Sans SC. + 'zh-CN' => array( '\'PingFang SC\'', '\'Helvetica Neue\'', '\'Microsoft YaHei New\'', '\'STHeiti Light\'', 'sans-serif' ), + + // Chinese Traditional (Taiwan) - Noto Sans TC. + 'zh-TW' => array( '\'PingFang TC\'', '\'Helvetica Neue\'', '\'Microsoft YaHei New\'', '\'STHeiti Light\'', 'sans-serif' ), + + // Chinese Traditional (Taiwan) - Noto Sans TC. + 'zh-TW' => array( '\'PingFang TC\'', '\'Helvetica Neue\'', '\'Microsoft YaHei New\'', '\'STHeiti Light\'', 'sans-serif' ), + + // Chinese (Hong Kong) - Noto Sans HK. + 'zh-HK' => array( '\'PingFang HK\'', '\'Helvetica Neue\'', '\'Microsoft YaHei New\'', '\'STHeiti Light\'', 'sans-serif' ), + + // Cyrillic. + 'bel' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'bg-BG' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'kk' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'mk-MK' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'mn' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'ru-RU' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'sah' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'sr-RS' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'tt-RU' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + 'uk' => array( '\'Helvetica Neue\'', 'Helvetica', '\'Segoe UI\'', 'Arial', 'sans-serif' ), + + // Devanagari. + 'bn-BD' => array( 'Arial', 'sans-serif' ), + 'hi-IN' => array( 'Arial', 'sans-serif' ), + 'mr' => array( 'Arial', 'sans-serif' ), + 'ne-NP' => array( 'Arial', 'sans-serif' ), + + // Greek. + 'el' => array( '\'Helvetica Neue\', Helvetica, Arial, sans-serif' ), + + // Gujarati. + 'gu' => array( 'Arial', 'sans-serif' ), + + // Hebrew. + 'he-IL' => array( '\'Arial Hebrew\'', 'Arial', 'sans-serif' ), + + // Japanese. + 'ja' => array( 'sans-serif' ), + + // Korean. + 'ko-KR' => array( '\'Apple SD Gothic Neo\'', '\'Malgun Gothic\'', '\'Nanum Gothic\'', 'Dotum', 'sans-serif' ), + + // Thai. + 'th' => array( '\'Sukhumvit Set\'', '\'Helvetica Neue\'', 'Helvetica', 'Arial', 'sans-serif' ), + + // Vietnamese. + 'vi' => array( '\'Libre Franklin\'', 'sans-serif' ), + + ) + ); + + // Return if the selected language has no fallback fonts. + if ( empty( $font_family[ $locale ] ) ) { + return; + } + + // Define elements to apply fallback fonts to. + $elements = apply_filters( + 'twentytwenty_get_localized_font_family_elements', + array( + 'front-end' => array( 'body', 'input', 'textarea', 'button', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file__button', '.has-drop-cap:not(:focus)::first-letter', '.has-drop-cap:not(:focus)::first-letter', '.entry-content .wp-block-archives', '.entry-content .wp-block-categories', '.entry-content .wp-block-cover-image', '.entry-content .wp-block-latest-comments', '.entry-content .wp-block-latest-posts', '.entry-content .wp-block-pullquote', '.entry-content .wp-block-quote.is-large', '.entry-content .wp-block-quote.is-style-large', '.entry-content .wp-block-archives *', '.entry-content .wp-block-categories *', '.entry-content .wp-block-latest-posts *', '.entry-content .wp-block-latest-comments *', '.entry-content p', '.entry-content ol', '.entry-content ul', '.entry-content dl', '.entry-content dt', '.entry-content cite', '.entry-content figcaption', '.entry-content .wp-caption-text', '.comment-content p', '.comment-content ol', '.comment-content ul', '.comment-content dl', '.comment-content dt', '.comment-content cite', '.comment-content figcaption', '.comment-content .wp-caption-text', '.widget_text p', '.widget_text ol', '.widget_text ul', '.widget_text dl', '.widget_text dt', '.widget-content .rssSummary', '.widget-content cite', '.widget-content figcaption', '.widget-content .wp-caption-text' ), + 'block-editor' => array( '.editor-styles-wrapper > *', '.editor-styles-wrapper p', '.editor-styles-wrapper ol', '.editor-styles-wrapper ul', '.editor-styles-wrapper dl', '.editor-styles-wrapper dt', '.editor-post-title__block .editor-post-title__input', '.editor-styles-wrapper .wp-block h1', '.editor-styles-wrapper .wp-block h2', '.editor-styles-wrapper .wp-block h3', '.editor-styles-wrapper .wp-block h4', '.editor-styles-wrapper .wp-block h5', '.editor-styles-wrapper .wp-block h6', '.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter', '.editor-styles-wrapper cite', '.editor-styles-wrapper figcaption', '.editor-styles-wrapper .wp-caption-text' ), + 'classic-editor' => array( 'body#tinymce.wp-editor', 'body#tinymce.wp-editor p', 'body#tinymce.wp-editor ol', 'body#tinymce.wp-editor ul', 'body#tinymce.wp-editor dl', 'body#tinymce.wp-editor dt', 'body#tinymce.wp-editor figcaption', 'body#tinymce.wp-editor .wp-caption-text', 'body#tinymce.wp-editor .wp-caption-dd', 'body#tinymce.wp-editor cite', 'body#tinymce.wp-editor table' ), + ) + ); + + // Return if the specified type doesn't exist. + if ( empty( $elements[ $type ] ) ) { + return; + } + + // Return the specified styles. + return twentytwenty_generate_css( implode( ',', $elements[ $type ] ), 'font-family', implode( ',', $font_family[ $locale ] ), null, null, false ); + + } + } +} diff --git a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php index c2d9766232..a4b2e7af30 100644 --- a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php +++ b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php @@ -127,7 +127,7 @@ if ( ! class_exists( 'TwentyTwenty_SVG_Icons' ) ) { * @var array */ public static $social_icons_map = array( - 'amazon' => array( + 'amazon' => array( 'amazon.com', 'amazon.cn', 'amazon.in', @@ -139,43 +139,32 @@ if ( ! class_exists( 'TwentyTwenty_SVG_Icons' ) ) { 'amazon.co', 'amazon.ca', ), - 'apple' => array( - 'apple.com', - 'itunes.com', - ), - 'behance' => array( + 'behance' => array( 'behance.net', ), - 'codepen' => array( + 'codepen' => array( 'codepen.io', ), - 'facebook' => array( + 'facebook' => array( 'facebook.com', 'fb.me', ), - 'feed' => array( + 'feed' => array( 'feed', ), - 'google-plus' => array( - 'plus.google.com', - ), - 'lastfm' => array( + 'lastfm' => array( 'last.fm', ), - 'mail' => array( + 'mail' => array( 'mailto:', ), - 'slideshare' => array( - 'slideshare.net', - 'slideshare.com', - ), - 'pocket' => array( + 'pocket' => array( 'getpocket.com', ), - 'twitch' => array( + 'twitch' => array( 'twitch.tv', ), - 'wordpress' => array( + 'wordpress' => array( 'wordpress.com', 'wordpress.org', ), @@ -187,87 +176,82 @@ if ( ! class_exists( 'TwentyTwenty_SVG_Icons' ) ) { * @var array */ public static $social_icons = array( - '500px' => '', + '500px' => '', - 'amazon' => '', + 'amazon' => '', - 'apple' => '', + 'bandcamp' => '', - 'bandcamp' => '', + 'behance' => '', - 'behance' => '', + 'codepen' => '', - 'codepen' => '', + 'deviantart' => '', - 'deviantart' => '', + 'dribbble' => '', - 'digg' => '', + 'dropbox' => '', - 'dribbble' => '', + 'etsy' => '', - 'etsy' => '', + 'facebook' => '', - 'facebook' => '', + 'feed' => '', - 'feed' => '', + 'flickr' => '', - 'flickr' => '', + 'foursquare' => '', - 'foursquare' => '', + 'goodreads' => '', - 'goodreads' => '', + 'google' => '', - 'google-plus' => '', + 'github' => '', - 'google' => '', + 'instagram' => '', - 'github' => '', + 'lastfm' => '', - 'instagram' => '', + 'linkedin' => '', - 'lastfm' => '', + 'mail' => '', - 'linkedin' => '', + 'mastodon' => '', - 'mail' => '', + 'medium' => '', - 'medium' => '', + 'meetup' => '', - 'meetup' => '', + 'pinterest' => '', - 'pinterest' => '', + 'pocket' => '', - 'pocket' => '', + 'reddit' => '', - 'reddit' => '', + 'skype' => '', - 'skype' => '', + 'snapchat' => '', - 'slideshare' => '', + 'soundcloud' => '', - 'snapchat' => '', + 'spotify' => '', - 'soundcloud' => '', + 'tumblr' => '', - 'spotify' => '', + 'twitch' => '', - 'stumbleupon' => '', + 'twitter' => '', - 'tumblr' => '', + 'vimeo' => '', - 'twitch' => '', + 'vk' => '', - 'twitter' => '', + // phpcs:disable WordPress.WP.CapitalPDangit.Misspelled + 'wordpress' => '', - 'vimeo' => '', + 'yelp' => '', - 'vk' => '', - - 'wordpress' => '', - - 'yelp' => '', - - 'youtube' => '', + 'youtube' => '', ); diff --git a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php index e3d223521c..1472d0b8fc 100644 --- a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php +++ b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php @@ -74,7 +74,7 @@ if ( ! class_exists( 'TwentyTwenty_Walker_Comment' ) ) { ' . __( 'Edit', 'twentytwenty' ) . ''; + echo ' ' . __( 'Edit', 'twentytwenty' ) . ''; } ?> diff --git a/src/wp-content/themes/twentytwenty/comments.php b/src/wp-content/themes/twentytwenty/comments.php index 7ff3a306f4..5338887f49 100644 --- a/src/wp-content/themes/twentytwenty/comments.php +++ b/src/wp-content/themes/twentytwenty/comments.php @@ -71,8 +71,8 @@ if ( $comments ) { 'echo' => false, 'end_size' => 0, 'mid_size' => 0, - 'next_text' => __( 'Newer Comments', 'twentytwenty' ) . ' →', - 'prev_text' => '← ' . __( 'Older Comments', 'twentytwenty' ), + 'next_text' => __( 'Newer Comments', 'twentytwenty' ) . ' ', + 'prev_text' => ' ' . __( 'Older Comments', 'twentytwenty' ), ) ); diff --git a/src/wp-content/themes/twentytwenty/footer.php b/src/wp-content/themes/twentytwenty/footer.php index 437ef7e4f9..eb00a1fd30 100644 --- a/src/wp-content/themes/twentytwenty/footer.php +++ b/src/wp-content/themes/twentytwenty/footer.php @@ -40,13 +40,13 @@ ↑' ); + printf( __( 'To the top %s', 'twentytwenty' ), '' ); ?> ↑' ); + printf( __( 'Up %s', 'twentytwenty' ), '' ); ?> diff --git a/src/wp-content/themes/twentytwenty/functions.php b/src/wp-content/themes/twentytwenty/functions.php index d255b918b1..a4f50dc420 100644 --- a/src/wp-content/themes/twentytwenty/functions.php +++ b/src/wp-content/themes/twentytwenty/functions.php @@ -64,12 +64,11 @@ function twentytwenty_theme_support() { add_image_size( 'twentytwenty-fullscreen', 1980, 9999 ); // Custom logo. - $logo_id = get_theme_mod( 'custom_logo' ); $logo_width = 120; $logo_height = 90; // If the retina setting is active, double the recommended width and height. - if ( get_theme_mod( 'twentytwenty_retina_logo', false ) ) { + if ( get_theme_mod( 'retina_logo', false ) ) { $logo_width = floor( $logo_width * 2 ); $logo_height = floor( $logo_height * 2 ); } @@ -81,7 +80,6 @@ function twentytwenty_theme_support() { 'width' => $logo_width, 'flex-height' => true, 'flex-width' => true, - 'header-text' => array( 'site-title', 'site-description' ), ) ); @@ -163,6 +161,9 @@ require get_template_directory() . '/classes/class-twentytwenty-walker-page.php' // Custom script loader class. require get_template_directory() . '/classes/class-twentytwenty-script-loader.php'; +// Non-latin language handling. +require get_template_directory() . '/classes/class-twentytwenty-non-latin-languages.php'; + // Custom CSS. require get_template_directory() . '/inc/custom-css.php'; @@ -207,6 +208,40 @@ function twentytwenty_register_scripts() { add_action( 'wp_enqueue_scripts', 'twentytwenty_register_scripts' ); +/** + * Fix skip link focus in IE11. + * + * This does not enqueue the script because it is tiny and because it is only for IE11, + * thus it does not warrant having an entire dedicated blocking script being loaded. + * + * @link https://git.io/vWdr2 + */ +function twentytwenty_skip_link_focus_fix() { + // The following is minified via `terser --compress --mangle -- assets/js/skip-link-focus-fix.js`. + ?> + + get( 'Version' ), true ); } @@ -393,6 +441,35 @@ function twentytwenty_add_classic_editor_customizer_styles( $mce_init ) { add_filter( 'tiny_mce_before_init', 'twentytwenty_add_classic_editor_customizer_styles' ); +/** + * Output non-latin font styles in the classic editor. + * Adds styles to the head of the TinyMCE iframe. Kudos to @Otto42 for the original solution. + * + * @param array $mce_init TinyMCE styles. + * + * @return array $mce_init TinyMCE styles. + */ +function twentytwenty_add_classic_editor_non_latin_styles( $mce_init ) { + + $styles = TwentyTwenty_Non_Latin_Languages::get_non_latin_css( 'classic-editor' ); + + // Return if there are no styles to add. + if ( ! $styles ) { + return $mce_init; + } + + if ( ! isset( $mce_init['content_style'] ) ) { + $mce_init['content_style'] = $styles . ' '; + } else { + $mce_init['content_style'] .= ' ' . $styles . ' '; + } + + return $mce_init; + +} + +add_filter( 'tiny_mce_before_init', 'twentytwenty_add_classic_editor_non_latin_styles' ); + /** * Block Editor Settings. * Add custom colors and font sizes to the block editor. @@ -481,6 +558,19 @@ function twentytwenty_block_editor_settings() { add_action( 'after_setup_theme', 'twentytwenty_block_editor_settings' ); +/** + * Overwrite default more tag with styling and screen reader markup. + * + * @param string $html The default output HTML for the more tag. + * + * @return string $html + */ +function twentytwenty_read_more_tag( $html ) { + return preg_replace( '/(.*)<\/a>/iU', sprintf( '$1 "%1$s"', get_the_title( get_the_ID() ) ), $html ); +} + +add_filter( 'the_content_more_link', 'twentytwenty_read_more_tag' ); + /** * Enqueues scripts for customizer controls & settings. * diff --git a/src/wp-content/themes/twentytwenty/inc/custom-css.php b/src/wp-content/themes/twentytwenty/inc/custom-css.php index 90c8785efc..d9ce6f9596 100644 --- a/src/wp-content/themes/twentytwenty/inc/custom-css.php +++ b/src/wp-content/themes/twentytwenty/inc/custom-css.php @@ -64,15 +64,6 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) { $accent = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'accent' ) ); $accent_default = '#cd2653'; - /** - * Filters the CSS selectors targeting button component on frontend to apply common css - * - * @since 1.0.0 - * - * @param string $string The comma separated string of all CSS selectors targeting button component - */ - $buttons_targets = apply_filters( 'twentytwenty_buttons_targets_front_end', 'button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, input[type=\'button\'], input[type=\'reset\'], input[type=\'submit\']' ); - // Header. $header_footer_background = sanitize_hex_color( twentytwenty_get_color_for_area( 'header-footer', 'background' ) ); $header_footer_background_default = '#ffffff'; @@ -166,14 +157,29 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) { // Colors. // Accent color. if ( $accent && $accent !== $accent_default ) { - twentytwenty_generate_css( 'body#tinymce.wp-editor a', 'color', $accent ); - twentytwenty_generate_css( 'body#tinymce.wp-editor blockquote, body#tinymce.wp-editor .wp-block-quote', 'border-color', $accent, '', ' !important' ); - twentytwenty_generate_css( $buttons_targets, 'background-color', $accent ); + twentytwenty_generate_css( 'body#tinymce.wp-editor.content a, body#tinymce.wp-editor.content a:focus, body#tinymce.wp-editor.content a:hover', 'color', $accent ); + twentytwenty_generate_css( 'body#tinymce.wp-editor.content blockquote, body#tinymce.wp-editor.content .wp-block-quote', 'border-color', $accent, '', ' !important' ); + twentytwenty_generate_css( 'body#tinymce.wp-editor.content button, body#tinymce.wp-editor.content .faux-button, body#tinymce.wp-editor.content .wp-block-button__link, body#tinymce.wp-editor.content .wp-block-file__button, body#tinymce.wp-editor.content input[type=\'button\'], body#tinymce.wp-editor.content input[type=\'reset\'], body#tinymce.wp-editor.content input[type=\'submit\']', 'background-color', $accent ); } // Background color. if ( $background && $background !== $background_default ) { - twentytwenty_generate_css( 'body#tinymce.wp-editor', 'background', '#' . $background ); + twentytwenty_generate_css( 'body#tinymce.wp-editor.content', 'background', '#' . $background ); + } + + // Text color. + if ( $body && $body !== $body_default ) { + twentytwenty_generate_css( 'body#tinymce.wp-editor.content', 'color', $body ); + } + + // Secondary color. + if ( $secondary && $secondary !== $secondary_default ) { + twentytwenty_generate_css( 'body#tinymce.wp-editor.content hr:not(.is-style-dots), body#tinymce.wp-editor.content cite, body#tinymce.wp-editor.content figcaption, body#tinymce.wp-editor.content .wp-caption-text, body#tinymce.wp-editor.content .wp-caption-dd, body#tinymce.wp-editor.content .gallery-caption', 'color', $secondary ); + } + + // Borders color. + if ( $borders && $borders !== $borders_default ) { + twentytwenty_generate_css( 'body#tinymce.wp-editor.content pre, body#tinymce.wp-editor.content hr, body#tinymce.wp-editor.content fieldset,body#tinymce.wp-editor.content input, body#tinymce.wp-editor.content textarea', 'border-color', $borders ); } } diff --git a/src/wp-content/themes/twentytwenty/inc/template-tags.php b/src/wp-content/themes/twentytwenty/inc/template-tags.php index 87361acbea..d220875702 100644 --- a/src/wp-content/themes/twentytwenty/inc/template-tags.php +++ b/src/wp-content/themes/twentytwenty/inc/template-tags.php @@ -232,8 +232,6 @@ function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' ) return; } - $page_template = get_page_template_slug( $post_id ); - /** * Filters post types array * @@ -362,16 +360,14 @@ function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' ) $has_meta = true; ?> -
  • - - - - - - - - - +
  • + + + + + + +
    • >> TABLE OF CONTENTS: ---------------------------------------------------------------- diff --git a/src/wp-content/themes/twentytwenty/readme.txt b/src/wp-content/themes/twentytwenty/readme.txt index 6bcad30b9f..1d9bed7321 100644 --- a/src/wp-content/themes/twentytwenty/readme.txt +++ b/src/wp-content/themes/twentytwenty/readme.txt @@ -7,10 +7,21 @@ Stable tag: 1.0 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -Default theme for Twenty Twenty +Default theme for 2020. == Description == +Our default theme for 2020 is designed to take full advantage of the +flexibility of the block editor. Organizations and businesses have the +ability to create dynamic landing pages with endless layouts using the +group and column blocks. The centered content column and fine-tuned +typography also makes it perfect for traditional blogs. Complete editor +styles give you a good idea of what your content will look like, even +before you publish. You can give your site a personal touch by changing +the background colors and the accent color in the Customizer. The colors of +all elements on your site are automatically calculated based on the colors +you pick, ensuring a high, accessible color contrast for your visitors. + == Changelog == == Copyright == @@ -33,9 +44,8 @@ Chaplin Theme is distributed under the terms of the GNU GPL version 2.0 Twenty Twenty bundles the following third-party resources: -Image in screenshot.png from PxHere -License: Creative Commons Zero (CC0), https://creativecommons.org/publicdomain/zero/1.0/ -URL: https://pxhere.com/en/photo/18153 +Illustrations in screenshot.png by Tammie Lister +License: Creative Commons Zero (CC0), https://creativecommons.org/publicdomain/zero/1.0/ Inter Font Copyright (c) 2016-2019 The Inter Project Authors (me@rsms.me) @@ -54,10 +64,10 @@ License: MIT License, https://opensource.org/licenses/MIT Source: https://feathericons.com Used for post meta icons, and the link icon in the social menu. -Socicon Icons -License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 -Source: https://www.socicon.com -Used for all social menu icons except the link icon. +Social Icons +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Source: WordPress Social Link Block (See wp-includes\blocks\social-link.php) Code from Twenty Nineteen Copyright (c) 2018 WordPress.org diff --git a/src/wp-content/themes/twentytwenty/screenshot.jpg b/src/wp-content/themes/twentytwenty/screenshot.jpg deleted file mode 100644 index db8956e4b2..0000000000 Binary files a/src/wp-content/themes/twentytwenty/screenshot.jpg and /dev/null differ diff --git a/src/wp-content/themes/twentytwenty/screenshot.png b/src/wp-content/themes/twentytwenty/screenshot.png new file mode 100644 index 0000000000..c2359ec8af Binary files /dev/null and b/src/wp-content/themes/twentytwenty/screenshot.png differ diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css index d3bac931ba..a36d632f2a 100644 --- a/src/wp-content/themes/twentytwenty/style-rtl.css +++ b/src/wp-content/themes/twentytwenty/style-rtl.css @@ -2,7 +2,7 @@ Theme Name: Twenty Twenty Text Domain: twentytwenty Version: 1.0 -Description: Default theme for Twenty Twenty +Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks Author: the WordPress team Author URI: https://wordpress.org/ @@ -835,10 +835,17 @@ table { margin: 4rem 0; max-width: 100%; overflow: hidden; - table-layout: fixed; width: 100%; } +.alignleft > table { + margin: 0; +} + +.alignright > table { + margin: 0; +} + th, td { border: 0.1rem solid #dcd7ca; @@ -1333,10 +1340,14 @@ body:not(.enable-search-modal) .header-titles-wrapper { display: block; } +.header-titles .site-logo .site-logo { + margin: 0; +} + .site-logo img { max-height: 6rem; - width: auto; margin: 0 auto; + width: auto; } body:not(.enable-search-modal) .site-logo img { @@ -1676,7 +1687,8 @@ ul.primary-menu { background: #fff; display: none; opacity: 0; - overflow: auto; + overflow-y: auto; + overflow-x: hidden; position: fixed; bottom: 0; right: -99999rem; @@ -2179,11 +2191,11 @@ body.template-full-width .entry-content { } body.template-full-width .entry-content .alignleft { - margin-right: 0; + margin-left: 0; } body.template-full-width .entry-content .alignright { - margin-left: 0; + margin-right: 0; } /* -------------------------------------------------------------------------- */ @@ -2460,28 +2472,33 @@ h2.entry-title { /* Author Bio -------------------------------- */ -.avatar { - border-radius: 50%; -} - .author-bio { margin-top: 4rem; - display: flex; - flex-wrap: wrap; - align-items: flex-start; } -.author-info { - flex: 1; +.hide-avatars .author-bio { + padding-right: 0; +} + +.author-bio .author-title-wrapper { + align-items: center; + display: flex; + margin: 0 0 1rem 0; +} + +.author-bio .avatar { + border-radius: 50%; + margin-left: 1.5rem; + height: 5rem; + width: 5rem; } .hide-avatars img.avatar { display: none; } -.author-bio .avatar { - margin-left: 1.5rem; - width: 5rem; +.author-bio p:last-child { + margin-bottom: 0; } .author-bio .author-title { @@ -2519,7 +2536,7 @@ h2.entry-title { } .pagination-single hr:last-child { - margin: 2.8rem 0 0 0; + margin: 2.8rem 0 0.8rem 0; } .pagination-single a { @@ -2528,11 +2545,7 @@ h2.entry-title { font-weight: 600; letter-spacing: -0.0275em; text-decoration: none; -} - -.pagination-single a:hover, -.pagination-single a:focus { - text-decoration: underline; + flex: 1; } .pagination-single a + a { @@ -3161,7 +3174,7 @@ hr.wp-block-separator { } .wp-block-table.is-style-stripes { - border-bottom-color: #dcd7ca; + border-bottom: none; } /* Block: Quote ------------------------------ */ @@ -4280,6 +4293,12 @@ a.to-the-top > * { max-width: 26rem; } + /* BLOCK: TABLE WIDTH */ + .wp-block-table.alignleft, + .wp-block-table.alignright { + max-width: 100%; + } + /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ @@ -4376,11 +4395,15 @@ a.to-the-top > * { /* ALIGNMENT CLASSES */ - .entry-content .alignleft { + .entry-content > .alignleft, + .entry-content > p .alignleft, + .entry-content > .wp-block-image .alignleft { margin-left: calc(( 100vw - 58rem - 8rem ) / -2); } - .entry-content .alignright { + .entry-content > .alignright, + .entry-content > p .alignright, + .entry-content > .wp-block-image .alignright { margin-right: calc(( 100vw - 58rem - 8rem ) / -2); } @@ -4761,10 +4784,15 @@ a.to-the-top > * { .author-bio { margin-top: 8rem; min-height: 8rem; + padding-right: 10rem; position: relative; } .author-bio .avatar { + position: absolute; + right: 0; + top: 0; + height: 8rem; width: 8rem; } @@ -4789,7 +4817,7 @@ a.to-the-top > * { } .pagination-single hr:last-child { - margin: 4rem 0 0 0; + margin: 4rem 0 0.8rem 0; } .pagination-single a + a { @@ -4994,11 +5022,11 @@ a.to-the-top > * { } .alignleft { - margin: 0.3rem 0 2rem 2rem; + margin: 0.3rem 2rem 2rem 0; } .alignright { - margin: 0.3rem 2rem 2rem 0; + margin: 0.3rem 0 2rem 2rem; } .alignwide, @@ -5783,11 +5811,15 @@ a.to-the-top > * { /* ALIGNMENT CLASSES */ - .entry-content .alignleft { + .entry-content > .alignleft, + .entry-content > p .alignleft, + .entry-content > .wp-block-image .alignleft { margin-left: -31rem; } - .entry-content .alignright { + .entry-content > .alignright, + .entry-content > p .alignright, + .entry-content > .wp-block-image .alignright { margin-right: -31rem; } diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css index e6688cafd8..ad8ca1a580 100644 --- a/src/wp-content/themes/twentytwenty/style.css +++ b/src/wp-content/themes/twentytwenty/style.css @@ -2,8 +2,8 @@ Theme Name: Twenty Twenty Text Domain: twentytwenty Version: 1.0 -Description: Default theme for Twenty Twenty -Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks +Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. +Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/twentytwenty/ @@ -841,10 +841,17 @@ table { margin: 4rem 0; max-width: 100%; overflow: hidden; - table-layout: fixed; width: 100%; } +.alignleft > table { + margin: 0; +} + +.alignright > table { + margin: 0; +} + th, td { border: 0.1rem solid #dcd7ca; @@ -1339,10 +1346,14 @@ body:not(.enable-search-modal) .header-titles-wrapper { display: block; } +.header-titles .site-logo .site-logo { + margin: 0; +} + .site-logo img { max-height: 6rem; - width: auto; margin: 0 auto; + width: auto; } body:not(.enable-search-modal) .site-logo img { @@ -1684,7 +1695,8 @@ ul.primary-menu { background: #fff; display: none; opacity: 0; - overflow: auto; + overflow-y: auto; + overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; @@ -2187,10 +2199,14 @@ body.template-full-width .entry-content { } body.template-full-width .entry-content .alignleft { + + /*rtl:ignore*/ margin-left: 0; } body.template-full-width .entry-content .alignright { + + /*rtl:ignore*/ margin-right: 0; } @@ -2468,28 +2484,33 @@ h2.entry-title { /* Author Bio -------------------------------- */ -.avatar { - border-radius: 50%; -} - .author-bio { margin-top: 4rem; - display: flex; - flex-wrap: wrap; - align-items: flex-start; } -.author-info { - flex: 1; +.hide-avatars .author-bio { + padding-left: 0; +} + +.author-bio .author-title-wrapper { + align-items: center; + display: flex; + margin: 0 0 1rem 0; +} + +.author-bio .avatar { + border-radius: 50%; + margin-right: 1.5rem; + height: 5rem; + width: 5rem; } .hide-avatars img.avatar { display: none; } -.author-bio .avatar { - margin-right: 1.5rem; - width: 5rem; +.author-bio p:last-child { + margin-bottom: 0; } .author-bio .author-title { @@ -2527,7 +2548,7 @@ h2.entry-title { } .pagination-single hr:last-child { - margin: 2.8rem 0 0 0; + margin: 2.8rem 0 0.8rem 0; } .pagination-single a { @@ -2536,11 +2557,7 @@ h2.entry-title { font-weight: 600; letter-spacing: -0.0275em; text-decoration: none; -} - -.pagination-single a:hover, -.pagination-single a:focus { - text-decoration: underline; + flex: 1; } .pagination-single a + a { @@ -3171,7 +3188,7 @@ hr.wp-block-separator { } .wp-block-table.is-style-stripes { - border-bottom-color: #dcd7ca; + border-bottom: none; } /* Block: Quote ------------------------------ */ @@ -4298,6 +4315,12 @@ a.to-the-top > * { max-width: 26rem; } + /* BLOCK: TABLE WIDTH */ + .wp-block-table.alignleft, + .wp-block-table.alignright { + max-width: 100%; + } + /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ @@ -4398,13 +4421,17 @@ a.to-the-top > * { /* ALIGNMENT CLASSES */ - .entry-content .alignleft { + .entry-content > .alignleft, + .entry-content > p .alignleft, + .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: calc(( 100vw - 58rem - 8rem ) / -2); } - .entry-content .alignright { + .entry-content > .alignright, + .entry-content > p .alignright, + .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: calc(( 100vw - 58rem - 8rem ) / -2); @@ -4787,10 +4814,15 @@ a.to-the-top > * { .author-bio { margin-top: 8rem; min-height: 8rem; + padding-left: 10rem; position: relative; } .author-bio .avatar { + position: absolute; + left: 0; + top: 0; + height: 8rem; width: 8rem; } @@ -4815,7 +4847,7 @@ a.to-the-top > * { } .pagination-single hr:last-child { - margin: 4rem 0 0 0; + margin: 4rem 0 0.8rem 0; } .pagination-single a + a { @@ -5020,10 +5052,14 @@ a.to-the-top > * { } .alignleft { + + /*rtl:ignore*/ margin: 0.3rem 2rem 2rem 0; } .alignright { + + /*rtl:ignore*/ margin: 0.3rem 0 2rem 2rem; } @@ -5813,13 +5849,17 @@ a.to-the-top > * { /* ALIGNMENT CLASSES */ - .entry-content .alignleft { + .entry-content > .alignleft, + .entry-content > p .alignleft, + .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: -31rem; } - .entry-content .alignright { + .entry-content > .alignright, + .entry-content > p .alignright, + .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: -31rem; diff --git a/src/wp-content/themes/twentytwenty/template-parts/content.php b/src/wp-content/themes/twentytwenty/template-parts/content.php index 6232fc4c74..cd8d78ec28 100644 --- a/src/wp-content/themes/twentytwenty/template-parts/content.php +++ b/src/wp-content/themes/twentytwenty/template-parts/content.php @@ -33,7 +33,7 @@ if ( is_search() || ! is_singular() && 'summary' === get_theme_mod( 'blog_content', 'full' ) ) { the_excerpt(); } else { - the_content( sprintf( '%1$s "%2$s"', __( 'Continue reading', 'twentytwenty' ), get_the_title() ) ); + the_content( __( 'Continue reading', 'twentytwenty' ) ); } ?> diff --git a/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php b/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php index 2290ee4974..657b94835d 100644 --- a/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php +++ b/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php @@ -9,23 +9,25 @@ if ( (bool) get_the_author_meta( 'description' ) ) : ?>
    - -
    -

    - -

    -

    - - -

    +
    +
    +
    +

    + +

    +
    +
    + + +
    diff --git a/src/wp-content/themes/twentytwenty/template-parts/navigation.php b/src/wp-content/themes/twentytwenty/template-parts/navigation.php index 2beff43c53..ca4eff698a 100644 --- a/src/wp-content/themes/twentytwenty/template-parts/navigation.php +++ b/src/wp-content/themes/twentytwenty/template-parts/navigation.php @@ -33,7 +33,7 @@ if ( $next_post || $prev_post ) { ?> @@ -44,7 +44,7 @@ if ( $next_post || $prev_post ) { ?> %s', - '←', + '', __( 'Newer Posts', 'twentytwenty' ) ); $next_text = sprintf( '%s %s', __( 'Older Posts', 'twentytwenty' ), - '→' + '' ); $posts_pagination = get_the_posts_pagination(