Index: src/wp-content/themes/twentytwenty/.stylelintrc.json
===================================================================
--- src/wp-content/themes/twentytwenty/.stylelintrc.json (nonexistent)
+++ src/wp-content/themes/twentytwenty/.stylelintrc.json (working copy)
@@ -0,0 +1,7 @@
+{
+ "extends": "stylelint-config-wordpress",
+ "rules": {
+ "font-family-no-missing-generic-family-keyword": null,
+ "no-descending-specificity": null
+ }
+}
Property changes on: src/wp-content/themes/twentytwenty/.stylelintrc.json
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/404.php
===================================================================
--- src/wp-content/themes/twentytwenty/404.php (nonexistent)
+++ src/wp-content/themes/twentytwenty/404.php (working copy)
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+ __( '404 not found', 'twentytwenty' ),
+ )
+ );
+ ?>
+
+
+
+
+
+ * {
+ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+ font-size: 17px;
+}
+
+.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
+ font-family: inherit;
+ font-size: inherit;
+}
+
+
+/* Structure --------------------------------- */
+
+.wp-block {
+ max-width: 610px;
+}
+
+.editor-block-list__block[data-align="wide"] .wp-block-group .wp-block {
+ max-width: calc(100% - 40px);
+}
+
+.editor-block-list__block[data-align="full"] .wp-block-group .wp-block {
+ max-width: 100%;
+}
+
+*[data-align="right"] .editor-block-list__block-edit,
+*[data-align="left"] .editor-block-list__block-edit {
+ max-width: 50%;
+}
+
+.editor-block-list__block[data-align="wide"],
+.editor-block-list__block[data-align="full"] {
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+.editor-block-list__block[data-align="wide"] {
+ max-width: 1120px;
+}
+
+.editor-block-list__block[data-align="full"] {
+ max-width: none;
+}
+
+.editor-styles-wrapper .editor-rich-text__tinymce,
+.editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body {
+ line-height: 1.5;
+}
+
+
+/* Colors ------------------------------------ */
+
+/* CUSTOM COLORS */
+
+.has-accent-color {
+ color: #cd2653;
+}
+
+.has-accent-background-color {
+ background-color: #cd2653;
+}
+
+/* GENERAL COLORS */
+
+.has-black-background-color {
+ background-color: #000;
+}
+
+.has-white-background-color {
+ background-color: #fff;
+}
+
+.has-black-color {
+ color: #000;
+}
+
+.has-white-color {
+ color: #fff;
+}
+
+
+/* Typography -------------------------------- */
+
+.editor-styles-wrapper a {
+ color: #cd2653;
+ text-decoration: underline;
+}
+
+.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-post-title__block .editor-post-title__input {
+ font-family: inherit;
+ font-feature-settings: "lnum";
+ font-variant-numeric: lining-nums;
+ font-weight: 700;
+ letter-spacing: -0.005em;
+ line-height: 1.25;
+ margin: 40px 0 25px;
+}
+
+.editor-post-title__block .editor-post-title__input,
+.editor-styles-wrapper .wp-block h1 {
+ font-size: 32px;
+}
+
+.editor-styles-wrapper .wp-block h2 {
+ font-size: 28px;
+}
+
+.editor-styles-wrapper .wp-block h3 {
+ font-size: 24px;
+}
+
+.editor-styles-wrapper .wp-block h4 {
+ font-size: 21px;
+}
+
+.editor-styles-wrapper .wp-block h5 {
+ font-size: 19px;
+}
+
+.editor-styles-wrapper .wp-block h6 {
+ font-size: 1em;
+}
+
+.editor-styles-wrapper p,
+.editor-styles-wrapper p.wp-block-paragraph {
+ line-height: 1.5;
+}
+
+
+/* Monospace --------------------------------- */
+
+.editor-styles-wrapper code,
+.editor-styles-wrapper kbd,
+.editor-styles-wrapper pre,
+.editor-styles-wrapper samp {
+ font-family: monospace;
+}
+
+.editor-styles-wrapper kbd,
+.editor-styles-wrapper pre,
+.editor-styles-wrapper samp {
+ border-radius: 0;
+ font-size: 0.75em;
+ padding: 4px 6px;
+}
+
+.editor-styles-wrapper pre {
+ border-radius: 0;
+ line-height: 1.5;
+ padding: 1em;
+}
+
+
+/* Custom Text Sizes ------------------------- */
+
+.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
+.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
+.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce,
+.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
+ line-height: 1.4;
+}
+
+.editor-styles-wrapper p.has-small-font-size {
+ font-size: 0.842em;
+}
+
+.editor-styles-wrapper p.has-regular-font-size {
+ font-size: 1em;
+}
+
+.editor-styles-wrapper p.has-medium-font-size {
+ font-size: 1.1em;
+}
+
+.editor-styles-wrapper p.has-large-font-size {
+ font-size: 1.25em;
+}
+
+.editor-styles-wrapper p.has-larger-font-size {
+ font-size: 1.5em;
+}
+
+
+/* Post Media -------------------------------- */
+
+.editor-styles-wrapper figure {
+ margin: 0;
+}
+
+.editor-styles-wrapper .alignleft,
+.editor-styles-wrapper .alignright {
+ margin-bottom: 1.2em;
+ max-width: 50%;
+}
+
+.editor-styles-wrapper .wp-caption .alignleft,
+.editor-styles-wrapper .wp-caption .alignright {
+ margin-bottom: 0;
+}
+
+.editor-styles-wrapper .alignleft {
+ margin-left: 1em;
+}
+
+.editor-styles-wrapper .alignright {
+ margin-right: 1em;
+}
+
+.editor-styles-wrapper figcaption {
+ color: inherit;
+ font-size: 14px;
+ font-weight: 500;
+ margin-top: 10px;
+ text-align: right;
+}
+
+.editor-styles-wrapper .editor-block-list__block[data-align="full"] figcaption {
+ padding: 0 15px;
+}
+
+
+/* Forms ------------------------------------- */
+
+.editor-styles-wrapper fieldset {
+ border: 2px solid #e1e1e3;
+ padding: 20px;
+}
+
+.editor-styles-wrapper legend {
+ font-size: 0.85em;
+ font-weight: 700;
+ padding: 0 10px;
+}
+
+.editor-styles-wrapper label {
+ font-size: 15px;
+ font-weight: 600;
+}
+
+
+/* Block: _Shared Lists ---------------------- */
+
+.editor-styles-wrapper ul.wp-block-archives,
+.editor-styles-wrapper ul.wp-block-categories,
+.editor-styles-wrapper ul.wp-block-latest-posts {
+ list-style: none;
+ margin: 40px 0;
+ padding-right: 0;
+}
+
+.editor-styles-wrapper ul.wp-block-categories__list {
+ list-style: none;
+ margin-right: 0;
+ padding-right: 0;
+}
+
+.editor-styles-wrapper ul.wp-block-archives li,
+.editor-styles-wrapper ul.wp-block-categories li,
+.editor-styles-wrapper ul.wp-block-latest-posts li {
+ line-height: 1.2;
+ margin: 20px 0 0 0;
+}
+
+.editor-styles-wrapper ul.wp-block-archives li li,
+.editor-styles-wrapper ul.wp-block-categories li li,
+.editor-styles-wrapper ul.wp-block-categories__list li li,
+.editor-styles-wrapper ul.wp-block-latest-posts li li {
+ margin-right: 20px;
+}
+
+.editor-styles-wrapper .wp-block-archives li > a,
+.editor-styles-wrapper .wp-block-categories li > a,
+.editor-styles-wrapper .wp-block-latest-posts li > a {
+ font-size: 1.25em;
+ font-weight: 700;
+ text-decoration: none;
+}
+
+.editor-styles-wrapper .wp-block-archives.aligncenter,
+.editor-styles-wrapper .wp-block-categories.aligncenter {
+ text-align: center;
+}
+
+
+/* Block: Table ------------------------------ */
+
+.editor-styles-wrapper table.wp-block-table {
+ border-color: #e1e1e3;
+ border-collapse: collapse;
+ border-spacing: 0;
+ empty-cells: show;
+ font-size: 0.85em;
+ margin-bottom: 1.1em;
+ width: 100%;
+}
+
+.editor-styles-wrapper table.wp-block-table caption,
+.editor-styles-wrapper table.wp-block-table th,
+.editor-styles-wrapper table.wp-block-table td {
+ border-color: inherit;
+ color: inherit;
+}
+
+.editor-styles-wrapper .wp-block-table caption {
+ padding: 0;
+ text-align: center;
+}
+
+.editor-styles-wrapper .wp-block-table th,
+.editor-styles-wrapper .wp-block-table td {
+ line-height: 1.4;
+ margin: 0;
+ overflow: visible;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-table .wp-block-table__cell-content {
+ padding: 12px;
+}
+
+.editor-styles-wrapper .wp-block-table thead {
+ vertical-align: bottom;
+ white-space: nowrap;
+}
+
+.editor-styles-wrapper .wp-block-table th {
+ font-weight: 700;
+}
+
+.editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
+ background: #f1f1f3;
+}
+
+
+/* Block: Separator -------------------------- */
+
+.editor-styles-wrapper hr.wp-block-separator {
+ border: none;
+ border-top: 1px solid #e1e1e3;
+ margin: 2em auto;
+ width: 100%;
+}
+
+.editor-styles-wrapper .wp-block-separator.is-style-dots {
+ border: none;
+}
+
+.editor-styles-wrapper .wp-block-separator.is-style-dots::before {
+ color: inherit;
+}
+
+.editor-styles-wrapper .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
+ margin-right: 0;
+ width: 100%;
+}
+
+.editor-styles-wrapper .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
+.editor-styles-wrapper .wp-block-separator.is-style-wide {
+ max-width: none;
+}
+
+
+/* Block: Quote ------------------------------ */
+
+.editor-styles-wrapper blockquote {
+ margin: 0;
+}
+
+.editor-styles-wrapper .wp-block-quote {
+ border-color: #cd2653 !important;
+ border-style: solid;
+ border-width: 0 4px 0 0;
+ color: inherit;
+ margin: 20px 0;
+ padding: 5px 20px 5px 0;
+}
+
+.editor-styles-wrapper .wp-block-quote[style*="text-align:center"],
+.editor-styles-wrapper .wp-block-quote[style*="text-align: center"] {
+ border-width: 0;
+ padding: 5px 0;
+}
+
+.editor-styles-wrapper .wp-block-quote[style*="text-align:right"],
+.editor-styles-wrapper .wp-block-quote[style*="text-align: right"] {
+ border-width: 0 0 0 4px;
+ padding: 5px 0 5px 20px;
+}
+
+.editor-styles-wrapper cite,
+.editor-styles-wrapper .wp-block-quote__citation,
+.editor-styles-wrapper .wp-block-quote cite,
+.editor-styles-wrapper .wp-block-quote footer {
+ color: inherit;
+ font-size: 14px;
+ font-weight: 600;
+}
+
+.editor-styles-wrapper .wp-block-quote p {
+ color: inherit;
+ font-weight: 400;
+ margin: 0 0 20px 0;
+}
+
+.editor-styles-wrapper .wp-block-quote.is-style-large {
+ border: none;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-quote.is-style-large p {
+ font-size: 1.75em;
+ font-style: italic;
+ font-weight: 700;
+ line-height: 1.25;
+}
+
+
+/* Block: Cover ------------------------------ */
+
+.editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
+.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
+ margin: 0 auto;
+ max-width: 1120px;
+ width: calc(100% - 50px);
+}
+
+.editor-styles-wrapper .wp-block-cover-image .wp-block,
+.editor-styles-wrapper .wp-block-cover .wp-block,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2 {
+ max-width: 100%;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-cover {
+ min-height: 75vh;
+}
+
+.editor-styles-wrapper .wp-block-cover p {
+ font-weight: 500;
+}
+
+.editor-styles-wrapper .wp-block-cover a {
+ color: inherit;
+}
+
+
+/* Block: Paragraph -------------------------- */
+
+/* Block: Pullquote -------------------------- */
+
+.editor-styles-wrapper .wp-block-pullquote {
+ border: none;
+ color: inherit;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-pullquote,
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
+ text-align: center;
+}
+
+.editor-styles-wrapper .wp-block-pullquote.alignleft,
+.editor-styles-wrapper .wp-block-pullquote.alignright {
+ max-width: 50%;
+}
+
+.editor-styles-wrapper .editor-block-list__block .wp-block-pullquote p {
+ font-weight: 700;
+ line-height: 1.25;
+ margin-bottom: 20px;
+}
+
+.editor-styles-wrapper .editor-block-list__block .wp-block-pullquote p,
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
+.editor-styles-wrapper .editor-block-list__block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
+.editor-styles-wrapper .editor-block-list__block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
+ font-size: 1.75em;
+}
+
+.editor-styles-wrapper .wp-block-pullquote__citation,
+.editor-styles-wrapper .wp-block-pullquote cite,
+.editor-styles-wrapper .wp-block-pullquote footer {
+ font-size: 14px;
+ font-weight: 600;
+ text-transform: none;
+}
+
+/* STYLE: SOLID COLOR */
+
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
+ padding: 30px 20px;
+}
+
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
+ max-width: 100%;
+}
+
+
+/* Block: Verse ------------------------------ */
+
+.editor-styles-wrapper .wp-block-verse pre,
+.editor-styles-wrapper pre.wp-block-verse {
+ font-size: 0.75em;
+}
+
+
+/* Block: Button ----------------------------- */
+
+.editor-styles-wrapper .wp-block-button__link,
+.editor-styles-wrapper .wp-block-file__button {
+ background: #cd2653;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 16px;
+ font-weight: 600;
+ line-height: 1;
+ padding: 1.175em 1.75em;
+}
+
+.editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
+ line-height: 1.1;
+}
+
+/* BUTTON STYLE: OUTLINE */
+
+.editor-styles-wrapper .is-style-outline .wp-block-button__link {
+ background: none;
+ border-color: currentColor;
+ color: #1a1b1f;
+ padding: calc(1.175em - 2px) calc(1.75em - 2px);
+}
+
+/* BUTTON STYLE: SQUARED */
+
+.editor-styles-wrapper .is-style-squared .wp-block-button__link {
+ border-radius: 0;
+}
+
+
+/* Block: Latest Comments -------------------- */
+
+.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment {
+ font-size: inherit;
+ margin-bottom: 20px;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
+ margin-bottom: 0;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-meta,
+.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
+ margin-right: 0 !important;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-meta {
+ font-weight: 700;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
+ text-decoration: none;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments time {
+ display: block;
+ font-size: 1em;
+ font-weight: 400;
+ margin-top: 5px;
+}
+
+/* HAS AVATAR */
+
+.editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
+ display: flex;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar {
+ border-radius: 0;
+ flex-shrink: 0;
+ height: 60px;
+ margin-left: 15px;
+ width: 60px;
+}
+
+/* HAS EXCERPT */
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
+ font-size: 0.9em;
+ margin-top: 10px;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p:last-child {
+ margin-bottom: 0;
+}
+
+
+/* Block: Latest Posts ----------------------- */
+
+/* STYLE: GRID */
+
+.editor-styles-wrapper .wp-block-latest-posts.is-grid li {
+ border-color: #e1e1e3;
+}
+
+.editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
+ border-style: solid;
+ border-width: 1px 0 0;
+ margin: 0 0 24px 16px;
+ padding-top: 12px;
+}
+
+.editor-styles-wrapper ul.wp-block-latest-posts .wp-block-latest-posts__post-date {
+ color: inherit;
+ display: block;
+ font-size: 1em;
+ margin: 8px 0 0;
+}
+
+.editor-styles-wrapper .wp-block-latest-posts__post-excerpt {
+ font-size: 0.95em;
+ line-height: 1.4;
+ margin-top: 15px;
+}
+
+/* Block: Embed ------------------------------ */
+
+.editor-styles-wrapper .wp-block-embed {
+ margin-bottom: 3rem;
+ margin-top: 3rem;
+}
+
+.editor-styles-wrapper .editor-block-list__block[data-type*="core-embed"][data-align="center"] * {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+/* Block: File ------------------------------- */
+
+.editor-styles-wrapper .wp-block-file {
+ background: none;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-file__content-wrapper {
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+}
+
+.editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
+ color: #cd2653;
+ font-weight: 700;
+ text-decoration: none;
+}
+
+.editor-styles-wrapper .wp-block-file .wp-block-file__button {
+ font-size: 14px;
+ padding: 1em 1.25em;
+}
+
+/* Block: Image ------------------------------ */
+
+.editor-styles-wrapper .wp-block-image {
+ margin-bottom: 3rem;
+ margin-top: 3rem;
+}
+
+/* Block: Group ------------------------------ */
+
+.wp-block-group p[style*="text-align: center"],
+.wp-block-group p[style*="text-align:center"] {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.wp-block-group p[style*="text-align: right"],
+.wp-block-group p[style*="text-align:right"] {
+ margin-right: auto;
+}
+
+/* Block: Paragraph -------------------------- */
+
+.wp-block[data-type="core/paragraph"] p {
+ max-width: 580px;
+}
+
+
+/* -------------------------------------------------------------------------- */
+
+/* X. Media Queries
+/* -------------------------------------------------------------------------- */
+
+
+@media ( min-width: 700px ) {
+
+ /* STRUCTURE */
+
+ .editor-styles-wrapper > * {
+ font-size: 18px;
+ }
+
+ .editor-block-list__block[data-align="wide"],
+ .editor-block-list__block[data-align="full"] {
+ margin-bottom: 60px;
+ margin-top: 60px;
+ }
+
+ /* TYPOGRAPHY */
+
+ .editor-post-title__block .editor-post-title__input,
+ .editor-styles-wrapper .wp-block h1 {
+ font-size: 48px;
+ }
+
+ .editor-styles-wrapper .wp-block h2 {
+ font-size: 40px;
+ }
+
+ .editor-styles-wrapper .wp-block h3 {
+ font-size: 32px;
+ }
+
+ .editor-styles-wrapper .wp-block h4 {
+ font-size: 24px;
+ }
+
+ .editor-styles-wrapper .wp-block h5 {
+ font-size: 21px;
+ }
+
+ /* FORMS */
+
+ .editor-styles-wrapper fieldset {
+ padding: 30px;
+ }
+
+ .editor-styles-wrapper legend {
+ padding: 0 15px;
+ }
+
+ /* BLOCK: PULLQUOTE */
+
+ .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
+ padding: 40px 30px;
+ }
+
+ .editor-styles-wrapper .editor-block-list__block[data-type="core/pullquote"][data-align="wide"] blockquote > .block-editor-rich-text p,
+ .editor-styles-wrapper .editor-block-list__block[data-type="core/pullquote"][data-align="full"] blockquote > .block-editor-rich-text p {
+ font-size: 2.5em;
+ }
+
+ /* BLOCK: COLUMNS */
+
+ .wp-block-column {
+ font-size: 16px;
+ }
+
+ /* BLOCK: COVER */
+
+ .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
+ .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 80px);
+ }
+
+ /* BLOCK: LATEST POSTS */
+
+ .editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
+ margin: 0 0 40px 16px;
+ padding-top: 24px;
+ }
+
+}
+
+
+@media ( min-width: 1000px ) {
+
+
+ /* STRUCTURE */
+
+ .editor-block-list__block[data-align="wide"],
+ .editor-block-list__block[data-align="full"] {
+ margin-bottom: 80px;
+ margin-top: 80px;
+ }
+
+ /* BLOCK: COLUMNS */
+
+ .wp-block-column {
+ font-size: 18px;
+ }
+
+ /* BLOCK: COVER */
+
+ .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
+ .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 100px);
+ }
+
+
+}
+
+
+@media ( min-width: 1220px ) {
+
+
+ /* STRUCTURE */
+
+ .editor-block-list__block[data-align="wide"],
+ .editor-block-list__block[data-align="full"] {
+ margin-bottom: 80px;
+ margin-top: 80px;
+ }
+
+}
Property changes on: src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css
===================================================================
--- src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css (working copy)
@@ -0,0 +1,1402 @@
+/* ------------------------------------------- */
+
+/* Twenty Twenty Editor Styles — Block Editor
+/* ------------------------------------------- */
+
+.editor-styles-wrapper {
+ background: #f5efe0;
+ color: #000;
+ letter-spacing: -0.015em;
+ -moz-font-smoothing: antialiased;
+ -webkit-font-smoothing: antialiased;
+}
+
+.editor-styles-wrapper > * {
+ color: #000;
+ font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+ font-size: 18px;
+}
+
+@supports ( font-variation-settings: normal ) {
+
+ .editor-styles-wrapper > * {
+ font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+ }
+
+}
+
+.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
+ font-family: inherit;
+ font-size: inherit;
+}
+
+
+/* Fonts ------------------------------------- */
+
+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually
+ * inserting a custom font that includes just a Hoefler Text space replacement
+ * for that character instead.
+ */
+@font-face {
+ font-family: NonBreakingSpaceOverride;
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
+/* INTER */
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 400;
+ src:
+ url(../fonts/inter/Inter-Regular.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Regular.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 400;
+ src:
+ url(../fonts/inter/Inter-Italic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Italic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 500;
+ src:
+ url(../fonts/inter/Inter-Medium.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Medium.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 500;
+ src:
+ url(../fonts/inter/Inter-MediumItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-MediumItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 600;
+ src:
+ url(../fonts/inter/Inter-SemiBold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-SemiBold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 600;
+ src:
+ url(../fonts/inter/Inter-SemiBoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-SemiBoldItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 700;
+ src:
+ url(../fonts/inter/Inter-Bold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Bold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 700;
+ src:
+ url(../fonts/inter/Inter-BoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-BoldItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 800;
+ src:
+ url(../fonts/inter/Inter-ExtraBold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-ExtraBold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 800;
+ src:
+ url(../fonts/inter/Inter-ExtraBoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-ExtraBoldItalic.woff) format("woff");
+}
+
+/* ----------------------------------------------
+Variable font. Usage:
+
+html { font-family: Inter, sans-serif; }
+@supports (font-variation-settings: normal) {
+ html { font-family: "Inter var", sans-serif; }
+}
+---------------------------------------------- */
+
+@font-face {
+ font-family: "Inter var";
+ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
+ font-style: normal;
+ src: url(../fonts/inter/Inter-upright.var.woff2) format("woff2");
+}
+
+@font-face {
+ font-family: "Inter var";
+ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
+ font-style: italic;
+ src: url(../fonts/inter/Inter-italic.var.woff2) format("woff2");
+}
+
+/* Structure --------------------------------- */
+
+.wp-block {
+ max-width: 610px;
+}
+
+.wp-block[data-align="wide"] .wp-block-group .wp-block {
+ max-width: 100%;
+}
+
+.wp-block[data-align="full"] .wp-block-group .wp-block {
+ max-width: 100%;
+}
+
+*[data-align="right"] .wp-block-edit,
+*[data-align="left"] .wp-block-edit {
+ max-width: 50%;
+}
+
+.wp-block[data-align="wide"] {
+ margin-bottom: 30px;
+ margin-top: 30px;
+ max-width: 1200px;
+}
+
+.wp-block[data-align="full"] {
+ margin-bottom: 50px;
+ margin-top: 50px;
+ max-width: none;
+}
+
+.editor-styles-wrapper .editor-rich-text__tinymce,
+.editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body {
+ line-height: 1.5;
+}
+
+
+/* Font Families ------------------------------ */
+
+.editor-styles-wrapper p,
+.editor-styles-wrapper ol,
+.editor-styles-wrapper ul,
+.editor-styles-wrapper dl,
+.editor-styles-wrapper dt {
+ font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
+ letter-spacing: normal;
+}
+
+.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 {
+ font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+}
+
+@supports ( font-variation-settings: normal ) {
+
+ .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 {
+ font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+ }
+
+}
+
+
+/* Colors ------------------------------------ */
+
+/* CUSTOM COLORS */
+
+.has-accent-color {
+ color: #cd2653;
+}
+
+.has-accent-background-color {
+ background-color: #cd2653;
+}
+
+/* GENERAL COLORS */
+
+.has-black-background-color {
+ background-color: #000;
+}
+
+.has-white-background-color {
+ background-color: #fff;
+}
+
+.has-black-color {
+ color: #000;
+}
+
+.has-white-color {
+ color: #fff;
+}
+
+
+/* Typography -------------------------------- */
+
+.editor-styles-wrapper a {
+ color: #cd2653;
+ text-decoration: underline;
+}
+
+.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 {
+ color: #000;
+ font-feature-settings: "lnum";
+ font-variant-numeric: lining-nums;
+ font-weight: 700;
+ letter-spacing: -0.0415625em;
+ line-height: 1.25;
+ margin: 40px 0 25px;
+}
+
+.editor-post-title__block .editor-post-title__input,
+.editor-styles-wrapper .wp-block h1 {
+ font-size: 36px;
+ font-weight: 800;
+ line-height: 1.138888889;
+}
+
+.editor-styles-wrapper .wp-block h2 {
+ font-size: 32px;
+}
+
+.editor-styles-wrapper .wp-block h3 {
+ font-size: 28px;
+}
+
+.editor-styles-wrapper .wp-block h4 {
+ font-size: 24px;
+}
+
+.editor-styles-wrapper .wp-block h5 {
+ font-size: 21px;
+}
+
+.editor-styles-wrapper .wp-block h6 {
+ font-size: 16px;
+ letter-spacing: 0.03125em;
+ text-transform: uppercase;
+}
+
+.editor-styles-wrapper li,
+.editor-styles-wrapper p,
+.editor-styles-wrapper p.wp-block-paragraph {
+ line-height: 1.4;
+}
+
+/* POST TITLE */
+
+.wp-block.editor-post-title__block {
+ max-width: 1000px;
+}
+
+.editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
+ margin: 0;
+ text-align: center;
+}
+
+/* DROP CAP */
+
+.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
+ color: #cd2653;
+ font-size: 5.1em;
+ font-weight: 800;
+ margin: 0.05em 0.1em 0 0;
+}
+
+
+/* Monospace --------------------------------- */
+
+.editor-styles-wrapper code,
+.editor-styles-wrapper kbd,
+.editor-styles-wrapper pre,
+.editor-styles-wrapper samp {
+ font-family: monospace;
+}
+
+.editor-styles-wrapper kbd,
+.editor-styles-wrapper pre,
+.editor-styles-wrapper samp {
+ border-radius: 0;
+ font-size: 0.75em;
+ padding: 4px 6px;
+}
+
+.editor-styles-wrapper pre {
+ border-color: #dcd7ca;
+ border-radius: 0;
+ line-height: 1.5;
+ padding: 1em;
+}
+
+
+/* Custom Text Sizes ------------------------- */
+
+.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
+.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
+.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce,
+.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
+ line-height: 1.4;
+}
+
+.editor-styles-wrapper p.has-small-font-size {
+ font-size: 0.842em;
+}
+
+.editor-styles-wrapper p.has-regular-font-size {
+ font-size: 1em;
+}
+
+.editor-styles-wrapper p.has-medium-font-size {
+ font-size: 1.1em;
+}
+
+.editor-styles-wrapper p.has-large-font-size {
+ font-size: 1.25em;
+}
+
+.editor-styles-wrapper p.has-larger-font-size {
+ font-size: 1.5em;
+}
+
+
+/* Post Media -------------------------------- */
+
+.editor-styles-wrapper figure {
+ margin: 0;
+}
+
+.editor-styles-wrapper .alignleft,
+.editor-styles-wrapper .alignright {
+ margin-bottom: 1.2em;
+ max-width: 260px;
+}
+
+.editor-styles-wrapper .wp-caption .alignleft,
+.editor-styles-wrapper .wp-caption .alignright {
+ margin-bottom: 0;
+}
+
+.editor-styles-wrapper .alignleft {
+ margin-right: 1em;
+}
+
+.editor-styles-wrapper .alignright {
+ margin-left: 1em;
+}
+
+.editor-styles-wrapper figcaption {
+ color: #6d6d6d;
+ font-size: 15px;
+ font-weight: 500;
+ line-height: 1.2;
+ margin-top: 5px;
+ text-align: inherit;
+}
+
+
+/* Forms ------------------------------------- */
+
+.editor-styles-wrapper fieldset {
+ border: 2px solid #dcd7ca;
+ padding: 20px;
+}
+
+.editor-styles-wrapper legend {
+ font-size: 0.85em;
+ font-weight: 700;
+ padding: 0 10px;
+}
+
+.editor-styles-wrapper label {
+ font-size: 15px;
+ font-weight: 600;
+}
+
+
+/* Block: Base Margins ---------------------- */
+
+/* Block: Shared Widget Styles -------------- */
+
+.editor-styles-wrapper ul.wp-block-archives,
+.editor-styles-wrapper ul.wp-block-categories,
+.editor-styles-wrapper ul.wp-block-latest-posts,
+.editor-styles-wrapper ul.wp-block-categories__list {
+ font-family: inherit;
+ list-style: none;
+ margin: 40px 0;
+ padding-left: 0;
+}
+
+.editor-styles-wrapper ul.wp-block-categories__list ul {
+ margin: 0;
+}
+
+.editor-styles-wrapper ul.wp-block-archives li,
+.editor-styles-wrapper ul.wp-block-categories li,
+.editor-styles-wrapper ul.wp-block-latest-posts li,
+.editor-styles-wrapper ul.wp-block-categories__list li {
+ color: #6d6d6d;
+ line-height: 1.476;
+ margin: 5px 0 0 0;
+}
+
+.editor-styles-wrapper ul.wp-block-archives li li,
+.editor-styles-wrapper ul.wp-block-categories li li,
+.editor-styles-wrapper ul.wp-block-categories__list li li,
+.editor-styles-wrapper ul.wp-block-latest-posts li li {
+ margin-left: 20px;
+}
+
+.editor-styles-wrapper .wp-block-archives li > a,
+.editor-styles-wrapper .wp-block-categories li > a,
+.editor-styles-wrapper .wp-block-latest-posts li > a {
+ font-weight: 700;
+ text-decoration: none;
+}
+
+.editor-styles-wrapper .wp-block-archives.aligncenter,
+.editor-styles-wrapper .wp-block-categories.aligncenter {
+ text-align: center;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments time,
+.editor-styles-wrapper .wp-block-latest-posts time {
+ color: #6d6d6d;
+ font-size: 0.7em;
+ font-weight: 600;
+ letter-spacing: normal;
+ line-height: 1.476;
+ margin-top: 0.15em;
+}
+
+
+/* Block: Table ------------------------------ */
+
+.editor-styles-wrapper .wp-block-table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ empty-cells: show;
+ font-size: 16px;
+ margin-bottom: 1.1em;
+ width: 100%;
+}
+
+.editor-styles-wrapper .wp-block-table,
+.editor-styles-wrapper .wp-block-table * {
+ border-color: #dcd7ca;
+}
+
+.editor-styles-wrapper .wp-block-table tr {
+ border: none;
+}
+
+.editor-styles-wrapper .wp-block-table caption {
+ background: #dcd7ca;
+ text-align: center;
+}
+
+.editor-styles-wrapper .wp-block-table th,
+.editor-styles-wrapper .wp-block-table td {
+ line-height: 1.4;
+ margin: 0;
+ overflow: visible;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-table .wp-block-table__cell-content {
+ padding: 12px;
+}
+
+.editor-styles-wrapper .wp-block-table thead {
+ vertical-align: bottom;
+ white-space: nowrap;
+}
+
+.editor-styles-wrapper .wp-block-table th {
+ font-weight: 700;
+}
+
+/* STYLE: STRIPES */
+
+.editor-styles-wrapper .wp-block-table.is-style-stripes {
+ border: 1px solid #dcd7ca;
+}
+
+.editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
+ background: #dcd7ca;
+}
+
+
+/* Block: Separator -------------------------- */
+
+hr.wp-block-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.42);
+ margin: 30px 0;
+}
+
+hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
+ max-width: 100%;
+}
+
+hr.wp-block-separator: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));
+ border: none;
+ color: rgba(0, 0, 0, 0.42);
+ height: 1px;
+ overflow: visible;
+ position: relative;
+}
+
+hr.wp-block-separator:not(.is-style-dots)::before,
+hr.wp-block-separator:not(.is-style-dots)::after {
+ background: currentColor;
+ content: "";
+ display: block;
+ height: 16px;
+ position: absolute;
+ top: calc(50% - 8px);
+ transform: rotate(22.5deg);
+ width: 1px;
+}
+
+hr.wp-block-separator::before {
+ left: calc(50% - 5px);
+}
+
+hr.wp-block-separator::after {
+ right: calc(50% - 5px);
+}
+
+/* STYLE: DOTS */
+
+hr.wp-block-separator.is-style-dots::before {
+ color: rgba(0, 0, 0, 0.42);
+ font-size: 32px;
+ font-weight: 700;
+ letter-spacing: 1em;
+ padding-left: 1em;
+}
+
+
+/* Block: Quote ------------------------------ */
+
+.editor-styles-wrapper blockquote {
+ margin: 0;
+}
+
+.editor-styles-wrapper .wp-block-quote {
+ border-color: #cd2653;
+ border-style: solid;
+ border-width: 0 0 0 2px;
+ color: inherit;
+ margin: 20px 0;
+ padding: 5px 0 5px 20px;
+}
+
+.editor-styles-wrapper .wp-block-quote.has-text-align-center,
+.editor-styles-wrapper .wp-block-quote[style*="text-align:center"],
+.editor-styles-wrapper .wp-block-quote[style*="text-align: center"] {
+ border-width: 0;
+ padding: 5px 0;
+}
+
+.editor-styles-wrapper .wp-block-quote.has-text-align-right,
+.editor-styles-wrapper .wp-block-quote[style*="text-align:right"],
+.editor-styles-wrapper .wp-block-quote[style*="text-align: right"] {
+ border-width: 0 2px 0 0;
+ padding: 5px 20px 5px 0;
+}
+
+.editor-styles-wrapper cite,
+.editor-styles-wrapper .wp-block-quote__citation,
+.editor-styles-wrapper .wp-block-quote cite,
+.editor-styles-wrapper .wp-block-quote footer {
+ color: #6d6d6d;
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 1.25;
+}
+
+.editor-styles-wrapper .wp-block-quote p {
+ color: inherit;
+ font-weight: 400;
+ margin: 0 0 20px 0;
+}
+
+.editor-styles-wrapper .wp-block-quote.is-style-large {
+ border: none;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-quote.is-style-large p {
+ font-family: inherit;
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 700;
+ letter-spacing: -0.035714286em;
+ line-height: 1.285714286;
+}
+
+.editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation,
+.editor-styles-wrapper .wp-block-quote.is-style-large cite,
+.editor-styles-wrapper .wp-block-quote.is-style-large footer {
+ font-size: 16px;
+}
+
+
+/* Block: Code, Verse and Preformatted ------- */
+
+.editor-styles-wrapper .wp-block-code,
+.editor-styles-wrapper .wp-block-preformatted pre,
+.editor-styles-wrapper .wp-block-verse pre {
+ border: 1px solid #dcd7ca;
+ border-radius: 0;
+ padding: 30px;
+}
+
+.editor-styles-wrapper .wp-block-preformatted pre,
+.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
+.editor-styles-wrapper .wp-block-verse pre {
+ background: transparent;
+ font-family: monospace;
+ font-size: 14px;
+}
+
+/* Block: Cover ------------------------------ */
+
+.editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
+.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
+ margin: 0 auto;
+ max-width: 1200px;
+ width: calc(100% - 50px);
+}
+
+[data-align="left"] .wp-block-cover,
+[data-align="left"] .wp-block-cover-image,
+[data-align="right"] .wp-block-cover,
+[data-align="right"] .wp-block-cover-image {
+ max-width: 260px;
+}
+
+.editor-styles-wrapper .wp-block-cover-image .wp-block,
+.editor-styles-wrapper .wp-block-cover .wp-block,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2 {
+ max-width: 100%;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-cover p {
+ font-family: inherit;
+}
+
+.editor-styles-wrapper .wp-block-cover a {
+ color: inherit;
+}
+
+
+/* Block: Paragraph -------------------------- */
+
+/* Block: Pullquote -------------------------- */
+
+.editor-styles-wrapper .wp-block-pullquote {
+ border: none;
+ color: inherit;
+ padding: 0;
+ position: relative;
+ text-align: center;
+}
+
+.editor-styles-wrapper .wp-block-pullquote::before {
+ background: #fff;
+ border-radius: 50%;
+ color: #cd2653;
+ content: "”";
+ display: block;
+ font-size: 62px;
+ font-weight: 500;
+ line-height: 1.2;
+ margin: 0 auto 15px auto;
+ text-align: center;
+ height: 44px;
+ width: 44px;
+}
+
+.editor-styles-wrapper .wp-block .wp-block-pullquote p {
+ font-family: inherit;
+ font-size: 28px;
+ font-weight: 700;
+ line-height: 1.178571429;
+ letter-spacing: -0.041785714em;
+ margin-bottom: 20px;
+}
+
+.editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
+ margin-bottom: 0;
+}
+
+.editor-styles-wrapper .wp-block .wp-block-pullquote p,
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
+ font-size: 28px;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
+ height: auto;
+ max-height: none;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
+ text-align: left;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
+ text-align: right;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
+ float: none;
+ margin-left: 0;
+ margin-right: 0;
+ max-width: 100%;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
+ margin-right: 0;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
+ margin-left: 0;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
+ right: 20px;
+ transform: translateY(-50%);
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before {
+ left: 20px;
+ transform: translateY(-50%);
+}
+
+.editor-styles-wrapper .wp-block-pullquote__citation,
+.editor-styles-wrapper .wp-block-pullquote cite,
+.editor-styles-wrapper .wp-block-pullquote footer {
+ color: #6d6d6d;
+ font-size: 16px;
+ font-weight: 500;
+ margin-top: 12px;
+ text-transform: none;
+}
+
+/* STYLE: SOLID COLOR */
+
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
+ padding: 30px 20px;
+ position: relative;
+}
+
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateY(-50%) translateX(-50%);
+}
+
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
+ max-width: 100%;
+ text-align: center;
+}
+
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite,
+.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer {
+ color: inherit;
+}
+
+
+/* Block: Verse ------------------------------ */
+
+.editor-styles-wrapper .wp-block-verse pre,
+.editor-styles-wrapper pre.wp-block-verse {
+ font-size: 0.75em;
+}
+
+
+/* Block: Button ----------------------------- */
+
+.editor-styles-wrapper .wp-block-button__link,
+.editor-styles-wrapper .wp-block-file__button {
+ background: #cd2653;
+ border-radius: 0;
+ color: #fff;
+ font-size: 15px;
+ font-weight: 600;
+ letter-spacing: 0.0333em;
+ line-height: 1.25;
+ padding: 1.1em 1.44em;
+ text-transform: uppercase;
+}
+
+.editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
+ line-height: 1.1;
+}
+
+/* BUTTON STYLE: OUTLINE */
+
+.editor-styles-wrapper .is-style-outline .wp-block-button__link {
+ background: none;
+ border-color: currentColor;
+ color: #cd2653;
+ padding: calc(1.1em - 2px) calc(1.44em - 2px);
+}
+
+/* BUTTON STYLE: SQUARED */
+
+.editor-styles-wrapper .is-style-squared .wp-block-button__link {
+ border-radius: 0;
+}
+
+
+/* Block: Latest Comments -------------------- */
+
+.editor-styles-wrapper .wp-block-latest-comments {
+ font-family: inherit;
+ margin-left: 0;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment {
+ font-size: inherit;
+ margin-bottom: 20px;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
+ margin-bottom: 0;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-meta,
+.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
+ margin-left: 0 !important;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-meta {
+ font-weight: 700;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
+ text-decoration: none;
+}
+
+/* HAS AVATAR */
+
+.editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
+ display: flex;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar {
+ flex-shrink: 0;
+ margin: 5px 15px 0 0;
+}
+
+/* HAS EXCERPT */
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
+ margin: 0;
+}
+
+.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
+ font-family: inherit;
+ font-size: 0.7em;
+ margin: 10px 0 0;
+}
+
+
+/* Block: Latest Posts ----------------------- */
+
+.editor-styles-wrapper ul.wp-block-latest-posts:not(.is-grid) li {
+ margin-top: 15px;
+}
+
+/* STYLE: GRID */
+
+.editor-styles-wrapper .wp-block-latest-posts.is-grid li {
+ border-color: #dcd7ca;
+}
+
+.editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
+ border-style: solid;
+ border-width: 2px 0 0;
+ line-height: 1.25;
+ margin: 20px 16px 16px 0;
+ padding-top: 12px;
+}
+
+.editor-styles-wrapper .wp-block-latest-posts__post-excerpt {
+ font-size: 0.95em;
+ line-height: 1.4;
+ margin-top: 15px;
+}
+
+/* Block: Embed ------------------------------ */
+
+.editor-styles-wrapper .wp-block-embed {
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+.editor-styles-wrapper .wp-block[data-type*="core-embed"][data-align="center"] * {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* Block: File ------------------------------- */
+
+.editor-styles-wrapper .wp-block-file {
+ background: none;
+ padding: 0;
+}
+
+.editor-styles-wrapper .wp-block-file__content-wrapper {
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+}
+
+.editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
+ color: #cd2653;
+ font-weight: 700;
+ text-decoration: none;
+}
+
+.editor-styles-wrapper .wp-block-file .wp-block-file__button {
+ font-size: 14px;
+ padding: 1em 1.25em;
+}
+
+/* Block: Image ------------------------------ */
+
+.editor-styles-wrapper .wp-block-image {
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+/* Block: Group ------------------------------ */
+
+.editor-styles-wrapper .wp-block-group.has-background {
+ padding: 20px;
+}
+
+.wp-block-group .wp-block[data-type="core/heading"]:first-child * {
+ margin-top: 0;
+}
+
+/* Block: Paragraph -------------------------- */
+
+
+/* X. Media Queries
+/* ------------------------------------------- */
+
+
+@media ( min-width: 480px ) {
+
+
+ /* STRUCTURE */
+
+ .editor-styles-wrapper .wp-block[data-align="right"] {
+ margin-right: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-align="left"] {
+ margin: 0;
+ }
+
+ /* BLOCK: PULL QUOTE */
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
+ height: 0;
+ max-width: 260px;
+ }
+
+ .wp-block[data-type="core/pullquote"][data-align="left"] [data-block],
+ .wp-block[data-type="core/pullquote"][data-align="right"] [data-block] {
+ margin-top: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
+ float: right;
+ margin-left: 20px;
+ max-width: 260px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
+ float: left;
+ margin-right: 20px;
+ max-width: 260px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before {
+ margin-right: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before {
+ margin-left: 0;
+ }
+
+
+}
+
+@media ( min-width: 600px ) {
+
+
+ /* BLOCK: PULLQUOTE */
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
+ margin-right: -30px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
+ margin-left: -30px;
+ }
+
+
+}
+
+@media ( min-width: 700px ) {
+
+ /* STRUCTURE */
+
+ .editor-styles-wrapper > * {
+ font-size: 21px;
+ }
+
+ .wp-block[data-align="wide"],
+ .wp-block[data-align="full"] {
+ margin-bottom: 60px;
+ margin-top: 60px;
+ }
+
+ /* TYPOGRAPHY */
+
+ .editor-post-title__block .editor-post-title__input,
+ .editor-styles-wrapper .wp-block h1 {
+ font-size: 64px;
+ }
+
+ .editor-styles-wrapper .wp-block h2 {
+ font-size: 48px;
+ }
+
+ .editor-styles-wrapper .wp-block h3 {
+ font-size: 40px;
+ }
+
+ .editor-styles-wrapper .wp-block h4 {
+ font-size: 32px;
+ }
+
+ .editor-styles-wrapper .wp-block h5 {
+ font-size: 24px;
+ }
+
+ .editor-styles-wrapper li,
+ .editor-styles-wrapper p,
+ .editor-styles-wrapper p.wp-block-paragraph {
+ line-height: 1.476;
+ }
+
+ /* FORMS */
+
+ .editor-styles-wrapper fieldset {
+ padding: 30px;
+ }
+
+ .editor-styles-wrapper legend {
+ padding: 0 15px;
+ }
+
+ /* BLOCK: BASE MARGINS */
+
+ /* BLOCK: BUTTON */
+
+ .editor-styles-wrapper .wp-block-button__link,
+ .editor-styles-wrapper .wp-block-file__button {
+ font-size: 17px;
+ }
+
+ /* BLOCK: CODE */
+
+ .editor-styles-wrapper .wp-block-preformatted pre,
+ .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
+ .editor-styles-wrapper .wp-block-verse pre {
+ font-size: 16px;
+ }
+
+ /* BLOCK: COLUMNS */
+
+ .wp-block-column {
+ font-size: 16px;
+ }
+
+ /* BLOCK: COVER */
+
+ .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
+ .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 80px);
+ }
+
+ /* BLOCK: GROUP */
+
+ .editor-styles-wrapper .wp-block-group.has-background {
+ padding: 40px;
+ }
+
+ /* BLOCK: LATEST POSTS */
+
+ /* BLOCK: PULLQUOTE */
+
+ .editor-styles-wrapper .wp-block .wp-block-pullquote p,
+ .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
+ font-size: 32px;
+ }
+
+ .editor-styles-wrapper .wp-block-pullquote__citation,
+ .editor-styles-wrapper .wp-block-pullquote cite,
+ .editor-styles-wrapper .wp-block-pullquote footer {
+ margin-top: 20px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before {
+ font-size: 113px;
+ height: 80px;
+ margin-bottom: 20px;
+ width: 80px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
+ padding: 60px 40px 40px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
+ font-size: 48px;
+ line-height: 1.203125;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] p,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] p {
+ font-size: 32px;
+ line-height: 1.1875;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color p,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color p {
+ font-size: 26px;
+ }
+
+ /* BLOCK: TABLE */
+
+ .editor-styles-wrapper table.wp-block-table {
+ font-size: 18px;
+ }
+
+ /* BLOCK: SEPARATOR */
+
+ hr.wp-block-separator {
+ margin-bottom: 60px;
+ margin-top: 60px;
+ }
+
+}
+
+
+@media ( min-width: 1000px ) {
+
+
+ /* STRUCTURE */
+
+ .wp-block[data-align="wide"],
+ .wp-block[data-align="full"] {
+ margin-bottom: 80px;
+ margin-top: 80px;
+ }
+
+ /* BLOCK: COLUMNS */
+
+ .wp-block-column {
+ font-size: 18px;
+ }
+
+ /* BLOCK: COVER */
+
+ .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
+ .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 100px);
+ }
+
+ /* BLOCK: GROUP */
+
+ .wp-block[data-align="wide"] .wp-block-group.has-background,
+ .wp-block[data-align="full"] .wp-block-group.has-background {
+ padding: 80px 40px;
+ }
+
+ /* BLOCK: SEPARATOR */
+
+ hr.wp-block-separator {
+ margin-bottom: 80px;
+ margin-top: 80px;
+ }
+
+ hr.wp-block-separator.is-style-wide {
+ margin-left: -70px;
+ margin-right: -70px;
+ }
+
+
+}
+
+
+@media ( min-width: 1220px ) {
+
+
+ /* TYPOGRAPHY */
+
+ .editor-post-title__block .editor-post-title__input,
+ .editor-styles-wrapper .wp-block h1 {
+ font-size: 84px;
+ }
+
+ .editor-styles-wrapper .wp-block h6 {
+ font-size: 18px;
+ }
+
+ /* STRUCTURE */
+
+ .wp-block[data-align="wide"],
+ .wp-block[data-align="full"] {
+ margin-bottom: 80px;
+ margin-top: 80px;
+ }
+
+ /* BLOCK: PULLQUOTE */
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
+ padding: 90px 40px 80px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
+ font-size: 64px;
+ }
+
+ /* BLOCK: SEPARATOR */
+
+ hr.wp-block-separator.is-style-wide {
+ margin-left: -150px;
+ margin-right: -150px;
+ }
+
+}
+
+
+@media ( min-width: 1360px ) {
+
+
+ /* STRUCTURE */
+
+ .editor-styles-wrapper .wp-block[data-align="left"],
+ .editor-styles-wrapper .wp-block[data-align="right"] {
+ margin: 0 auto;
+ max-width: 1220px;
+ }
+
+
+ /* BLOCK: PULLQUOTE */
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before,
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
+ top: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"],
+ .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] {
+ margin: 0 auto;
+ max-width: 1220px;
+ }
+
+ /* BLOCK: SEPARATOR */
+
+ hr.wp-block-separator.is-style-wide {
+ margin-left: -200px;
+ margin-right: -200px;
+ }
+
+
+}
Property changes on: src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css
===================================================================
--- src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css (working copy)
@@ -0,0 +1,695 @@
+/* -------------------------------------------------------------------------- */
+
+/* Twenty Twenty Editor Styles — Classic Editor
+/* -------------------------------------------------------------------------- */
+
+
+/* Fonts ------------------------------------- */
+
+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually
+ * inserting a custom font that includes just a Hoefler Text space replacement
+ * for that character instead.
+ */
+@font-face {
+ font-family: NonBreakingSpaceOverride;
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
+/* INTER */
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 400;
+ src:
+ url(../fonts/inter/Inter-Regular.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Regular.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 400;
+ src:
+ url(../fonts/inter/Inter-Italic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Italic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 500;
+ src:
+ url(../fonts/inter/Inter-Medium.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Medium.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 500;
+ src:
+ url(../fonts/inter/Inter-MediumItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-MediumItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 600;
+ src:
+ url(../fonts/inter/Inter-SemiBold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-SemiBold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 600;
+ src:
+ url(../fonts/inter/Inter-SemiBoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-SemiBoldItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 700;
+ src:
+ url(../fonts/inter/Inter-Bold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Bold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 700;
+ src:
+ url(../fonts/inter/Inter-BoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-BoldItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 800;
+ src:
+ url(../fonts/inter/Inter-ExtraBold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-ExtraBold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 800;
+ src:
+ url(../fonts/inter/Inter-ExtraBoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-ExtraBoldItalic.woff) format("woff");
+}
+
+/* ----------------------------------------------
+Variable font. Usage:
+
+html { font-family: Inter, sans-serif; }
+@supports (font-variation-settings: normal) {
+ html { font-family: "Inter var", sans-serif; }
+}
+---------------------------------------------- */
+
+@font-face {
+ font-family: "Inter var";
+ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
+ font-style: normal;
+ src: url(../fonts/inter/Inter-upright.var.woff2) format("woff2");
+}
+
+@font-face {
+ font-family: "Inter var";
+ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
+ font-style: italic;
+ src: url(../fonts/inter/Inter-italic.var.woff2) format("woff2");
+}
+
+/* Structure --------------------------------- */
+
+body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */
+ font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+}
+
+@supports ( font-variation-settings: normal ) {
+
+ body#tinymce.wp-editor { /* 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 */
+ background: #f5efe0;
+ color: #000;
+ font-size: 21px;
+ letter-spacing: -0.015em;
+ margin: 0 auto;
+ max-width: calc(100% - 40px);
+ width: 580px;
+}
+
+body#tinymce.wp-editor * {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ 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 {
+ 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 {
+ line-height: 1.5;
+ margin-bottom: 1.5em;
+}
+
+body#tinymce.wp-editor code,
+body#tinymce.wp-editor kbd,
+body#tinymce.wp-editor 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 {
+ font-family: monospace;
+ color: inherit;
+ font-size: 15px;
+}
+
+body#tinymce.wp-editor pre {
+ border: 1px solid #dcd7ca;
+ line-height: 1.5;
+ margin: 40px 0;
+ overflow: auto;
+ padding: 30px;
+ text-align: right;
+}
+
+body#tinymce.wp-editor a,
+body#tinymce.wp-editor a:hover {
+ color: #cd2653;
+ text-decoration: underline;
+}
+
+body#tinymce.wp-editor img {
+ height: auto;
+ max-width: 100%;
+}
+
+body#tinymce.wp-editor img[data-wp-more] {
+ height: 16px;
+}
+
+body#tinymce.wp-editor 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));
+ border: none;
+ color: rgba(0, 0, 0, 0.42);
+ 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 {
+ background: currentColor;
+ content: "";
+ display: block;
+ height: 16px;
+ position: absolute;
+ top: calc(50% - 8px);
+ transform: rotate(-22.5deg);
+ width: 1px;
+}
+
+body#tinymce.wp-editor hr::before {
+ right: calc(50% - 5px);
+}
+
+body#tinymce.wp-editor hr::after {
+ left: calc(50% - 5px);
+}
+
+body#tinymce.wp-editor dt {
+ font-weight: 600;
+}
+
+body#tinymce.wp-editor dd {
+ line-height: 1.5;
+}
+
+body#tinymce.wp-editor 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 {
+ font-family: Inter, -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 {
+ font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+ }
+}
+
+
+/* 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 {
+ font-feature-settings: "lnum";
+ font-variant-numeric: lining-nums;
+ font-weight: 700;
+ letter-spacing: -0.0415625em;
+ line-height: 1.25;
+ margin: 40px 0 25px;
+}
+
+body#tinymce.wp-editor h1 {
+ font-size: 84px;
+ font-weight: 800;
+ line-height: 1.138888889;
+}
+
+body#tinymce.wp-editor h2 {
+ font-size: 48px;
+}
+
+body#tinymce.wp-editor h3 {
+ font-size: 40px;
+}
+
+body#tinymce.wp-editor h4 {
+ font-size: 32px;
+}
+
+body#tinymce.wp-editor h5 {
+ font-size: 24px;
+}
+
+body#tinymce.wp-editor h6 {
+ font-size: 18px;
+ letter-spacing: 0.03125em;
+ text-transform: uppercase;
+}
+
+/* Blockquote -------------------------------- */
+
+body#tinymce.wp-editor blockquote {
+ border-style: solid;
+ border: none;
+ border-right: 2px solid #cd2653;
+ margin: 0 0 1.6em 0;
+ padding: 0.25em 1em 0.25em 0;
+}
+
+body#tinymce.wp-editor blockquote p {
+ font-style: normal;
+ font-weight: 400;
+ margin: 0;
+}
+
+body#tinymce.wp-editor cite {
+ color: #6d6d6d;
+ font-size: 16px;
+ font-weight: 500;
+ font-style: normal;
+}
+
+body#tinymce.wp-editor blockquote cite {
+ display: block;
+ margin-top: 20px;
+}
+
+
+/* Lists ------------------------------------- */
+
+body#tinymce.wp-editor ul {
+ margin-right: 1.5em;
+ padding-right: 0;
+ list-style: disc;
+}
+
+body#tinymce.wp-editor ol {
+ margin-right: 1.5em;
+ padding-right: 0;
+ list-style: square;
+}
+
+body#tinymce.wp-editor ul ul {
+ list-style: circle;
+}
+
+body#tinymce.wp-editor ul ul ul {
+ list-style: square;
+}
+
+body#tinymce.wp-editor ol ol {
+ list-style: lower-alpha;
+}
+
+body#tinymce.wp-editor 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 {
+ margin-bottom: 0;
+}
+
+body#tinymce.wp-editor 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 {
+ margin-bottom: 0;
+}
+
+body#tinymce.wp-editor ol > li:first-child,
+body#tinymce.wp-editor ul > li:first-child {
+ margin-top: 0.5em;
+}
+
+
+/* Post Media -------------------------------- */
+
+body#tinymce.wp-editor figure,
+body#tinymce.wp-editor video {
+ display: block;
+ margin: 0;
+}
+
+body#tinymce.wp-editor .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 {
+ display: block;
+}
+
+body#tinymce.wp-editor .aligncenter,
+body#tinymce.wp-editor .alignnone,
+body#tinymce.wp-editor .alignwide,
+body#tinymce.wp-editor .alignfull {
+ margin: 50px auto;
+}
+
+body#tinymce.wp-editor .alignleft,
+body#tinymce.wp-editor .alignright {
+ margin-bottom: 25px;
+ max-width: 50%;
+}
+
+body#tinymce.wp-editor .wp-caption img {
+ display: block;
+}
+
+body#tinymce.wp-editor .wp-caption .alignleft,
+body#tinymce.wp-editor .wp-caption .alignright {
+ margin-bottom: 0;
+}
+
+body#tinymce.wp-editor .alignleft {
+ float: right;
+ margin-left: 25px;
+ max-width: 260px;
+}
+
+body#tinymce.wp-editor .alignright {
+ float: left;
+ margin-right: 25px;
+ max-width: 260px;
+}
+
+body#tinymce.wp-editor .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 {
+ color: #6d6d6d;
+ display: block;
+ font-size: 15px;
+ font-weight: 500;
+ line-height: 1.2;
+ 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 {
+ color: inherit;
+}
+
+
+/* Tables ------------------------------------ */
+
+body#tinymce.wp-editor table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ empty-cells: show;
+ font-size: 18px;
+ width: 100%;
+}
+
+body#tinymce.wp-editor th,
+body#tinymce.wp-editor td {
+ border-bottom: 1px solid #dcd7ca;
+ line-height: 1.2;
+ margin: 0;
+ overflow: visible;
+ padding: 2%;
+}
+
+body#tinymce.wp-editor caption {
+ text-align: center;
+ padding: 2%;
+}
+
+body#tinymce.wp-editor thead {
+ vertical-align: bottom;
+ white-space: nowrap;
+}
+
+body#tinymce.wp-editor th {
+ text-align: right;
+}
+
+
+/* Forms ------------------------------------- */
+
+body#tinymce.wp-editor fieldset {
+ border: 2px solid #dcd7ca;
+ padding: 30px;
+}
+
+body#tinymce.wp-editor fieldset legend {
+ font-size: 0.85em;
+ font-weight: 700;
+ padding: 0 15px;
+}
+
+body#tinymce.wp-editor label {
+ display: block;
+ font-size: 15px;
+ font-weight: 600;
+ margin: 0 0 5px 0;
+}
+
+body#tinymce.wp-editor input,
+body#tinymce.wp-editor 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 {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background: transparent;
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 0.1rem;
+ box-shadow: none;
+ display: block;
+ font-size: inherit;
+ font-weight: 400;
+ margin: 0;
+ max-width: 100%;
+ padding: 13.5px 18px;
+ width: 100%;
+ word-break: normal;
+}
+
+body#tinymce.wp-editor 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"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background: #cd2653;
+ border: none;
+ border-radius: 0;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 17px;
+ font-weight: 600;
+ letter-spacing: 0.0333em;
+ line-height: 1.25;
+ margin: 0;
+ padding: 1.1em 1.44em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+}
+
+body#tinymce.wp-editor button:hover,
+body#tinymce.wp-editor .faux-button:hover,
+body#tinymce.wp-editor .wp-block-button__link:hover,
+body#tinymce.wp-editor .wp-block-file__button:hover,
+body#tinymce.wp-editor input[type="button"]:hover,
+body#tinymce.wp-editor input[type="reset"]:hover,
+body#tinymce.wp-editor input[type="submit"]:hover,
+body#tinymce.wp-editor button:focus,
+body#tinymce.wp-editor .faux-button:focus,
+body#tinymce.wp-editor .wp-block-button__link:focus,
+body#tinymce.wp-editor .wp-block-file__button:focus,
+body#tinymce.wp-editor input[type="button"]:focus,
+body#tinymce.wp-editor input[type="reset"]:focus,
+body#tinymce.wp-editor input[type="submit"]:focus {
+ color: #fff;
+ text-decoration: underline;
+}
+
+.wp-block-button:not(.alignleft):not(.alignright) {
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+/* BUTTON ALIGN: CENTER */
+
+.wp-block-button.aligncenter {
+ text-align: center;
+}
+
+/* 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:hover {
+ color: #cd2653;
+}
+
+body#tinymce.wp-editor .is-style-outline .wp-block-button__link {
+ background: none;
+ border: 2px solid currentColor;
+ padding: calc(1.1em - 2px) calc(1.44em - 2px);
+}
+
+/* BUTTON STYLE: SQUARED */
+
+body#tinymce.wp-editor .is-style-squared .wp-block-button__link {
+ border-radius: 0;
+}
+
+
+/* Blocks ------------------------------------ */
+
+/* BLOCK: HELPER CLASSES */
+
+body#tinymce.wp-editor .has-background {
+ padding: 20px;
+}
+
+/* BLOCK: GALLERY */
+
+body#tinymce.wp-editor ul.wp-block-gallery {
+ list-style: none;
+ margin-right: 0;
+}
+
+body#tinymce.wp-editor ul.wp-block-gallery li {
+ margin-right: 0;
+}
Property changes on: src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css
===================================================================
--- src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css (working copy)
@@ -0,0 +1,695 @@
+/* -------------------------------------------------------------------------- */
+
+/* Twenty Twenty Editor Styles — Classic Editor
+/* -------------------------------------------------------------------------- */
+
+
+/* Fonts ------------------------------------- */
+
+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually
+ * inserting a custom font that includes just a Hoefler Text space replacement
+ * for that character instead.
+ */
+@font-face {
+ font-family: NonBreakingSpaceOverride;
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
+/* INTER */
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 400;
+ src:
+ url(../fonts/inter/Inter-Regular.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Regular.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 400;
+ src:
+ url(../fonts/inter/Inter-Italic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Italic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 500;
+ src:
+ url(../fonts/inter/Inter-Medium.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Medium.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 500;
+ src:
+ url(../fonts/inter/Inter-MediumItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-MediumItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 600;
+ src:
+ url(../fonts/inter/Inter-SemiBold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-SemiBold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 600;
+ src:
+ url(../fonts/inter/Inter-SemiBoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-SemiBoldItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 700;
+ src:
+ url(../fonts/inter/Inter-Bold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-Bold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 700;
+ src:
+ url(../fonts/inter/Inter-BoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-BoldItalic.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 800;
+ src:
+ url(../fonts/inter/Inter-ExtraBold.woff2) format("woff2"),
+ url(../fonts/inter/Inter-ExtraBold.woff) format("woff");
+}
+
+@font-face {
+ font-family: Inter;
+ font-style: italic;
+ font-weight: 800;
+ src:
+ url(../fonts/inter/Inter-ExtraBoldItalic.woff2) format("woff2"),
+ url(../fonts/inter/Inter-ExtraBoldItalic.woff) format("woff");
+}
+
+/* ----------------------------------------------
+Variable font. Usage:
+
+html { font-family: Inter, sans-serif; }
+@supports (font-variation-settings: normal) {
+ html { font-family: "Inter var", sans-serif; }
+}
+---------------------------------------------- */
+
+@font-face {
+ font-family: "Inter var";
+ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
+ font-style: normal;
+ src: url(../fonts/inter/Inter-upright.var.woff2) format("woff2");
+}
+
+@font-face {
+ font-family: "Inter var";
+ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
+ font-style: italic;
+ src: url(../fonts/inter/Inter-italic.var.woff2) format("woff2");
+}
+
+/* Structure --------------------------------- */
+
+body#tinymce.wp-editor { /* stylelint-disable-line no-duplicate-selectors */
+ font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+}
+
+@supports ( font-variation-settings: normal ) {
+
+ body#tinymce.wp-editor { /* 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 */
+ background: #f5efe0;
+ color: #000;
+ font-size: 21px;
+ letter-spacing: -0.015em;
+ margin: 0 auto;
+ max-width: calc(100% - 40px);
+ width: 580px;
+}
+
+body#tinymce.wp-editor * {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ 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 {
+ 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 {
+ line-height: 1.5;
+ margin-bottom: 1.5em;
+}
+
+body#tinymce.wp-editor code,
+body#tinymce.wp-editor kbd,
+body#tinymce.wp-editor 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 {
+ font-family: monospace;
+ color: inherit;
+ font-size: 15px;
+}
+
+body#tinymce.wp-editor pre {
+ border: 1px solid #dcd7ca;
+ line-height: 1.5;
+ margin: 40px 0;
+ overflow: auto;
+ padding: 30px;
+ text-align: left;
+}
+
+body#tinymce.wp-editor a,
+body#tinymce.wp-editor a:hover {
+ color: #cd2653;
+ text-decoration: underline;
+}
+
+body#tinymce.wp-editor img {
+ height: auto;
+ max-width: 100%;
+}
+
+body#tinymce.wp-editor img[data-wp-more] {
+ height: 16px;
+}
+
+body#tinymce.wp-editor 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));
+ border: none;
+ color: rgba(0, 0, 0, 0.42);
+ 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 {
+ background: currentColor;
+ content: "";
+ display: block;
+ height: 16px;
+ position: absolute;
+ top: calc(50% - 8px);
+ transform: rotate(22.5deg);
+ width: 1px;
+}
+
+body#tinymce.wp-editor hr::before {
+ left: calc(50% - 5px);
+}
+
+body#tinymce.wp-editor hr::after {
+ right: calc(50% - 5px);
+}
+
+body#tinymce.wp-editor dt {
+ font-weight: 600;
+}
+
+body#tinymce.wp-editor dd {
+ line-height: 1.5;
+}
+
+body#tinymce.wp-editor 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 {
+ font-family: Inter, -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 {
+ font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+ }
+}
+
+
+/* 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 {
+ font-feature-settings: "lnum";
+ font-variant-numeric: lining-nums;
+ font-weight: 700;
+ letter-spacing: -0.0415625em;
+ line-height: 1.25;
+ margin: 40px 0 25px;
+}
+
+body#tinymce.wp-editor h1 {
+ font-size: 84px;
+ font-weight: 800;
+ line-height: 1.138888889;
+}
+
+body#tinymce.wp-editor h2 {
+ font-size: 48px;
+}
+
+body#tinymce.wp-editor h3 {
+ font-size: 40px;
+}
+
+body#tinymce.wp-editor h4 {
+ font-size: 32px;
+}
+
+body#tinymce.wp-editor h5 {
+ font-size: 24px;
+}
+
+body#tinymce.wp-editor h6 {
+ font-size: 18px;
+ letter-spacing: 0.03125em;
+ text-transform: uppercase;
+}
+
+/* Blockquote -------------------------------- */
+
+body#tinymce.wp-editor blockquote {
+ border-style: solid;
+ border: none;
+ border-left: 2px solid #cd2653;
+ margin: 0 0 1.6em 0;
+ padding: 0.25em 0 0.25em 1em;
+}
+
+body#tinymce.wp-editor blockquote p {
+ font-style: normal;
+ font-weight: 400;
+ margin: 0;
+}
+
+body#tinymce.wp-editor cite {
+ color: #6d6d6d;
+ font-size: 16px;
+ font-weight: 500;
+ font-style: normal;
+}
+
+body#tinymce.wp-editor blockquote cite {
+ display: block;
+ margin-top: 20px;
+}
+
+
+/* Lists ------------------------------------- */
+
+body#tinymce.wp-editor ul {
+ margin-left: 1.5em;
+ padding-left: 0;
+ list-style: disc;
+}
+
+body#tinymce.wp-editor ol {
+ margin-left: 1.5em;
+ padding-left: 0;
+ list-style: square;
+}
+
+body#tinymce.wp-editor ul ul {
+ list-style: circle;
+}
+
+body#tinymce.wp-editor ul ul ul {
+ list-style: square;
+}
+
+body#tinymce.wp-editor ol ol {
+ list-style: lower-alpha;
+}
+
+body#tinymce.wp-editor 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 {
+ margin-bottom: 0;
+}
+
+body#tinymce.wp-editor 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 {
+ margin-bottom: 0;
+}
+
+body#tinymce.wp-editor ol > li:first-child,
+body#tinymce.wp-editor ul > li:first-child {
+ margin-top: 0.5em;
+}
+
+
+/* Post Media -------------------------------- */
+
+body#tinymce.wp-editor figure,
+body#tinymce.wp-editor video {
+ display: block;
+ margin: 0;
+}
+
+body#tinymce.wp-editor .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 {
+ display: block;
+}
+
+body#tinymce.wp-editor .aligncenter,
+body#tinymce.wp-editor .alignnone,
+body#tinymce.wp-editor .alignwide,
+body#tinymce.wp-editor .alignfull {
+ margin: 50px auto;
+}
+
+body#tinymce.wp-editor .alignleft,
+body#tinymce.wp-editor .alignright {
+ margin-bottom: 25px;
+ max-width: 50%;
+}
+
+body#tinymce.wp-editor .wp-caption img {
+ display: block;
+}
+
+body#tinymce.wp-editor .wp-caption .alignleft,
+body#tinymce.wp-editor .wp-caption .alignright {
+ margin-bottom: 0;
+}
+
+body#tinymce.wp-editor .alignleft {
+ float: left;
+ margin-right: 25px;
+ max-width: 260px;
+}
+
+body#tinymce.wp-editor .alignright {
+ float: right;
+ margin-left: 25px;
+ max-width: 260px;
+}
+
+body#tinymce.wp-editor .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 {
+ color: #6d6d6d;
+ display: block;
+ font-size: 15px;
+ font-weight: 500;
+ line-height: 1.2;
+ 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 {
+ color: inherit;
+}
+
+
+/* Tables ------------------------------------ */
+
+body#tinymce.wp-editor table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ empty-cells: show;
+ font-size: 18px;
+ width: 100%;
+}
+
+body#tinymce.wp-editor th,
+body#tinymce.wp-editor td {
+ border-bottom: 1px solid #dcd7ca;
+ line-height: 1.2;
+ margin: 0;
+ overflow: visible;
+ padding: 2%;
+}
+
+body#tinymce.wp-editor caption {
+ text-align: center;
+ padding: 2%;
+}
+
+body#tinymce.wp-editor thead {
+ vertical-align: bottom;
+ white-space: nowrap;
+}
+
+body#tinymce.wp-editor th {
+ text-align: left;
+}
+
+
+/* Forms ------------------------------------- */
+
+body#tinymce.wp-editor fieldset {
+ border: 2px solid #dcd7ca;
+ padding: 30px;
+}
+
+body#tinymce.wp-editor fieldset legend {
+ font-size: 0.85em;
+ font-weight: 700;
+ padding: 0 15px;
+}
+
+body#tinymce.wp-editor label {
+ display: block;
+ font-size: 15px;
+ font-weight: 600;
+ margin: 0 0 5px 0;
+}
+
+body#tinymce.wp-editor input,
+body#tinymce.wp-editor 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 {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background: transparent;
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 0.1rem;
+ box-shadow: none;
+ display: block;
+ font-size: inherit;
+ font-weight: 400;
+ margin: 0;
+ max-width: 100%;
+ padding: 13.5px 18px;
+ width: 100%;
+ word-break: normal;
+}
+
+body#tinymce.wp-editor 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"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background: #cd2653;
+ border: none;
+ border-radius: 0;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 17px;
+ font-weight: 600;
+ letter-spacing: 0.0333em;
+ line-height: 1.25;
+ margin: 0;
+ padding: 1.1em 1.44em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+}
+
+body#tinymce.wp-editor button:hover,
+body#tinymce.wp-editor .faux-button:hover,
+body#tinymce.wp-editor .wp-block-button__link:hover,
+body#tinymce.wp-editor .wp-block-file__button:hover,
+body#tinymce.wp-editor input[type="button"]:hover,
+body#tinymce.wp-editor input[type="reset"]:hover,
+body#tinymce.wp-editor input[type="submit"]:hover,
+body#tinymce.wp-editor button:focus,
+body#tinymce.wp-editor .faux-button:focus,
+body#tinymce.wp-editor .wp-block-button__link:focus,
+body#tinymce.wp-editor .wp-block-file__button:focus,
+body#tinymce.wp-editor input[type="button"]:focus,
+body#tinymce.wp-editor input[type="reset"]:focus,
+body#tinymce.wp-editor input[type="submit"]:focus {
+ color: #fff;
+ text-decoration: underline;
+}
+
+.wp-block-button:not(.alignleft):not(.alignright) {
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+/* BUTTON ALIGN: CENTER */
+
+.wp-block-button.aligncenter {
+ text-align: center;
+}
+
+/* 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:hover {
+ color: #cd2653;
+}
+
+body#tinymce.wp-editor .is-style-outline .wp-block-button__link {
+ background: none;
+ border: 2px solid currentColor;
+ padding: calc(1.1em - 2px) calc(1.44em - 2px);
+}
+
+/* BUTTON STYLE: SQUARED */
+
+body#tinymce.wp-editor .is-style-squared .wp-block-button__link {
+ border-radius: 0;
+}
+
+
+/* Blocks ------------------------------------ */
+
+/* BLOCK: HELPER CLASSES */
+
+body#tinymce.wp-editor .has-background {
+ padding: 20px;
+}
+
+/* BLOCK: GALLERY */
+
+body#tinymce.wp-editor ul.wp-block-gallery {
+ list-style: none;
+ margin-left: 0;
+}
+
+body#tinymce.wp-editor ul.wp-block-gallery li {
+ margin-left: 0;
+}
Property changes on: src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/css/font-awesome.css
===================================================================
--- src/wp-content/themes/twentytwenty/assets/css/font-awesome.css (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/css/font-awesome.css (working copy)
@@ -0,0 +1,25 @@
+@font-face {
+ font-family: "Font Awesome 5";
+ font-style: normal;
+ font-weight: 400;
+ src: url(../fonts/font-awesome/fa-fallback.eot?15574881);
+ src:
+ url(../fonts/font-awesome/fa-fallback.eot?15574881#iefix) format("embedded-opentype"),
+ url(../fonts/font-awesome/fa-fallback.woff2?15574881) format("woff2"),
+ url(../fonts/font-awesome/fa-fallback.woff?15574881) format("woff"),
+ url(../fonts/font-awesome/fa-fallback.ttf?15574881) format("truetype"),
+ url(../fonts/font-awesome/fa-fallback.svg?15574881#font-awsome-fallback) format("svg");
+}
+
+@font-face {
+ font-family: "Font Awesome 5 Brands";
+ font-style: normal;
+ font-weight: 400;
+ src: url(../fonts/font-awesome/fa-brands-400.eot);
+ src:
+ url(../fonts/font-awesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),
+ url(../fonts/font-awesome/fa-brands-400.woff2) format("woff2"),
+ url(../fonts/font-awesome/fa-brands-400.woff) format("woff"),
+ url(../fonts/font-awesome/fa-brands-400.ttf) format("truetype"),
+ url(../fonts/font-awesome/fa-brands-400.svg#fontawesome) format("svg");
+}
Property changes on: src/wp-content/themes/twentytwenty/assets/css/font-awesome.css
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.eot
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.eot
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.eot (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.eot (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.eot
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.svg
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.svg (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.svg (working copy)
@@ -0,0 +1,1154 @@
+
+
+
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.svg
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.ttf
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.ttf
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.ttf (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.ttf (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.ttf
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-brands-400.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.eot
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.eot
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.eot (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.eot (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.eot
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.svg
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.svg (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.svg (working copy)
@@ -0,0 +1,16 @@
+
+
+
\ No newline at end of file
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.svg
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.ttf
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.ttf
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.ttf (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.ttf (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.ttf
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/font-awesome/fa-fallback.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Bold.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-BoldItalic.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBold.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-ExtraBoldItalic.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Italic.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Medium.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-MediumItalic.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-Regular.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBold.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-SemiBoldItalic.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-italic.var.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-italic.var.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-italic.var.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-italic.var.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-italic.var.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-upright.var.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-upright.var.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-upright.var.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-upright.var.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter-upright.var.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter.var.woff2
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter.var.woff2
===================================================================
--- src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter.var.woff2 (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter.var.woff2 (working copy)
Property changes on: src/wp-content/themes/twentytwenty/assets/fonts/inter/Inter.var.woff2
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/js/color-calculations.js
===================================================================
--- src/wp-content/themes/twentytwenty/assets/js/color-calculations.js (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/js/color-calculations.js (working copy)
@@ -0,0 +1,140 @@
+/* global Color */
+/* eslint no-unused-vars: off */
+/**
+ * Color Calculations.
+ *
+ * @since 1.0.0
+ *
+ * @param {string} backgroundColor - The background color.
+ * @param {number} accentHue - The hue for our accent color.
+ *
+ * @return {Object} - this
+ */
+function _twentyTwentyColor( backgroundColor, accentHue ) {
+ // Set the object properties.
+ this.backgroundColor = backgroundColor;
+ this.accentHue = accentHue;
+ this.bgColorObj = new Color( backgroundColor );
+ this.textColorObj = this.bgColorObj.getMaxContrastColor();
+ this.textColor = this.textColorObj.toCSS();
+ this.isDark = 0.5 > this.bgColorObj.toLuminosity();
+ this.isLight = ! this.isDark;
+
+ // Return the object.
+ return this;
+}
+
+/**
+ * Builds an array of Color objects based on the accent hue.
+ * For improved performance we only build half the array
+ * depending on dark/light background-color.
+ *
+ * @since 1.0.0
+ *
+ * @return {Object} - this
+ */
+_twentyTwentyColor.prototype.setAccentColorsArray = function() {
+ var self = this,
+ minSaturation = 55,
+ maxSaturation = 90,
+ minLightness = 25,
+ maxLighness = 75,
+ stepSaturation = 2.5,
+ stepLightness = 2.5,
+ pushColor = function() {
+ var colorObj = new Color( {
+ h: self.accentHue,
+ s: s,
+ l: l,
+ } ),
+ item;
+
+ item = {
+ color: colorObj,
+ contrastBackground: colorObj.getDistanceLuminosityFrom( self.bgColorObj ),
+ contrastText: colorObj.getDistanceLuminosityFrom( self.textColorObj ),
+ };
+
+ // Check a minimum of 4.5:1 contrast with the background and 3:1 with surrounding text.
+ if ( 4.5 > item.contrastBackground || 3 > item.contrastText ) {
+ return;
+ }
+
+ // Get a score for this color by multiplying the 2 contrasts.
+ // We'll use that to sort the array.
+ item.score = item.contrastBackground * item.contrastText;
+
+ self.accentColorsArray.push( item );
+ },
+ s, l, aaa;
+
+ this.accentColorsArray = [];
+
+ // We're using `for` loops here because they perform marginally better than other loops.
+ for ( s = minSaturation; s <= maxSaturation; s += stepSaturation ) {
+ for ( l = minLightness; l <= maxLighness; l += stepLightness ) {
+ pushColor( s, l );
+ }
+ }
+
+ // Check if we have colors that are AAA compliant.
+ aaa = this.accentColorsArray.filter( function( color ) {
+ return 7 <= color.contrastBackground;
+ } );
+
+ // If we have AAA-compliant colors, alpways prefer them.
+ if ( aaa.length ) {
+ this.accentColorsArray = aaa;
+ }
+
+ // Sort colors by contrast.
+ this.accentColorsArray.sort( function( a, b ) {
+ return b.score - a.score;
+ } );
+ return this;
+};
+
+/**
+ * Get accessible text-color.
+ *
+ * @since 1.0.0
+ *
+ * @return {Color} - Returns a Color object.
+ */
+_twentyTwentyColor.prototype.getTextColor = function() {
+ return this.textColor;
+};
+
+/**
+ * Get accessible color for the defined accent-hue and background-color.
+ *
+ * @since 1.0.0
+ *
+ * @return {Color} - Returns a Color object.
+ */
+_twentyTwentyColor.prototype.getAccentColor = function() {
+ var fallback;
+
+ // If we have colors returns the 1st one - it has the highest score.
+ if ( this.accentColorsArray[0] ) {
+ return this.accentColorsArray[0].color;
+ }
+
+ // Fallback.
+ fallback = new Color( 'hsl(' + this.accentHue + ',75%,50%)' );
+ return fallback.getReadableContrastingColor( this.bgColorObj, 4.5 );
+};
+
+/**
+ * Return a new instance of the _twentyTwentyColor object.
+ *
+ * @since 1.0.0
+ * @param {string} backgroundColor - The background color.
+ * @param {number} accentHue - The hue for our accent color.
+ * @return {Object} - this
+ */
+function twentyTwentyColor( backgroundColor, accentHue ) {
+ var color = new _twentyTwentyColor( backgroundColor, accentHue );
+ color.setAccentColorsArray();
+ return color;
+}
Property changes on: src/wp-content/themes/twentytwenty/assets/js/color-calculations.js
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/js/customize-controls.js
===================================================================
--- src/wp-content/themes/twentytwenty/assets/js/customize-controls.js (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/js/customize-controls.js (working copy)
@@ -0,0 +1,91 @@
+/* global backgroundColors, twentyTwentyColor, Color, jQuery, wp, _ */
+/**
+ * Customizer enhancements for a better user experience.
+ *
+ * Contains extra logic for our Customizer controls & settings.
+ *
+ * @since 1.0.0
+ */
+
+( function() {
+ // Wait until the customizer has finished loading.
+ wp.customize.bind( 'ready', function() {
+ // Add a listener for accent-color changes.
+ wp.customize( 'accent_hue', function( value ) {
+ value.bind( function( to ) {
+ // Update the value for our accessible colors for all areas.
+ Object.keys( backgroundColors ).forEach( function( context ) {
+ var backgroundColorValue;
+ if ( backgroundColors[ context ].color ) {
+ backgroundColorValue = backgroundColors[ context ].color;
+ } else {
+ backgroundColorValue = wp.customize( backgroundColors[ context ].setting ).get();
+ }
+ twentyTwentySetAccessibleColorsValue( context, backgroundColorValue, to );
+ } );
+ } );
+ } );
+
+ // Add a listener for background-color changes.
+ Object.keys( backgroundColors ).forEach( function( context ) {
+ wp.customize( backgroundColors[ context ].setting, function( value ) {
+ value.bind( function( to ) {
+ // Update the value for our accessible colors for this area.
+ twentyTwentySetAccessibleColorsValue( context, to, wp.customize( 'accent_hue' ).get(), to );
+ } );
+ } );
+ } );
+ } );
+
+ /**
+ * Updates the value of the "accent_accessible_colors" setting.
+ *
+ * @since 1.0.0
+ *
+ * @param {string} context The area for which we want to get colors. Can be for example "content", "header" etc.
+ * @param {string} backgroundColor The background color (HEX value).
+ * @param {number} accentHue Numeric representation of the selected hue (0 - 359).
+ *
+ * @return {void}
+ */
+ function twentyTwentySetAccessibleColorsValue( context, backgroundColor, accentHue ) {
+ var value, colors;
+
+ // Get the current value for our accessible colors, and make sure it's an object.
+ value = wp.customize( 'accent_accessible_colors' ).get();
+ value = ( _.isObject( value ) && ! _.isArray( value ) ) ? value : {};
+
+ // Get accessible colors for the defined background-color and hue.
+ colors = twentyTwentyColor( backgroundColor, accentHue );
+
+ // Sanity check.
+ if ( colors.getAccentColor() && 'function' === typeof colors.getAccentColor().toCSS ) {
+ // Update the value for this context.
+ value[ context ] = {
+ text: colors.getTextColor(),
+ accent: colors.getAccentColor().toCSS(),
+ background: backgroundColor,
+ };
+
+ // Get borders color.
+ value[ context ].borders = Color( {
+ h: colors.bgColorObj.h(),
+ s: colors.bgColorObj.s() * 0.3922,
+ l: colors.isDark ? colors.bgColorObj.l() + 9 : colors.bgColorObj.l() - 9,
+ } ).toCSS();
+
+ // Get secondary color.
+ value[ context ].secondary = Color( {
+ h: colors.bgColorObj.h(),
+ s: colors.bgColorObj.s() / 2,
+ l: ( colors.textColorObj.l() * 0.57 ) + ( colors.bgColorObj.l() * 0.43 ),
+ } ).toCSS();
+ }
+
+ // Change the value.
+ wp.customize( 'accent_accessible_colors' ).set( value );
+
+ // Small hack to save the option.
+ wp.customize( 'accent_accessible_colors' )._dirty = true;
+ }
+}( jQuery ) );
Property changes on: src/wp-content/themes/twentytwenty/assets/js/customize-controls.js
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/js/customize-preview.js
===================================================================
--- src/wp-content/themes/twentytwenty/assets/js/customize-preview.js (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/js/customize-preview.js (working copy)
@@ -0,0 +1,85 @@
+/* global backgroundColors, previewElements, jQuery, _, wp */
+/**
+ * Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ *
+ * @since 1.0.0
+ */
+
+( function() {
+ // Add listener for the "header_footer_background_color" control.
+ wp.customize( 'header_footer_background_color', function( value ) {
+ value.bind( function( to ) {
+ // Add background color to header and footer wrappers.
+ jQuery( '#site-header,#site-footer' ).css( 'background-color', to );
+ } );
+ } );
+
+ // Add listener for the accent color.
+ wp.customize( 'accent_hue', function( value ) {
+ value.bind( function() {
+ // Generate the styles.
+ // Add a small delay to be sure the accessible colors were generated.
+ setTimeout( function() {
+ Object.keys( backgroundColors ).forEach( function( context ) {
+ twentyTwentyGenerateColorA11yPreviewStyles( context );
+ } );
+ }, 50 );
+ } );
+ } );
+
+ // Add listeners for background-color settings.
+ Object.keys( backgroundColors ).forEach( function( context ) {
+ wp.customize( backgroundColors[ context ].setting, function( value ) {
+ value.bind( function() {
+ // Generate the styles.
+ // Add a small delay to be sure the accessible colors were generated.
+ setTimeout( function() {
+ twentyTwentyGenerateColorA11yPreviewStyles( context );
+ }, 50 );
+ } );
+ } );
+ } );
+
+ /**
+ * Add styles to elements in the preview pane.
+ *
+ * @since 1.0.0
+ *
+ * @param {string} context The area for which we want to generate styles. Can be for example "content", "header" etc.
+ *
+ * @return {void}
+ */
+ function twentyTwentyGenerateColorA11yPreviewStyles( context ) {
+ // Get the accessible colors option.
+ var a11yColors = window.parent.wp.customize( 'accent_accessible_colors' ).get(),
+ stylesheedID = 'twentytwenty-customizer-styles-' + context,
+ stylesheet = jQuery( '#' + stylesheedID ),
+ styles = '';
+ // If the stylesheet doesn't exist, create it and append it to
.
+ if ( ! stylesheet.length ) {
+ jQuery( '#twentytwenty-style-inline-css' ).after( '' );
+ stylesheet = jQuery( '#' + stylesheedID );
+ }
+ if ( ! _.isUndefined( a11yColors[ context ] ) ) {
+ // Check if we have elements defined.
+ if ( previewElements[ context ] ) {
+ _.each( previewElements[ context ], function( items, setting ) {
+ _.each( items, function( elements, property ) {
+ if ( ! _.isUndefined( a11yColors[ context ][ setting ] ) ) {
+ styles += elements.join( ',' ) + '{' + property + ':' + a11yColors[ context ][ setting ] + ';}';
+ }
+ } );
+ } );
+ }
+ }
+ // Add styles.
+ stylesheet.html( styles );
+ }
+ // Generate styles on load. Handles page-changes on the preview pane.
+ jQuery( document ).ready( function() {
+ twentyTwentyGenerateColorA11yPreviewStyles( 'content' );
+ twentyTwentyGenerateColorA11yPreviewStyles( 'header-footer' );
+ } );
+}() );
Property changes on: src/wp-content/themes/twentytwenty/assets/js/customize-preview.js
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/assets/js/index.js
===================================================================
--- src/wp-content/themes/twentytwenty/assets/js/index.js (nonexistent)
+++ src/wp-content/themes/twentytwenty/assets/js/index.js (working copy)
@@ -0,0 +1,783 @@
+/* -----------------------------------------------------------------------------------------------
+ Namespace
+--------------------------------------------------------------------------------------------------- */
+
+var twentytwenty = twentytwenty || {};
+
+// polyfill closest
+// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill
+if ( ! Element.prototype.matches ) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+}
+
+if ( ! Element.prototype.closest ) {
+ Element.prototype.closest = function( s ) {
+ var el = this;
+
+ do {
+ if ( el.matches( s ) ) {
+ return el;
+ }
+
+ el = el.parentElement || el.parentNode;
+ } while ( el !== null && el.nodeType === 1 );
+
+ return null;
+ };
+}
+
+// polyfill forEach
+// https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill
+if ( window.NodeList && ! NodeList.prototype.forEach ) {
+ NodeList.prototype.forEach = function( callback, thisArg ) {
+ var i;
+
+ thisArg = thisArg || window;
+
+ for ( i = 0; i < this.length; i++ ) {
+ callback.call( thisArg, this[ i ], i, this );
+ }
+ };
+}
+
+// event "polyfill"
+
+twentytwenty.createEvent = function( eventName ) {
+ var event;
+ if ( typeof window.Event === 'function' ) {
+ event = new Event( eventName );
+ } else {
+ event = document.createEvent( 'Event' );
+ event.initEvent( eventName, true, false );
+ }
+ return event;
+};
+
+/* -----------------------------------------------------------------------------------------------
+ Cover Modals
+--------------------------------------------------------------------------------------------------- */
+
+twentytwenty.coverModals = {
+
+ init: function() {
+ if ( document.querySelector( '.cover-modal' ) ) {
+ // Handle cover modals when they're toggled
+ this.onToggle();
+
+ // When toggled, untoggle if visitor clicks on the wrapping element of the modal
+ this.outsideUntoggle();
+
+ // Close on escape key press
+ this.closeOnEscape();
+
+ // Hide and show modals before and after their animations have played out
+ this.hideAndShowModals();
+ }
+ },
+
+ // Handle cover modals when they're toggled
+ onToggle: function() {
+ document.querySelector( '.cover-modal' ).addEventListener( 'toggled', function( event ) {
+ var modal, body;
+
+ modal = event.target;
+ body = document.body;
+
+ if ( modal.classList.contains( 'active' ) ) {
+ body.classList.add( 'showing-modal' );
+ } else {
+ body.classList.remove( 'showing-modal' );
+ body.classList.add( 'hiding-modal' );
+
+ // Remove the hiding class after a delay, when animations have been run
+ setTimeout( function() {
+ body.classList.remove( 'hiding-modal' );
+ }, 500 );
+ }
+ } );
+ },
+
+ // Close modal on outside click
+ outsideUntoggle: function() {
+ document.addEventListener( 'click', function( event ) {
+ var target = event.target;
+ var modal = document.querySelector( '.cover-modal.active' );
+
+ if ( target === modal ) {
+ this.untoggleModal( target );
+ }
+ }.bind( this ) );
+ },
+
+ // Close modal on escape key press
+ closeOnEscape: function() {
+ document.addEventListener( 'keydown', function( event ) {
+ if ( event.keyCode === 27 ) {
+ event.preventDefault();
+ document.querySelectorAll( '.cover-modal.active' ).forEach( function( element ) {
+ this.untoggleModal( element );
+ }.bind( this ) );
+ }
+ }.bind( this ) );
+ },
+
+ // Hide and show modals before and after their animations have played out
+ hideAndShowModals: function() {
+ var modals = document.querySelectorAll( '.cover-modal' ),
+ htmlStyle = document.documentElement.style;
+
+ var getAdminBarHeight = function( negativeValue ) {
+ var adminBar = document.querySelector( '#wpadminbar' );
+
+ if ( adminBar ) {
+ return ( negativeValue ? '-' : '' ) + adminBar.getBoundingClientRect().height + 'px';
+ }
+
+ return 0;
+ };
+
+ function htmlStyles() {
+ return {
+ 'overflow-y': 'scroll',
+ position: 'fixed',
+ width: '100%',
+ top: getAdminBarHeight( true ),
+ left: 0,
+ };
+ }
+
+ // Show the modal
+ modals.forEach( function( modal ) {
+ modal.addEventListener( 'toggle-target-before-inactive', function( event ) {
+ if ( event.target !== modal ) {
+ return;
+ }
+
+ window.scrollTo( { top: 0 } );
+
+ Object.keys( htmlStyles() ).forEach( function( styleKey ) {
+ htmlStyle.setProperty( styleKey, htmlStyles()[ styleKey ] );
+ } );
+
+ document.body.style.setProperty( 'padding-top', getAdminBarHeight() );
+
+ modal.classList.add( 'show-modal' );
+ } );
+
+ // Hide the modal after a delay, so animations have time to play out
+ modal.addEventListener( 'toggle-target-after-inactive', function( event ) {
+ if ( event.target !== modal ) {
+ return;
+ }
+
+ setTimeout( function() {
+ modal.classList.remove( 'show-modal' );
+
+ Object.keys( htmlStyles() ).forEach( function( styleKey ) {
+ htmlStyle.removeProperty( styleKey );
+ } );
+
+ document.body.style.removeProperty( 'padding-top' );
+ }, 500 );
+ } );
+ } );
+ },
+
+ // Untoggle a modal
+ untoggleModal: function( modal ) {
+ var modalToggle, 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
+ if ( modal.dataset.modalTargetString ) {
+ modalTargetClass = modal.dataset.modalTargetString;
+
+ modalToggle = document.querySelector( '*[data-toggle-target="' + modalTargetClass + '"]' );
+ }
+
+ // If a modal toggle exists, trigger it so all of the toggle options are included
+ if ( modalToggle ) {
+ modalToggle.click();
+
+ // If one doesn't exist, just hide the modal
+ } else {
+ modal.classList.remove( 'active' );
+ }
+ },
+
+}; // twentytwenty.coverModals
+
+/* -----------------------------------------------------------------------------------------------
+ Focus Management
+--------------------------------------------------------------------------------------------------- */
+
+twentytwenty.focusManagement = {
+
+ init: function() {
+ // If the visitor tabs out of the main menu, return focus to the navigation toggle
+ // Also, if the visitor tabs into a hidden element, move the focus to the element after the hidden element
+ this.focusLoop();
+ },
+
+ focusLoop: function() {
+ document.addEventListener( 'focusin', function( event ) {
+ var element = event.target;
+ var menuModal = document.querySelector( '.menu-modal' );
+ var headerToggles = document.querySelector( '.header-toggles' );
+ var searchModal = document.querySelector( '.search-modal' );
+ if ( menuModal && menuModal.classList.contains( '.active' ) ) {
+ if ( ! menuModal.contains( element ) && headerToggles && ! headerToggles.contains( element ) ) {
+ document.querySelector( '.close-nav-toggle' ).focus();
+ }
+ } else if ( searchModal && ! searchModal.classList.contains( '.active' ) ) {
+ if ( ! searchModal.contains( element ) ) {
+ searchModal.querySelector( '.search-field' ).focus();
+ }
+ }
+ } );
+ },
+
+}; // twentytwenty.focusManagement
+
+/* -----------------------------------------------------------------------------------------------
+ Intrinsic Ratio Embeds
+--------------------------------------------------------------------------------------------------- */
+
+twentytwenty.intrinsicRatioVideos = {
+
+ init: function() {
+ this.makeFit();
+
+ window.addEventListener( 'fit-videos', function() {
+ this.makeFit();
+ }.bind( this ) );
+
+ window.addEventListener( 'resize', function() {
+ this.makeFit();
+ }.bind( this ) );
+ },
+
+ makeFit: function() {
+ document.querySelectorAll( 'iframe, object, video' ).forEach( function( video ) {
+ var container, ratio, iTargetWidth;
+
+ container = video.parentNode;
+
+ // Skip videos we want to ignore
+ if ( video.classList.contains( 'intrinsic-ignore' ) || video.parentNode.classList.contains( 'intrinsic-ignore' ) ) {
+ return true;
+ }
+
+ if ( ! video.dataset.origwidth ) {
+ // Get the video element proportions
+ video.setAttribute( 'data-origwidth', video.width );
+ video.setAttribute( 'data-origheight', video.height );
+ }
+
+ iTargetWidth = container.offsetWidth;
+
+ // Get ratio from proportions
+ ratio = iTargetWidth / video.dataset.origwidth;
+
+ // Scale based on ratio, thus retaining proportions
+ video.style.width = iTargetWidth + 'px';
+ video.style.height = ( video.dataset.origheight * ratio ) + 'px';
+ } );
+ },
+
+}; // twentytwenty.instrinsicRatioVideos
+
+/* -----------------------------------------------------------------------------------------------
+ Smooth Scroll
+--------------------------------------------------------------------------------------------------- */
+
+twentytwenty.smoothScroll = {
+
+ init: function() {
+ // Scroll to anchor
+ this.scrollToAnchor();
+
+ // Scroll to element
+ this.scrollToElement();
+ },
+
+ // Scroll to anchor
+ scrollToAnchor: function() {
+ 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' ) ) {
+ return false;
+ }
+ return true;
+ } ).forEach( function( element ) {
+ element.addEventListener( 'click', function( event ) {
+ var target, scrollOffset, originalOffset, adminBar, scrollSpeed, additionalOffset;
+
+ // On-page links
+ if ( window.location.hostname === event.target.hostname ) {
+ // Figure out element to scroll to
+ target = window.location.hash !== '' && document.querySelector( window.location.hash );
+ target = target ? target : event.target.hash !== '' && document.querySelector( event.target.hash );
+
+ // Does a scroll target exist?
+ if ( target ) {
+ // Only prevent default if animation is actually gonna happen
+ event.preventDefault();
+
+ // Get options
+ additionalOffset = event.target.dataset.additionalOffset;
+ scrollSpeed = event.target.dataset.scrollSpeed ? event.target.dataset.scrollSpeed : 500;
+
+ // Determine offset
+
+ adminBar = document.querySelector( '#wpadminbar' );
+
+ originalOffset = target.getBoundingClientRect().top + window.pageYOffset;
+ scrollOffset = additionalOffset ? originalOffset + additionalOffset : originalOffset;
+
+ if ( adminBar && event.target.className === 'to-the-top' ) {
+ scrollOffset = scrollOffset - adminBar.getBoundingClientRect().height;
+ }
+
+ twentytwentyScrollTo( scrollOffset, null, scrollSpeed );
+
+ window.location.hash = event.target.hash.slice( 1 );
+ }
+ }
+ } );
+ } );
+ },
+
+ // Scroll to element
+ scrollToElement: function() {
+ var scrollToElement = document.querySelector( '*[data-scroll-to]' );
+
+ if ( scrollToElement ) {
+ scrollToElement.addEventListener( 'click', function( event ) {
+ var target, originalOffset, additionalOffset, scrollOffset, scrollSpeed;
+
+ // Figure out element to scroll to
+ target = event.target.dataset.twentytwentyScrollTo;
+
+ // Make sure said element exists
+ if ( target ) {
+ event.preventDefault();
+
+ // Get options
+ additionalOffset = event.target.dataset.additionalOffset;
+ scrollSpeed = event.target.dataset.scrollSpeed ? event.target.dataset.scrollSpeed : 500;
+
+ // Determine offset
+ originalOffset = target.getBoundingClientRect().top + window.pageYOffset;
+ scrollOffset = additionalOffset ? originalOffset + additionalOffset : originalOffset;
+
+ twentytwentyScrollTo( scrollOffset, null, scrollSpeed );
+ }
+ } );
+ }
+ },
+
+}; // twentytwenty.smoothScroll
+
+/* -----------------------------------------------------------------------------------------------
+ Main Menu
+--------------------------------------------------------------------------------------------------- */
+twentytwenty.modalMenu = {
+
+ init: function() {
+ // If the current menu item is in a sub level, expand all the levels higher up on load
+ this.expandLevel();
+ },
+
+ expandLevel: function() {
+ var modalMenu = document.querySelector( '.modal-menu' );
+ var activeMenuItem = modalMenu.querySelector( '.current-menu-item' );
+
+ if ( activeMenuItem ) {
+ twentytwentyFindParents( activeMenuItem, 'li' ).forEach( function( element ) {
+ var subMenuToggle = element.querySelector( '.sub-menu-toggle' );
+ if ( subMenuToggle ) {
+ subMenuToggle.click();
+ }
+ } );
+ }
+ },
+}; // twentytwenty.modalMenu
+
+/* -----------------------------------------------------------------------------------------------
+ Toggles
+--------------------------------------------------------------------------------------------------- */
+
+twentytwenty.toggles = {
+
+ init: function() {
+ // Do the toggle
+ this.toggle();
+
+ // Check for toggle/untoggle on resize
+ this.resizeCheck();
+
+ // Check for untoggle on escape key press
+ this.untoggleOnEscapeKeyPress();
+ },
+
+ // Do the toggle
+ toggle: function() {
+ document.querySelectorAll( '*[data-toggle-target]' ).forEach( function( element ) {
+ element.addEventListener( 'click', function() {
+ var toggle, targetString, target, timeOutTime, classToToggle, activeClass;
+
+ // Get our targets
+ toggle = element;
+ targetString = toggle.dataset.toggleTarget;
+ activeClass = 'active';
+
+ if ( targetString === 'next' ) {
+ target = toggle.nextSibling;
+ } else {
+ target = document.querySelector( targetString );
+ }
+
+ // Trigger events on the toggle targets before they are toggled
+ if ( target.classList.contains( activeClass ) ) {
+ target.dispatchEvent( twentytwenty.createEvent( 'toggle-target-before-active' ) );
+ } else {
+ target.dispatchEvent( twentytwenty.createEvent( 'toggle-target-before-inactive' ) );
+ }
+
+ // Get the class to toggle, if specified
+ classToToggle = toggle.dataset.classToToggle ? toggle.dataset.classToToggle : activeClass;
+
+ // For cover modals, set a short timeout duration so the class animations have time to play out
+ timeOutTime = 0;
+
+ if ( target.classList.contains( 'cover-modal' ) ) {
+ timeOutTime = 10;
+ }
+
+ setTimeout( function() {
+ var focusElement, duration, newTarget, subMenued;
+
+ // Toggle the target of the clicked toggle
+ if ( toggle.dataset.toggleType === 'slidetoggle' ) {
+ duration = toggle.dataset.toggleDuration ? toggle.dataset.toggleDuration : 250;
+ subMenued = target.classList.contains( 'sub-menu' );
+ newTarget = subMenued ? toggle.closest( '.menu-item' ).querySelector( '.sub-menu' ) : target;
+
+ twentytwentySlideToggle( newTarget, duration );
+ } else {
+ target.classList.toggle( classToToggle );
+ }
+
+ // If the toggle target is 'next', only give the clicked toggle the active class
+ if ( targetString === 'next' ) {
+ toggle.classList.toggle( activeClass );
+ } else if ( target.classList.contains( 'sub-menu' ) ) {
+ toggle.classList.toggle( activeClass );
+ } else {
+ // If not, toggle all toggles with this toggle target
+ document.querySelector( '*[data-toggle-target="' + targetString + '"]' ).classList.toggle( activeClass );
+ }
+
+ // Toggle aria-expanded on the target
+ twentytwentyToggleAttribute( target, 'aria-expanded', 'true', 'false' );
+
+ // Toggle aria-expanded on the toggle
+ twentytwentyToggleAttribute( toggle, 'aria-expanded', 'true', 'false' );
+
+ // Toggle body class
+ if ( toggle.dataset.toggleBodyClass ) {
+ document.querySelector( 'body' ).classList.toggle( toggle.dataset.toggleBodyClass );
+ }
+
+ // Check whether to set focus
+ if ( toggle.dataset.setFocus ) {
+ focusElement = document.querySelector( toggle.dataset.setFocus );
+
+ if ( focusElement ) {
+ if ( target.classList.contains( activeClass ) ) {
+ focusElement.focus();
+ } else {
+ focusElement.blur();
+ }
+ }
+ }
+
+ // Trigger the toggled event on the toggle target
+ target.dispatchEvent( twentytwenty.createEvent( 'toggled' ) );
+
+ // Trigger events on the toggle targets after they are toggled
+ if ( target.classList.contains( activeClass ) ) {
+ target.dispatchEvent( twentytwenty.createEvent( 'toggle-target-after-active' ) );
+ } else {
+ target.dispatchEvent( twentytwenty.createEvent( 'toggle-target-after-inactive' ) );
+ }
+ }, timeOutTime );
+ } );
+ } );
+ },
+
+ // Check for toggle/untoggle on screen resize
+ resizeCheck: function() {
+ if ( document.querySelectorAll( '*[data-untoggle-above], *[data-untoggle-below], *[data-toggle-above], *[data-toggle-below]' ).length ) {
+ window.addEventListener( 'resize', function() {
+ var winWidth = window.innerWidth,
+ toggles = document.querySelectorAll( '.toggle' );
+
+ toggles.forEach( function( toggle ) {
+ var unToggleAbove = toggle.dataset.untoggleAbove,
+ unToggleBelow = toggle.dataset.untoggleBelow,
+ toggleAbove = toggle.dataset.toggleAbove,
+ toggleBelow = toggle.dataset.toggleBelow;
+
+ // If no width comparison is set, continue
+ if ( ! unToggleAbove && ! unToggleBelow && ! toggleAbove && ! toggleBelow ) {
+ return;
+ }
+
+ // If the toggle width comparison is true, toggle the toggle
+ if (
+ ( ( ( unToggleAbove && winWidth > unToggleAbove ) ||
+ ( unToggleBelow && winWidth < unToggleBelow ) ) &&
+ toggle.classList.contains( 'active' ) ) ||
+ ( ( ( toggleAbove && winWidth > toggleAbove ) ||
+ ( toggleBelow && winWidth < toggleBelow ) ) &&
+ ! toggle.classList.contains( 'active' ) )
+ ) {
+ toggle.click();
+ }
+ } );
+ } );
+ }
+ },
+
+ // Close toggle on escape key press
+ untoggleOnEscapeKeyPress: function() {
+ document.addEventListener( 'keyup', function( event ) {
+ if ( event.key === 'Escape' ) {
+ document.querySelectorAll( '*[data-untoggle-on-escape].active' ).forEach( function( element ) {
+ if ( element.classList.contains( 'active' ) ) {
+ element.click();
+ }
+ } );
+ }
+ } );
+ },
+
+}; // twentytwenty.toggles
+
+/**
+ * Is the DOM ready
+ *
+ * this implementation is coming from https://gomakethings.com/a-native-javascript-equivalent-of-jquerys-ready-method/
+ *
+ * @param {Function} fn Callback function to run.
+ */
+function twentytwentyDomReady( fn ) {
+ if ( typeof fn !== 'function' ) {
+ return;
+ }
+
+ if ( document.readyState === 'interactive' || document.readyState === 'complete' ) {
+ return fn();
+ }
+
+ document.addEventListener( 'DOMContentLoaded', fn, false );
+}
+
+twentytwentyDomReady( function() {
+ twentytwenty.toggles.init(); // Handle toggles
+ twentytwenty.coverModals.init(); // Handle cover modals
+ twentytwenty.intrinsicRatioVideos.init(); // Retain aspect ratio of videos on window resize
+ twentytwenty.smoothScroll.init(); // Smooth scroll to anchor link or a specific element
+ twentytwenty.modalMenu.init(); // Modal Menu
+ twentytwenty.focusManagement.init(); // Focus Management
+} );
+
+/* -----------------------------------------------------------------------------------------------
+ Helper functions
+--------------------------------------------------------------------------------------------------- */
+
+/* Toggle an attribute ----------------------- */
+
+function twentytwentyToggleAttribute( element, attribute, trueVal, falseVal ) {
+ if ( trueVal === undefined ) {
+ trueVal = true;
+ }
+ if ( falseVal === undefined ) {
+ falseVal = false;
+ }
+ if ( element[ attribute ] !== trueVal ) {
+ element.setAttribute( attribute, trueVal );
+ } else {
+ element.setAttribute( attribute, falseVal );
+ }
+}
+
+/**
+ * twentytwentySlideUp
+ *
+ * this implementation is coming from https://w3bits.com/javascript-slidetoggle/
+ *
+ * @param {HTMLElement} target
+ * @param {number} duration
+ */
+function twentytwentySlideUp( target, duration ) {
+ target.style.transitionProperty = 'height, margin, padding'; /* [1.1] */
+ target.style.transitionDuration = duration + 'ms'; /* [1.2] */
+ target.style.boxSizing = 'border-box'; /* [2] */
+ target.style.height = target.offsetHeight + 'px'; /* [3] */
+ target.style.height = 0; /* [4] */
+ target.style.paddingTop = 0; /* [5.1] */
+ target.style.paddingBottom = 0; /* [5.2] */
+ target.style.marginTop = 0; /* [6.1] */
+ target.style.marginBottom = 0; /* [7.2] */
+ target.style.overflow = 'hidden'; /* [7] */
+ window.setTimeout( function() {
+ target.style.display = 'none'; /* [8] */
+ target.style.removeProperty( 'height' ); /* [9] */
+ target.style.removeProperty( 'padding-top' ); /* [10.1] */
+ target.style.removeProperty( 'padding-bottom' ); /* [10.2] */
+ target.style.removeProperty( 'margin-top' ); /* [11.1] */
+ target.style.removeProperty( 'margin-bottom' ); /* [11.2] */
+ target.style.removeProperty( 'overflow' ); /* [12] */
+ target.style.removeProperty( 'transition-duration' ); /* [13.1] */
+ target.style.removeProperty( 'transition-property' ); /* [13.2] */
+ }, duration );
+}
+
+/**
+ * twentytwentySlideDown
+ *
+ * this implementation is coming from https://w3bits.com/javascript-slidetoggle/
+ *
+ * @param {HTMLElement} target
+ * @param {number} duration
+ */
+function twentytwentySlideDown( target, duration ) {
+ var height, display;
+ target.style.removeProperty( 'display' ); /* [1] */
+ display = window.getComputedStyle( target ).display;
+ if ( display === 'none' ) { /* [2] */
+ display = 'block';
+ }
+ target.style.display = display;
+
+ height = target.offsetHeight; /* [3] */
+ target.style.height = 0; /* [4] */
+ target.style.paddingTop = 0; /* [5.1] */
+ target.style.paddingBottom = 0; /* [5.2] */
+ target.style.marginTop = 0; /* [6.1] */
+ target.style.marginBottom = 0; /* [6.2] */
+ target.style.overflow = 'hidden'; /* [7] */
+
+ target.style.boxSizing = 'border-box'; /* [8] */
+ target.style.transitionProperty = 'height, margin, padding'; /* [9.1] */
+ target.style.transitionDuration = duration + 'ms'; /* [9.2] */
+ target.style.height = height + 'px'; /* [10] */
+ target.style.removeProperty( 'padding-top' ); /* [11.1] */
+ target.style.removeProperty( 'padding-bottom' ); /* [11.2] */
+ target.style.removeProperty( 'margin-top' ); /* [12.1] */
+ target.style.removeProperty( 'margin-bottom' ); /* [12.2] */
+
+ window.setTimeout( function() {
+ target.style.removeProperty( 'height' ); /* [13] */
+ target.style.removeProperty( 'overflow' ); /* [14] */
+ target.style.removeProperty( 'transition-duration' ); /* [15.1] */
+ target.style.removeProperty( 'transition-property' ); /* [15.2] */
+ }, duration );
+}
+
+/**
+ * twentytwentySlideToggle
+ *
+ * this implementation is coming from https://w3bits.com/javascript-slidetoggle/
+ *
+ * @param {HTMLElement} target
+ * @param {number} duration
+ */
+function twentytwentySlideToggle( target, duration ) {
+ if ( duration === undefined ) {
+ duration = 500;
+ }
+
+ if ( window.getComputedStyle( target ).display === 'none' ) {
+ return twentytwentySlideDown( target, duration );
+ }
+ return twentytwentySlideUp( target, duration );
+}
+
+/**
+ * traverses the DOM up to find elements matching the query
+ *
+ * @param {HTMLElement} target
+ * @param {string} query
+ * @return {NodeList} parents matching query
+ */
+function twentytwentyFindParents( target, query ) {
+ var parents = [];
+
+ // recursively go up the DOM adding matches to the parents array
+ function traverse( item ) {
+ var parent = item.parentNode;
+ if ( parent instanceof HTMLElement ) {
+ if ( parent.matches( query ) ) {
+ parents.push( parent );
+ }
+ traverse( parent );
+ }
+ }
+
+ traverse( target );
+
+ return parents;
+}
+
+// twentytwentyEaseInOutQuad functions http://goo.gl/5HLl8
+function twentytwentyEaseInOutQuad( t, b, c, d ) {
+ t /= d / 2;
+ if ( t < 1 ) {
+ return ( ( ( c / 2 ) * t ) * t ) + b;
+ }
+ t--;
+ return ( ( -c / 2 ) * ( ( t * ( t - 2 ) ) - 1 ) ) + b;
+}
+
+function twentytwentyScrollTo( to, callback, duration ) {
+ var start, change, increment, currentTime;
+
+ function move( amount ) {
+ document.documentElement.scrollTop = amount;
+ document.body.parentNode.scrollTop = amount;
+ document.body.scrollTop = amount;
+ }
+
+ start = document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop;
+ change = to - start;
+ increment = 20;
+ currentTime = 0;
+
+ duration = ( typeof ( duration ) === 'undefined' ) ? 500 : duration;
+
+ function animateScroll() {
+ var val;
+
+ // increment the time
+ currentTime += increment;
+ // find the value with the quadratic in-out twentytwentyEaseInOutQuad function
+ val = twentytwentyEaseInOutQuad( currentTime, start, change, duration );
+ // move the document.body
+ move( val );
+ // do the animation unless its over
+ if ( currentTime < duration ) {
+ window.requestAnimationFrame( animateScroll );
+ } else if ( callback && typeof ( callback ) === 'function' ) {
+ // the animation is done so lets callback
+ callback();
+ }
+ }
+ animateScroll();
+}
Property changes on: src/wp-content/themes/twentytwenty/assets/js/index.js
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php
===================================================================
--- src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php (nonexistent)
+++ src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php (working copy)
@@ -0,0 +1,513 @@
+get_setting( 'blogname' )->transport = 'postMessage';
+ $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
+
+ $wp_customize->selective_refresh->add_partial(
+ 'blogname',
+ array(
+ 'selector' => '.site-title a',
+ 'render_callback' => 'twentytwenty_customize_partial_blogname',
+ )
+ );
+
+ $wp_customize->selective_refresh->add_partial(
+ 'blogdescription',
+ array(
+ 'selector' => '.site-description',
+ 'render_callback' => 'twentytwenty_customize_partial_blogdescription',
+ )
+ );
+
+ $wp_customize->selective_refresh->add_partial(
+ 'custom_logo',
+ array(
+ 'selector' => '.header-titles [class*=site-]:not(.site-description)',
+ 'render_callback' => 'twentytwenty_customize_partial_site_logo',
+ )
+ );
+
+ /**
+ * Site Identity
+ */
+
+ /* 2X Header Logo ---------------- */
+ $wp_customize->add_setting(
+ 'retina_logo',
+ array(
+ 'capability' => 'edit_theme_options',
+ 'sanitize_callback' => array( __CLASS__, 'sanitize_checkbox' ),
+ 'transport' => 'postMessage',
+ )
+ );
+
+ $wp_customize->add_control(
+ 'retina_logo',
+ array(
+ 'type' => 'checkbox',
+ 'section' => 'title_tagline',
+ 'priority' => 10,
+ 'label' => __( 'Retina logo', 'twentytwenty' ),
+ 'description' => __( 'Scales the logo to half its uploaded size, making it sharp on high-res screens.', 'twentytwenty' ),
+ )
+ );
+
+ // Header & Footer Background Color.
+ $wp_customize->add_setting(
+ 'header_footer_background_color',
+ array(
+ 'default' => '#ffffff',
+ 'sanitize_callback' => 'sanitize_hex_color',
+ 'transport' => 'postMessage',
+ )
+ );
+
+ $wp_customize->add_control(
+ new WP_Customize_Color_Control(
+ $wp_customize,
+ 'header_footer_background_color',
+ array(
+ 'label' => esc_html__( 'Header & Footer Background Color', 'twentytwenty' ),
+ 'section' => 'colors',
+ )
+ )
+ );
+
+ /**
+ * Implementation for the accent color.
+ * This is different to all other color options because of the accessibility enhancements.
+ * The control is a hue-only colorpicker, and there is a separate setting that holds values
+ * for other colors calculated based on the selected hue and various background-colors on the page.
+ *
+ * @since 1.0.0
+ */
+
+ // Add the setting for the hue colorpicker.
+ $wp_customize->add_setting(
+ 'accent_hue',
+ array(
+ 'default' => 344,
+ 'type' => 'theme_mod',
+ 'sanitize_callback' => 'absint',
+ 'transport' => 'postMessage',
+ )
+ );
+
+ // Add setting to hold colors derived from the accent hue.
+ $wp_customize->add_setting(
+ 'accent_accessible_colors',
+ array(
+ 'default' => array(
+ 'content' => array(
+ 'text' => '#000000',
+ 'accent' => '#cd2653',
+ 'secondary' => '#6d6d6d',
+ 'borders' => '#dcd7ca',
+ ),
+ 'header-footer' => array(
+ 'text' => '#000000',
+ 'accent' => '#cd2653',
+ 'secondary' => '#6d6d6d',
+ 'borders' => '#dcd7ca',
+ ),
+ ),
+ 'type' => 'theme_mod',
+ 'transport' => 'postMessage',
+ 'sanitize_callback' => array( 'TwentyTwenty_Customize', 'sanitize_accent_accessible_colors' ),
+ )
+ );
+
+ // Add the hue-only colorpicker for the accent color.
+ $wp_customize->add_control(
+ new WP_Customize_Color_Control(
+ $wp_customize,
+ 'accent_hue',
+ array(
+ 'label' => esc_html__( 'Accent Color Hue', 'twentytwenty' ),
+ 'section' => 'colors',
+ 'settings' => 'accent_hue',
+ 'mode' => 'hue',
+ )
+ )
+ );
+
+ /**
+ * Custom Accent Colors.
+ */
+ $accent_color_options = self::get_color_options();
+
+ // Loop over the color options and add them to the customizer.
+ foreach ( $accent_color_options as $color_option_name => $color_option ) {
+
+ $wp_customize->add_setting(
+ $color_option_name,
+ array(
+ 'default' => $color_option['default'],
+ 'sanitize_callback' => 'sanitize_hex_color',
+ )
+ );
+
+ $wp_customize->add_control(
+ new WP_Customize_Color_Control(
+ $wp_customize,
+ $color_option_name,
+ array(
+ 'label' => $color_option['label'],
+ 'section' => 'colors',
+ 'priority' => 10,
+ )
+ )
+ );
+
+ }
+
+ // Update background color with postMessage, so inline CSS output is updated as well.
+ $wp_customize->get_setting( 'background_color' )->transport = 'postMessage';
+
+ /**
+ * Theme Options
+ */
+
+ $wp_customize->add_section(
+ 'options',
+ array(
+ 'title' => __( 'Theme Options', 'twentytwenty' ),
+ 'priority' => 40,
+ 'capability' => 'edit_theme_options',
+ 'description' => __( 'Settings for this theme.', 'twentytwenty' ),
+ )
+ );
+
+ /* Enable Header Search --------- */
+
+ $wp_customize->add_setting(
+ 'enable_header_search',
+ array(
+ 'capability' => 'edit_theme_options',
+ 'default' => false,
+ 'sanitize_callback' => array( __CLASS__, 'sanitize_checkbox' ),
+ )
+ );
+
+ $wp_customize->add_control(
+ 'enable_header_search',
+ array(
+ 'type' => 'checkbox',
+ 'section' => 'options',
+ 'priority' => 10,
+ 'label' => __( 'Show search in header', 'twentytwenty' ),
+ 'description' => __( 'Uncheck to hide the search in the header.', 'twentytwenty' ),
+ )
+ );
+
+ /* Display full content or excerpts on the blog and archives --------- */
+
+ $wp_customize->add_setting(
+ 'blog_content',
+ array(
+ 'capability' => 'edit_theme_options',
+ 'default' => 'full',
+ 'sanitize_callback' => array( __CLASS__, 'sanitize_select' ),
+ )
+ );
+
+ $wp_customize->add_control(
+ 'blog_content',
+ array(
+ 'type' => 'radio',
+ 'section' => 'options',
+ 'priority' => 10,
+ 'label' => __( 'On archive pages, posts show:', 'twentytwenty' ),
+ 'description' => __( 'Search results always show the summary.', 'twentytwenty' ),
+ 'choices' => array(
+ 'full' => __( 'Full text', 'twentytwenty' ),
+ 'summary' => __( 'Summary', 'twentytwenty' ),
+ ),
+ )
+ );
+
+ /**
+ * Template: Cover Template.
+ */
+ $wp_customize->add_section(
+ 'cover_template_options',
+ array(
+ 'title' => __( 'Cover Template', 'twentytwenty' ),
+ 'capability' => 'edit_theme_options',
+ 'description' => __( 'Settings for the "Cover Template" page template.', 'twentytwenty' ),
+ 'priority' => 42,
+ )
+ );
+
+ /* Overlay Fixed Background ------ */
+
+ $wp_customize->add_setting(
+ 'cover_template_fixed_background',
+ array(
+ 'capability' => 'edit_theme_options',
+ 'default' => true,
+ 'sanitize_callback' => array( __CLASS__, 'sanitize_checkbox' ),
+ )
+ );
+
+ $wp_customize->add_control(
+ 'cover_template_fixed_background',
+ array(
+ 'type' => 'checkbox',
+ 'section' => 'cover_template_options',
+ 'label' => __( 'Fixed Background Image', 'twentytwenty' ),
+ 'description' => __( 'Creates a parallax effect when the visitor scrolls.', 'twentytwenty' ),
+ )
+ );
+
+ /* Separator --------------------- */
+
+ $wp_customize->add_setting(
+ 'cover_template_separator_1',
+ array(
+ 'sanitize_callback' => 'wp_filter_nohtml_kses',
+ )
+ );
+
+ $wp_customize->add_control(
+ new TwentyTwenty_Separator_Control(
+ $wp_customize,
+ 'cover_template_separator_1',
+ array(
+ 'section' => 'cover_template_options',
+ )
+ )
+ );
+
+ /* Overlay Background Color ------ */
+
+ $wp_customize->add_setting(
+ 'cover_template_overlay_background_color',
+ array(
+ 'default' => twentytwenty_get_color_for_area( 'content', 'accent' ),
+ 'sanitize_callback' => 'sanitize_hex_color',
+ )
+ );
+
+ $wp_customize->add_control(
+ new WP_Customize_Color_Control(
+ $wp_customize,
+ 'cover_template_overlay_background_color',
+ array(
+ 'label' => __( 'Image Overlay Background Color', 'twentytwenty' ),
+ 'description' => __( 'The color used for the featured image overlay. Defaults to the accent color.', 'twentytwenty' ),
+ 'section' => 'cover_template_options',
+ )
+ )
+ );
+
+ /* Overlay Text Color ------------ */
+
+ $wp_customize->add_setting(
+ 'cover_template_overlay_text_color',
+ array(
+ 'default' => '#ffffff',
+ 'sanitize_callback' => 'sanitize_hex_color',
+ )
+ );
+
+ $wp_customize->add_control(
+ new WP_Customize_Color_Control(
+ $wp_customize,
+ 'cover_template_overlay_text_color',
+ array(
+ 'label' => __( 'Image Overlay Text Color', 'twentytwenty' ),
+ 'description' => __( 'The color used for the text in the featured image overlay.', 'twentytwenty' ),
+ 'section' => 'cover_template_options',
+ )
+ )
+ );
+
+ /* Overlay Blend Mode ------------ */
+
+ $wp_customize->add_setting(
+ 'cover_template_overlay_blend_mode',
+ array(
+ 'default' => 'multiply',
+ 'sanitize_callback' => array( __CLASS__, 'sanitize_select' ),
+ )
+ );
+
+ $wp_customize->add_control(
+ 'cover_template_overlay_blend_mode',
+ array(
+ 'label' => __( 'Image Overlay Blend Mode', 'twentytwenty' ),
+ 'description' => __( 'How the overlay color will blend with the image. Some browsers, like Internet Explorer and Edge, only support the "Normal" mode.', 'twentytwenty' ),
+ 'section' => 'cover_template_options',
+ 'type' => 'select',
+ 'choices' => array(
+ 'normal' => __( 'Normal', 'twentytwenty' ),
+ 'multiply' => __( 'Multiply', 'twentytwenty' ),
+ 'screen' => __( 'Screen', 'twentytwenty' ),
+ 'overlay' => __( 'Overlay', 'twentytwenty' ),
+ 'darken' => __( 'Darken', 'twentytwenty' ),
+ 'lighten' => __( 'Lighten', 'twentytwenty' ),
+ 'color-dodge' => __( 'Color Dodge', 'twentytwenty' ),
+ 'color-burn' => __( 'Color Burn', 'twentytwenty' ),
+ 'hard-light' => __( 'Hard Light', 'twentytwenty' ),
+ 'soft-light' => __( 'Soft Light', 'twentytwenty' ),
+ 'difference' => __( 'Difference', 'twentytwenty' ),
+ 'exclusion' => __( 'Exclusion', 'twentytwenty' ),
+ 'hue' => __( 'Hue', 'twentytwenty' ),
+ 'saturation' => __( 'Saturation', 'twentytwenty' ),
+ 'color' => __( 'Color', 'twentytwenty' ),
+ 'luminosity' => __( 'Luminosity', 'twentytwenty' ),
+ ),
+ )
+ );
+
+ /* Overlay Color Opacity --------- */
+
+ $wp_customize->add_setting(
+ 'cover_template_overlay_opacity',
+ array(
+ 'default' => '80',
+ 'sanitize_callback' => array( __CLASS__, 'sanitize_select' ),
+ )
+ );
+
+ $wp_customize->add_control(
+ 'cover_template_overlay_opacity',
+ array(
+ 'label' => __( 'Image Overlay Opacity', 'twentytwenty' ),
+ 'description' => __( 'Make sure that the value is high enough that the text is readable.', 'twentytwenty' ),
+ 'section' => 'cover_template_options',
+ 'type' => 'select',
+ 'choices' => array(
+ '0' => __( '0%', 'twentytwenty' ),
+ '10' => __( '10%', 'twentytwenty' ),
+ '20' => __( '20%', 'twentytwenty' ),
+ '30' => __( '30%', 'twentytwenty' ),
+ '40' => __( '40%', 'twentytwenty' ),
+ '50' => __( '50%', 'twentytwenty' ),
+ '60' => __( '60%', 'twentytwenty' ),
+ '70' => __( '70%', 'twentytwenty' ),
+ '80' => __( '80%', 'twentytwenty' ),
+ '90' => __( '90%', 'twentytwenty' ),
+ '100' => __( '100%', 'twentytwenty' ),
+ ),
+ )
+ );
+
+ }
+
+ /**
+ * Sanitization callback for the "accent_accessible_colors" setting.
+ *
+ * @static
+ * @access public
+ * @since 1.0.0
+ * @param array $value The value we want to sanitize.
+ * @return array Returns sanitized value. Each item in the array gets sanitized separately.
+ */
+ public static function sanitize_accent_accessible_colors( $value ) {
+
+ // Make sure the value is an array. Do not typecast, use empty array as fallback.
+ $value = is_array( $value ) ? $value : array();
+
+ // Loop values.
+ foreach ( $value as $area => $values ) {
+ foreach ( $values as $context => $color_val ) {
+ $value[ $area ][ $context ] = sanitize_hex_color( $color_val );
+ }
+ }
+
+ return $value;
+ }
+
+ /**
+ * Return the sitewide color options included.
+ * Note: These values are shared between the block editor styles and the customizer,
+ * and abstracted to this function.
+ */
+ public static function get_color_options() {
+ return apply_filters( 'twentytwenty_accent_color_options', array() );
+ }
+
+ /**
+ * Sanitize select.
+ *
+ * @param string $input The input from the setting.
+ * @param object $setting The selected setting.
+ */
+ public static function sanitize_select( $input, $setting ) {
+ $input = sanitize_key( $input );
+ $choices = $setting->manager->get_control( $setting->id )->choices;
+ return ( array_key_exists( $input, $choices ) ? $input : $setting->default );
+ }
+
+ /**
+ * Sanitize boolean for checkbox.
+ *
+ * @param bool $checked Wethere or not a blox is checked.
+ */
+ public static function sanitize_checkbox( $checked ) {
+ return ( ( isset( $checked ) && true === $checked ) ? true : false );
+ }
+
+ }
+
+ // Setup the Theme Customizer settings and controls.
+ add_action( 'customize_register', array( 'TwentyTwenty_Customize', 'register' ) );
+
+}
+
+/**
+ * PARTIAL REFRESH FUNCTIONS
+ * */
+if ( ! function_exists( 'twentytwenty_customize_partial_blogname' ) ) {
+ /**
+ * Render the site title for the selective refresh partial.
+ */
+ function twentytwenty_customize_partial_blogname() {
+ bloginfo( 'name' );
+ }
+}
+
+if ( ! function_exists( 'twentytwenty_customize_partial_blogdescription' ) ) {
+ /**
+ * Render the site description for the selective refresh partial.
+ */
+ function twentytwenty_customize_partial_blogdescription() {
+ bloginfo( 'description' );
+ }
+}
+
+if ( ! function_exists( 'twentytwenty_customize_partial_site_logo' ) ) {
+ /**
+ * Render the site logo for the selective refresh partial.
+ *
+ * Doing it this way so we don't have issues with `render_callback`'s arguments.
+ */
+ function twentytwenty_customize_partial_site_logo() {
+ twentytwenty_site_logo();
+ }
+}
Property changes on: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-script-loader.php
===================================================================
--- src/wp-content/themes/twentytwenty/classes/class-twentytwenty-script-loader.php (nonexistent)
+++ src/wp-content/themes/twentytwenty/classes/class-twentytwenty-script-loader.php (working copy)
@@ -0,0 +1,45 @@
+get_data( $handle, $attr ) ) {
+ continue;
+ }
+ // Prevent adding attribute when already added in #12009.
+ if ( ! preg_match( ":\s$attr(=|>|\s):", $tag ) ) {
+ $tag = preg_replace( ':(?=>):', " $attr", $tag, 1 );
+ }
+ // Only allow async or defer, not both.
+ break;
+ }
+ return $tag;
+ }
+
+}
Property changes on: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-script-loader.php
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-separator-control.php
===================================================================
--- src/wp-content/themes/twentytwenty/classes/class-twentytwenty-separator-control.php (nonexistent)
+++ src/wp-content/themes/twentytwenty/classes/class-twentytwenty-separator-control.php (working copy)
@@ -0,0 +1,26 @@
+';
+ }
+
+ }
+ }
+}
Property changes on: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-separator-control.php
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php
===================================================================
--- src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php (nonexistent)
+++ src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php (working copy)
@@ -0,0 +1,86 @@
+\s*', '><', $svg ); // Remove white space between SVG tags.
+ return $svg;
+ }
+ return null;
+ }
+
+ /**
+ * ICON STORAGE
+ * Store the code for all SVGs in an array.
+ *
+ * @var array
+ */
+ public static $icons = array(
+ 'arrow-down' => '',
+ 'arrow-down-circled ' => '',
+ 'bookmark' => '',
+ 'calendar' => '',
+ 'chevron-down' => '',
+ 'comment' => '',
+ 'cross' => '',
+ 'ellipsis' => '',
+ 'edit' => '',
+ 'folder' => '',
+ 'search' => '',
+ 'tag' => '',
+ 'user' => '',
+ );
+
+ }
+}
Property changes on: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php
===================================================================
--- src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php (nonexistent)
+++ src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php (working copy)
@@ -0,0 +1,138 @@
+
+ < id="comment-" has_children ? 'parent' : '', $comment ); ?>>
+
+
+
+
+
+ 'div-comment',
+ 'depth' => $depth,
+ 'max_depth' => $args['max_depth'],
+ 'before' => '',
+ )
+ )
+ );
+
+ $by_post_author = twentytwenty_is_comment_by_post_author( $comment );
+
+ $edit_comment_link = get_edit_comment_link() ? '' : '';
+
+ if ( $comment_reply_link || $by_post_author || $edit_comment_link ) {
+ ?>
+
+
+
+
+
+
+
+ ID );
+
+ if ( isset( $args['pages_with_children'][ $page->ID ] ) ) {
+ $css_class[] = 'page_item_has_children';
+ }
+
+ if ( ! empty( $current_page ) ) {
+ $_current_page = get_post( $current_page );
+ if ( $_current_page && in_array( $page->ID, $_current_page->ancestors, true ) ) {
+ $css_class[] = 'current_page_ancestor';
+ }
+ if ( $page->ID === $current_page ) {
+ $css_class[] = 'current_page_item';
+ } elseif ( $_current_page && $page->ID === $_current_page->post_parent ) {
+ $css_class[] = 'current_page_parent';
+ }
+ } elseif ( get_option( 'page_for_posts' ) === $page->ID ) {
+ $css_class[] = 'current_page_parent';
+ }
+
+ /**
+ * Filters the list of CSS classes to include with each page item in the list.
+ *
+ * @since 2.8.0
+ *
+ * @see wp_list_pages()
+ *
+ * @param string[] $css_class An array of CSS classes to be applied to each list item.
+ * @param WP_Post $page Page data object.
+ * @param int $depth Depth of page, used for padding.
+ * @param array $args An array of arguments.
+ * @param int $current_page ID of the current page.
+ */
+ $css_classes = implode( ' ', apply_filters( 'page_css_class', $css_class, $page, $depth, $args, $current_page ) );
+ $css_classes = $css_classes ? ' class="' . esc_attr( $css_classes ) . '"' : '';
+
+ if ( '' === $page->post_title ) {
+ /* translators: %d: ID of a post */
+ $page->post_title = sprintf( __( '#%d (no title)', 'twentytwenty' ), $page->ID );
+ }
+
+ $args['link_before'] = empty( $args['link_before'] ) ? '' : $args['link_before'];
+ $args['link_after'] = empty( $args['link_after'] ) ? '' : $args['link_after'];
+
+ $atts = array();
+ $atts['href'] = get_permalink( $page->ID );
+ $atts['aria-current'] = ( $page->ID === $current_page ) ? 'page' : '';
+
+ /**
+ * Filters the HTML attributes applied to a page menu item's anchor element.
+ *
+ * @since 4.8.0
+ *
+ * @param array $atts {
+ * The HTML attributes applied to the menu item's `` element, empty strings are ignored.
+ *
+ * @type string $href The href attribute.
+ * @type string $aria_current The aria-current attribute.
+ * }
+ * @param WP_Post $page Page data object.
+ * @param int $depth Depth of page, used for padding.
+ * @param array $args An array of arguments.
+ * @param int $current_page ID of the current page.
+ */
+ $atts = apply_filters( 'page_menu_link_attributes', $atts, $page, $depth, $args, $current_page );
+
+ $attributes = '';
+ foreach ( $atts as $attr => $value ) {
+ if ( ! empty( $value ) ) {
+ $value = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value );
+ $attributes .= ' ' . $attr . '="' . $value . '"';
+ }
+ }
+
+ $args['list_item_before'] = '';
+ $args['list_item_after'] = '';
+
+ // Wrap the link in a div and append a sub menu toggle.
+ if ( isset( $args['show_toggles'] ) && true === $args['show_toggles'] ) {
+ // Wrap the menu item link contents in a div, used for positioning.
+ $args['list_item_before'] = '';
+ $args['list_item_after'] = '';
+
+ // Add a toggle to items with children.
+ if ( isset( $args['pages_with_children'][ $page->ID ] ) ) {
+
+ $toggle_target_string = '.menu-modal .page-item-' . $page->ID . ' > ul';
+
+ // Add the sub menu toggle.
+ $args['list_item_after'] .= '';
+
+ }
+
+ // Close the wrapper.
+ $args['list_item_after'] .= '
';
+ }
+
+ // Add icons to menu items with children.
+ if ( isset( $args['show_sub_menu_icons'] ) && true === $args['show_sub_menu_icons'] ) {
+ if ( isset( $args['pages_with_children'][ $page->ID ] ) ) {
+ $args['list_item_after'] = '';
+ }
+ }
+
+ $output .= $indent . sprintf(
+ '%s%s%s%s%s',
+ $css_classes,
+ $args['list_item_before'],
+ $attributes,
+ $args['link_before'],
+ /** This filter is documented in wp-includes/post-template.php */
+ apply_filters( 'the_title', $page->post_title, $page->ID ),
+ $args['link_after'],
+ $args['list_item_after']
+ );
+
+ if ( ! empty( $args['show_date'] ) ) {
+ if ( 'modified' === $args['show_date'] ) {
+ $time = $page->post_modified;
+ } else {
+ $time = $page->post_date;
+ }
+
+ $date_format = empty( $args['date_format'] ) ? '' : $args['date_format'];
+ $output .= ' ' . mysql2date( $date_format, $time );
+ }
+ }
+ }
+}
Property changes on: src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-page.php
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: src/wp-content/themes/twentytwenty/comments.php
===================================================================
--- src/wp-content/themes/twentytwenty/comments.php (nonexistent)
+++ src/wp-content/themes/twentytwenty/comments.php (working copy)
@@ -0,0 +1,136 @@
+
+
+
+
+ ';
+ }
+
+ comment_form(
+ array(
+ 'class_form' => 'section-inner thin max-percentage',
+ 'title_reply_before' => '',
+ )
+ );
+
+} elseif ( is_single() ) {
+
+ if ( $comments ) {
+ echo '
';
+ }
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+