@allxsmith/bestax-bulma 5.67.2 → 5.67.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.67.2",
+  "version": "5.67.3",
   "description": "Component library based on React, Bulma, with Agent Skills and MCP",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",

package/src/scss/components/_menu.scss

@@ -1,6 +1,7 @@
 // Bestax Extras - Menu Styles
-// Two additions to Bulma's menu: `Menu.Section`, a section that opens and
-// closes, and a mark for the active item in forced colors.
+// Additions to Bulma's menu: items that start their labels where the line
+// starts, `Menu.Section`, a section that opens and closes, and a mark for the
+// active item in forced colors.
 
 @use "bulma/sass/utilities/initial-variables" as iv;
 @use "bulma/sass/utilities/css-variables" as cv;
@@ -26,6 +27,19 @@ $menu-section-chevron-duration: cv.getVar("duration") !default;
   );
 }
 
+// Bulma aligns each item's text `left`, and an item spans the menu, so on a
+// right-to-left page the items' text stays at the left, under a `Menu.Label`
+// or a section heading that sits at the right. `start` is `left` left to
+// right, so nothing moves there. The doubled class outranks Bulma's rule
+// whichever stylesheet loads first. Bulma has no variable for this one.
+.#{iv.$class-prefix}menu-list.#{iv.$class-prefix}menu-list {
+  a,
+  button,
+  .#{iv.$class-prefix}menu-item {
+    text-align: start;
+  }
+}
+
 // The space Bulma puts around a label, which turns on where the label sits
 // among the menu's children: above it unless it comes first, and below it
 // unless it comes last. A heading takes the same two from where its section