Changeset 353616

Timestamp:

10/14/2026 04:33:08 AM (2 weeks ago)

Author:

themedropbox

Message:

New version of Stoat - 1.7

Location:

stoat/1.7

Files:

• . (copied) (copied from stoat/1.6.1 )
• comments.php (modified) (1 diff)
• editor.css (modified) (7 diffs)
• inc/theme-page.php (modified) (1 diff)
• languages/stoat.pot (modified) (3 diffs)
• readme.txt (modified) (3 diffs)
• style.css (modified) (32 diffs)
• wpml-config.xml (added)

stoat/1.7/comments.php

@@ -49 +49 @@
                 // Pagination (only when comments are split across pages).
                 $stoat_comment_nav = get_the_comments_navigation( array(
-                        'prev_text' => '← ' . esc_html__( 'Older comments', 'stoat' ),
-                        'next_text' => esc_html__( 'Newer comments', 'stoat' ) . ' →',
+                        'prev_text' => ( is_rtl() ? '→ ' : '← ' ) . esc_html__( 'Older comments', 'stoat' ),
+                        'next_text' => esc_html__( 'Newer comments', 'stoat' ) . ( is_rtl() ? ' ←' : ' →' ),
                 ) );
                 if ( $stoat_comment_nav ) {

stoat/1.7/editor.css

@@ -92 +92 @@
 .wp-block {
   max-width: var(--reading);
-  margin-left: auto;
-  margin-right: auto;
+  margin-inline-start: auto;
+  margin-inline-end: auto;
 }
 
@@ -262 +262 @@
 -------------------------------------------- */
 .alignleft {
-  float: left;
+  float: inline-start;
   margin: 0.5em 1.5em 1em 0;
 }
 
 .alignright {
-  float: right;
+  float: inline-end;
   margin: 0.5em 0 1em 1.5em;
 }
@@ -273 +273 @@
 .aligncenter {
   display: block;
-  margin-left: auto;
-  margin-right: auto;
+  margin-inline-start: auto;
+  margin-inline-end: auto;
 }
 
@@ -526 +526 @@
 body.is-stoat-writing ul,
 body.is-stoat-writing ol {
-  padding-left: 1.4em;
+  padding-inline-start: 1.4em;
 }
 body.is-stoat-writing li {
@@ -542 +542 @@
      someone else's voice, not a louder version of the writer's.
 
-     Fern writes the indent as `margin-left: 0`, which is right there and wrong
+     Fern writes the indent as `margin-inline-start: 0`, which is right there and wrong
      here — section 2 centres every block with auto margins, and a flat 0 at
      this specificity outranks it and drags quotes out of the column and hard
@@ -551 +551 @@
   margin-inline: auto;
   padding: 0 0 0 1.5rem;
-  border-left: 2px solid var(--rule);
+  border-inline-start: 2px solid var(--rule);
   color: #45484f;
   font-style: normal;
@@ -655 +655 @@
 body.is-stoat-fullwidth .editor-visual-editor__post-title-wrapper,
 body.is-stoat-fullwidth .edit-post-visual-editor__post-title-wrapper {
-  padding-left: var(--full-editor-gutter);
-  padding-right: var(--full-editor-gutter);
+  padding-inline-start: var(--full-editor-gutter);
+  padding-inline-end: var(--full-editor-gutter);
 }
 body.is-stoat-fullwidth {

stoat/1.7/inc/theme-page.php

@@ -308 +308 @@
                         // middle of the title text sits 24px down and a 36px mark has to
                         // start 6px down to meet it.
-                        '.stoat-theme-page .stoat-brand{float:left;display:block;margin:6px 10px 0 0;line-height:0}'
+                        '.stoat-theme-page .stoat-brand{float:inline-start;display:block;margin:6px 0 0;margin-inline-end:10px;line-height:0}'
                         . '.stoat-theme-page .stoat-brand__mark{display:block;width:36px;height:36px;'
                         . 'background:#fff;border:1px solid #c3c4c7;border-radius:4px;object-fit:cover}'

stoat/1.7/languages/stoat.pot

@@ -3 +3 @@
 msgid ""
 msgstr ""
-"Project-Id-Version: Stoat 1.6.1\n"
+"Project-Id-Version: Stoat 1.7\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/theme/stoat\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
@@ -10 +10 @@
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"POT-Creation-Date: 2026-10-13T11:24:14+00:00\n"
+"POT-Creation-Date: 2026-10-13T18:34:42+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.12.0\n"
@@ -30 +30 @@
 #. Description of the theme
 #: style.css
-msgid "Stoat is a clean, minimal and lightweight WordPress blog theme for personal blogs, writers, authors, creators and newsletters. Free starter demos import in a few clicks, from food, travel and lifestyle blogs to fashion, photography and book blogs. What makes it different? (1) Fast: no page builder, self-hosted fonts only (no Google Fonts) and one small script. (2) Accessibility and SEO friendly. (3) Modern native Gutenberg editor. (4) Many options in the native WP Customizer: three header layouts, a left or right sidebar, list or stacked posts, colors, fonts and a dark header skin. Live preview: https://stoat.owldraft.com"
+msgid "Stoat is a clean, minimal and lightweight WordPress blog theme for a personal blog, a writer or author website, and a newsletter. Start from a free demo, imported in a few clicks: a food blog, recipe blog, travel blog, lifestyle blog, fashion blog, beauty blog, parenting blog, fitness blog, photography blog, book blog, gardening blog, DIY blog, home decor blog, personal finance blog, pet blog, developer blog and more. What makes it different? (1) Fast: no page builder, self-hosted fonts only (no Google Fonts) and one small script. (2) Accessibility and SEO friendly. (3) Modern native Gutenberg editor. (4) Many options in the native WP Customizer: three header layouts, a left or right sidebar, list or stacked posts, colors, fonts and a dark header skin. (5) RTL-ready for Arabic, Hebrew, Persian and Urdu sites, and multilingual with WPML and Polylang. Live preview: https://stoat.owldraft.com"
 msgstr ""
 

stoat/1.7/readme.txt

@@ -4 +4 @@
 Tested up to: 7.1
 Requires PHP: 7.4
-Stable tag: 1.6.1
+Stable tag: 1.7
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
-Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, block-styles, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
-
-Stoat is a clean, minimal and lightweight WordPress blog theme for personal blogs, writers and newsletters, with free food, travel and lifestyle blog demos you can import in a few clicks.
+Tags: blog, food-and-drink, photography, one-column, two-columns, left-sidebar, right-sidebar, block-styles, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, rtl-language-support, translation-ready
+
+Stoat is a clean, minimal and lightweight WordPress blog theme for personal blogs, writers and newsletters, with free demos for a food blog, travel blog, lifestyle blog, fashion blog, parenting blog and more, imported in a few clicks.
 
 == Description ==
 
-Stoat is a clean, minimal and lightweight WordPress blog theme for personal blogs, writers, authors, creators and newsletters. Free starter demos import in a few clicks, from food, travel and lifestyle blogs to fashion, photography and book blogs. What makes it different? (1) Fast: no page builder, self-hosted fonts only (no Google Fonts) and one small script. (2) Accessibility and SEO friendly. (3) Modern native Gutenberg editor. (4) Many options in the native WP Customizer: three header layouts, a left or right sidebar, list or stacked posts, colors, fonts and a dark header skin. Live preview: https://stoat.owldraft.com
-
-It also suits portfolios and simple marketing pages. No page builder, no external fonts or scripts, and a single compact stylesheet.
+Stoat is a clean, minimal and lightweight WordPress blog theme for a personal blog, a writer or author website, and a newsletter. Start from a free demo, imported in a few clicks: a food blog, recipe blog, travel blog, lifestyle blog, fashion blog, beauty blog, parenting blog, fitness blog, photography blog, book blog, gardening blog, DIY blog, home decor blog, personal finance blog, pet blog, developer blog and more. What makes it different? (1) Fast: no page builder, self-hosted fonts only (no Google Fonts) and one small script. (2) Accessibility and SEO friendly. (3) Modern native Gutenberg editor. (4) Many options in the native WP Customizer: three header layouts, a left or right sidebar, list or stacked posts, colors, fonts and a dark header skin. Live preview: https://stoat.owldraft.com
+
+RTL-ready: Arabic, Hebrew, Persian and Urdu sites mirror the whole layout, and it works with WPML and Polylang for multilingual sites. It also suits portfolios and simple marketing pages. No page builder, no external fonts or scripts, and a single compact stylesheet.
 
 Start from a demo: after activating Stoat, the welcome notice offers to set your site up like one of the Stoat demos, with posts, pages, menus, widgets and settings in place. It uses Owldraft Starter Sites, a free plugin from WordPress.org, and installs nothing until you click.
@@ -23 +23 @@
 Features:
 
+* RTL language support (Arabic, Hebrew, Persian, Urdu): the layout, menus, sidebar, search dialog and mobile menu mirror automatically, in the editor too.
+* Multilingual ready: WPML compatible (wpml-config.xml registers the copyright line and the header button for translation), and Polylang compatible.
 * Tested with WordPress 7.1; runs on PHP 7.4 and newer, including PHP 8.
 * No page builder, no external requests. Compact CSS in a single stylesheet and one small front-end script (js/modal.js) that drives the search dialog and the mobile menu.
@@ -87 +89 @@
 == Changelog ==
 
+= 1.7 =
+* Released: October 14, 2026
+* New: RTL language support (tag rtl-language-support). The stylesheet uses logical properties, so Arabic, Hebrew, Persian and Urdu sites mirror the header, menus, sidebar, post list, comments, search dialog and mobile menu without a separate rtl.css. The block editor mirrors too.
+* New: WPML compatible. wpml-config.xml registers the copyright line, the header button text and its link, and the footer, sidebar and after-featured widget areas for translation.
+* Change: the comment pagination arrows point the right way in RTL; letter-spacing is switched off in RTL, because it breaks joined Arabic letters.
+* Change: the theme description now mentions RTL and multilingual sites.
+
+= 1.6.2 =
+* Released: October 13, 2026
+* Change: The theme description names the kinds of blog the free demos cover: food, recipe, travel, lifestyle, fashion, beauty, parenting, fitness, photography, books, gardening, DIY, home decor, personal finance, pets and developer blogs.
+* Change: New subject tags: food-and-drink, photography.
+
 = 1.6.1 =
 * Released: October 13, 2026

stoat/1.7/style.css

@@ -5 +5 @@
 Author: Owldraft
 Author URI: https://owldraft.com
-Description: Stoat is a clean, minimal and lightweight WordPress blog theme for personal blogs, writers, authors, creators and newsletters. Free starter demos import in a few clicks, from food, travel and lifestyle blogs to fashion, photography and book blogs. What makes it different? (1) Fast: no page builder, self-hosted fonts only (no Google Fonts) and one small script. (2) Accessibility and SEO friendly. (3) Modern native Gutenberg editor. (4) Many options in the native WP Customizer: three header layouts, a left or right sidebar, list or stacked posts, colors, fonts and a dark header skin. Live preview: https://stoat.owldraft.com
+Description: Stoat is a clean, minimal and lightweight WordPress blog theme for a personal blog, a writer or author website, and a newsletter. Start from a free demo, imported in a few clicks: a food blog, recipe blog, travel blog, lifestyle blog, fashion blog, beauty blog, parenting blog, fitness blog, photography blog, book blog, gardening blog, DIY blog, home decor blog, personal finance blog, pet blog, developer blog and more. What makes it different? (1) Fast: no page builder, self-hosted fonts only (no Google Fonts) and one small script. (2) Accessibility and SEO friendly. (3) Modern native Gutenberg editor. (4) Many options in the native WP Customizer: three header layouts, a left or right sidebar, list or stacked posts, colors, fonts and a dark header skin. (5) RTL-ready for Arabic, Hebrew, Persian and Urdu sites, and multilingual with WPML and Polylang. Live preview: https://stoat.owldraft.com
 Requires at least: 6.5
 Tested up to: 7.1
 Requires PHP: 7.4
-Version: 1.6.1
+Version: 1.7
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: stoat
-Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, block-styles, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
+Tags: blog, food-and-drink, photography, one-column, two-columns, left-sidebar, right-sidebar, block-styles, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, rtl-language-support, translation-ready
 */
 /* =============================================================================
@@ -367 +367 @@
 */
 :root {
+    --dir: 1; /* 1 = LTR, -1 = RTL: flips slide-ins and centring offsets */
   --container-width: 1170px;
   --reading: 640px;
@@ -544 +545 @@
 /* lists - indent and space their items */
 ul, ol {
-  padding-left: 1.5em;
+  padding-inline-start: 1.5em;
 }
 
@@ -593 +594 @@
   position: fixed;
   top: 8px;
-  left: 8px;
+  inset-inline-start: 8px;
   z-index: 100000;
   width: auto;
@@ -806 +807 @@
 /* alignment - classic editor & gutenberg use the same classes */
 .alignleft {
-  float: left;
+  float: inline-start;
   max-width: 50%;
-  margin: 0.5em 1.5em 1em 0;
+  margin: 0.5em 0 1em;
+    margin-inline: 0 1.5em;
 }
 
 .alignright {
-  float: right;
+  float: inline-end;
   max-width: 50%;
-  margin: 0.5em 0 1em 1.5em;
+  margin: 0.5em 0 1em;
+    margin-inline: 1.5em 0;
 }
 
 .aligncenter {
   display: block;
-  margin-left: auto;
-  margin-right: auto;
+  margin-inline-start: auto;
+  margin-inline-end: auto;
 }
 
@@ -1058 +1061 @@
     width: auto;
     max-width: 100%;
-    margin-left: 0;
+    margin-inline-start: 0;
     transform: none;
   }
@@ -1152 +1155 @@
    see the block below. */
 .site-header.header-layout-default .stoat-branding {
-  margin-right: auto;
+  margin-inline-end: auto;
 }
 
@@ -1205 +1208 @@
 .site-header.header-layout-logo-center > .container > .primary-nav {
   position: absolute;
-  left: 0;
+  inset-inline-start: 0;
   top: 50%;
   transform: translateY(-50%);
@@ -1212 +1215 @@
 .site-header.header-layout-logo-center > .container > .header-actions {
   position: absolute;
-  right: 0;
+  inset-inline-end: 0;
   top: 50%;
   transform: translateY(-50%);
@@ -1245 +1248 @@
 
 .site-header.header-layout-nav-below .header-actions__start {
-  left: 0;
+  inset-inline-start: 0;
 }
 
 .site-header.header-layout-nav-below .header-actions__end {
-  right: 0;
+  inset-inline-end: 0;
 }
 
@@ -1307 +1310 @@
     flex-direction: row;
     gap: 10px;
-    text-align: left;
-    margin-right: auto;
+    text-align: start;
+    margin-inline-end: auto;
   }
   /* The strip goes with the menu it holds - hiding only the nav inside would
@@ -1503 +1506 @@
 @media (max-width: 767.98px) {
   .header-actions + .header-icons {
-    margin-left: -1.25rem;
+    margin-inline-start: -1.25rem;
   }
 }
@@ -1630 +1633 @@
 .site-header .primary-nav .menu > .menu-item-has-children > a:after {
   content: "▾"; /* ▾ */
-  margin-left: 2px;
+  margin-inline-start: 2px;
   font-size: 1.1em;
   opacity: 0.3;
@@ -1639 +1642 @@
   z-index: 999;
   top: 100%;
-  left: 0;
+  inset-inline-start: 0;
   width: 160px;
   background: var(--header-bg);
@@ -1652 +1655 @@
 }
 .site-header .primary-nav .menu ul ul {
-  left: 100%;
+  inset-inline-start: 100%;
   top: -1px;
 }
@@ -1711 +1714 @@
 /* sub-menus indent under their parent */
 .offcanvas-nav .sub-menu {
-  padding-left: 1em;
+  padding-inline-start: 1em;
   font-size: 0.95em;
 }
@@ -2515 +2518 @@
 }
 .pagination .nav-links > * + * {
-  margin-left: 1em;
+  margin-inline-start: 1em;
 }
 @media (max-width: 767.98px) {
   .pagination .nav-links > * + * {
-    margin-left: 0.5em;
+    margin-inline-start: 0.5em;
   }
 }
@@ -2736 +2739 @@
 
    max-content, not fit-content: fit-content clamps to the space available,
-   and margin-left:50% leaves only half the column, which would shrink every
+   and margin-inline-start:50% leaves only half the column, which would shrink every
    image to that. max-content ignores available space - max-width is what
    bounds it.
@@ -2748 +2751 @@
   width: -moz-max-content;
   width: max-content;
-  margin-left: 50%;
-  transform: translateX(-50%);
+  margin-inline-start: 50%;
+  transform: translateX(calc(-50% * var(--dir, 1)));
 }
 .single-thumbnail--wide img,
@@ -2874 +2877 @@
   .entry-content .wp-block-gallery:not(.has-nested-images).alignwide,
   .entry-content .wp-block-gallery:not(.has-nested-images).alignfull {
-    margin-left: 50%;
-    transform: translateX(-50%);
+    margin-inline-start: 50%;
+    transform: translateX(calc(-50% * var(--dir, 1)));
     /* The caption stays at reading width. A caption is prose, and a
        single line of it set across a 1200px image is unreadable - so
@@ -2935 +2938 @@
 }
 .entry-content blockquote {
-  margin-left: 0;
-  padding-left: 1em;
-  border-left: 2px solid var(--border);
+  margin-inline-start: 0;
+  padding-inline-start: 1em;
+  border-inline-start: 2px solid var(--border);
   color: var(--gray);
 }
@@ -2965 +2968 @@
 }
 .entry-tags a {
-  margin-left: 1em;
+  margin-inline-start: 1em;
 }
 
@@ -2995 +2998 @@
   list-style: none;
   margin: 0;
-  padding-left: 1.5em; /* indent replies */
+  padding-inline-start: 1.5em; /* indent replies */
   /* The indent compounds - WordPress threads five deep by default, so the
      deepest reply starts 7.5em in. That is most of a phone's column spent on
@@ -3003 +3006 @@
 @media (max-width: 767.98px) {
   .comment-list ol.children {
-    padding-left: 0.75em;
+    padding-inline-start: 0.75em;
   }
 }
@@ -3084 +3087 @@
 .bypostauthor > .comment-body {
   /* a subtle cue that the author replied */
-  border-left: 2px solid var(--accent);
-  padding-left: 1em;
+  border-inline-start: 2px solid var(--accent);
+  padding-inline-start: 1em;
 }
 
@@ -3100 +3103 @@
 }
 .comment-navigation .nav-previous {
-  margin-right: 1em;
+  margin-inline-end: 1em;
 }
 
