Andreas Reinhold / reiniandClaude Sonnet 5 58ef33dc95 Select on [dir='rtl'] now that no build rewrites :dir() ...

Plan step 39 (part 4). With Tailwind gone the Workbench's Vite build
still turns every `:dir(rtl)` into a long `:lang()` list (its own CSS
minifier, not Tailwind's doing — confirmed by rebuilding and grepping
the output). Every RTL mirror rule across the eleven stylesheets that
had one now selects `:is([dir='rtl'], [dir='rtl'] *)` instead, matching
`:dir(rtl)`'s own specificity (one pseudo-class) and its inherited
"this element or a descendant of one carrying the attribute" reach; the
built CSS now keeps the selector as written (no `:lang(` or `:dir(` left).

RTL browser tests drop the `lang="ar"` workaround the old rewrite
needed (ContainmentTest's side-sheet probe, LayoutTest's shared
layoutPage() helper) and set only dir="rtl"; CarouselTest's probe
already did. Feature tests asserting the selector's literal text
(Progress, Overlay, Menu, ListDetail, Icon, Carousel) updated to match.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

2026-09-15 06:54:16 +02:00

..

account-menu.css

Draw the account menu without Tailwind

2026-09-15 00:42:28 +02:00

alert.css

Draw the alert's dismiss button from the interaction classes

2026-09-14 18:10:26 +02:00

app-bar.css

Draw the app bar without Tailwind

2026-09-14 23:21:54 +02:00

badge.css

Draw the badge without Tailwind

2026-09-14 14:34:24 +02:00

bottom-sheet.css

Fade a bottom sheet's scrim out, and keep a nested sheet's state

2026-09-14 22:04:50 +02:00

button-group.css

Draw the button group without Tailwind

2026-09-14 14:59:18 +02:00

button.css

Draw the button's state layer, focus ring and target from the classes

2026-09-14 18:01:18 +02:00

card.css

Draw the dragged layer on a card that is not a row

2026-09-14 22:00:49 +02:00

carousel-item.css

Correct three containment headers

2026-09-14 22:08:05 +02:00

carousel.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

checkbox.css

Draw the checkbox and the selection controls' row without Tailwind

2026-09-14 14:34:00 +02:00

chip-set.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

chip.css

Hide field, search and chip text with md-visually-hidden again

2026-09-14 19:31:39 +02:00

choices.css

Draw the menu without Tailwind

2026-09-14 16:16:49 +02:00

collapse.css

Tie a collapse's padding and chevron to its own parts

2026-09-14 22:01:22 +02:00

datepicker.css

Draw the datepicker's controls from the shared classes, in px

2026-09-14 19:34:51 +02:00

divider.css

Rewrite the divider without Tailwind

2026-09-14 20:25:31 +02:00

drawer.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

empty-state.css

Draw the empty state without Tailwind

2026-09-14 16:52:09 +02:00

error-page.css

Style the body only on the error page

2026-09-14 22:06:56 +02:00

fab-menu-item.css

Draw the FAB menu's trigger and items from the interaction classes

2026-09-14 18:08:47 +02:00

fab-menu.css

Draw the FAB menu's trigger and items from the interaction classes

2026-09-14 18:08:47 +02:00

fab.css

Draw the FAB's state layer and focus ring from the classes

2026-09-14 18:03:29 +02:00

field.css

Hide field, search and chip text with md-visually-hidden again

2026-09-14 19:31:39 +02:00

file.css

Move the file picker's rules out of the field into file.css

2026-09-14 14:12:40 +02:00

form.css

Rewrite the divider without Tailwind

2026-09-14 20:25:31 +02:00

group.css

Draw the group segment's state layer from the foundation class

2026-09-14 18:06:01 +02:00

icon.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

input.css

Give the one-line text field its own stylesheet entry

2026-09-14 14:09:58 +02:00

list-item.css

Keep a list row's fill under its state layer

2026-09-14 22:00:03 +02:00

list.css

Rewrite list and list-item without Tailwind

2026-09-14 20:37:38 +02:00

loading.css

Draw the loading indicator without Tailwind

2026-09-14 14:10:16 +02:00

menu-group.css

Draw the menu group without Tailwind

2026-09-14 16:08:25 +02:00

menu-item.css

Draw the menu item's state layer and focus ring from the classes

2026-09-14 18:07:12 +02:00

menu-separator.css

Draw the menu separator without Tailwind

2026-09-14 15:47:07 +02:00

menu.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

modal.css

Correct three containment headers

2026-09-14 22:08:05 +02:00

navigation-bar-item.css

Draw the navigation bar and bar item without Tailwind

2026-09-15 00:08:34 +02:00

navigation-bar.css

Draw the scaffold without Tailwind

2026-09-15 00:37:22 +02:00

navigation-item.css

Draw the navigation bar and bar item without Tailwind

2026-09-15 00:08:34 +02:00

navigation-rail-item.css

Draw the navigation rail without Tailwind

2026-09-15 00:09:06 +02:00

navigation-rail-section.css

Draw the navigation rail without Tailwind

2026-09-15 00:09:06 +02:00

navigation-rail.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

pagination.css

Draw the paginators' live steps from the interaction classes

2026-09-14 18:12:05 +02:00

password.css

Give the password field its own stylesheet entry

2026-09-14 14:10:14 +02:00

progress.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

radio.css

Draw the radio group without Tailwind

2026-09-14 14:41:38 +02:00

rich-tooltip.css

Let a rich tooltip linger after the focus leaves too

2026-09-14 17:09:33 +02:00

scheme-picker.css

Draw the scheme picker without Tailwind

2026-09-15 00:52:12 +02:00

search.css

Hide field, search and chip text with md-visually-hidden again

2026-09-14 19:31:39 +02:00

section-nav.css

Lay out the section nav's list items as flex rows again

2026-09-15 01:09:55 +02:00

select.css

Opt the select into base-select from its own stylesheet

2026-09-14 17:05:56 +02:00

selection.css

Draw the checkbox and the selection controls' row without Tailwind

2026-09-14 14:34:00 +02:00

shape.css

Size icons and shapes with a prop instead of a Tailwind class

2026-09-14 13:49:24 +02:00

slider.css

Select on [dir='rtl'] now that no build rewrites :dir()

2026-09-15 06:54:16 +02:00

sort-header.css

Draw the sort header without Tailwind

2026-09-14 15:07:37 +02:00

split-button.css

Draw the menu without Tailwind

2026-09-14 16:16:49 +02:00

stat.css

Draw the stat card without Tailwind

2026-09-14 16:49:47 +02:00

table.css

Keep a list row's fill under its state layer

2026-09-14 22:00:03 +02:00

tabs.css

Draw the tabs without Tailwind

2026-09-14 23:31:27 +02:00

textarea.css

Move the textarea's rules out of the field into textarea.css

2026-09-14 14:11:22 +02:00

theme-toggle.css

Draw the theme toggle without Tailwind

2026-09-15 00:45:09 +02:00

timepicker.css

Size the timepicker in px, as its landscape queries already are

2026-09-14 19:37:05 +02:00

toast.css

Draw the snackbar's action and close buttons from the classes

2026-09-14 18:10:16 +02:00

toggle.css

Draw the switch without Tailwind

2026-09-14 14:43:17 +02:00

toolbar.css

Leave a disabled icon button's colours alone inside a toolbar

2026-09-15 01:10:29 +02:00

tooltip.css

Keep the tooltip bubble's border style from the reset

2026-09-14 14:34:24 +02:00