@@ -3123 +3126 @@
 }
 .comment-reply-title small {
-  margin-left: 1em;
+  margin-inline-start: 1em;
   font-size: 0.7em;
   font-weight: 400;
@@ -3203 +3206 @@
   z-index: 1;
   top: 0.4rem;
-  right: 0.5rem;
+  inset-inline-end: 0.5rem;
 }
 
@@ -3211 +3214 @@
   line-height: 1.2;
   /* Clear of the close button, which sits in the same corner. */
-  padding-right: 2rem;
+  padding-inline-end: 2rem;
 }
 
@@ -3284 +3287 @@
   top: 0;
   bottom: 0;
-  right: 0;
+  inset-inline-end: 0;
   width: min(80vw, 320px);
   padding: 3.2em 1.5em 1.5em;
@@ -3291 +3294 @@
   background: var(--header-bg);
   color: var(--header-text);
-  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
-  transform: translateX(100%);
+  box-shadow: calc(-4px * var(--dir, 1)) 0 24px rgba(0, 0, 0, 0.12);
+  transform: translateX(calc(100% * var(--dir, 1)));
   transition: transform 0.25s ease;
 }
@@ -3304 +3307 @@
   overflow: hidden;
 }
+[dir="rtl"] {
+  --dir: -1;
+}
+
+/* Arabic, Hebrew, Persian and Urdu letters join: any letter-spacing breaks the word apart. */
+[dir="rtl"] * {
+  letter-spacing: normal !important;
+}
+
+/* Owldraft Newsletter hides its honeypot at left:-9999px; in RTL that widens the page by 10,000px. Push it off the start side instead. */
+[dir="rtl"] .owldraft-newsletter-hp {
+  left: auto;
+  right: -9999px;
+}