noNameWEB/livewire-material
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stop loading Tailwind on the showcase page

Browse Source 
Plan step 38 (last batch): every showcase view is now rewritten
without Tailwind, so the showcase's layout keeps only the JavaScript
entries of the application's configured Vite list (Livewire, Alpine)
before its own bundle link, instead of the whole array — its own CSS
already comes solely from ShowcaseAssetController's bundle
(Stylesheets::bundle() of all.css, showcase.css and the scheme), and
linking the application's build too meant the package's own CSS
(all.css) loaded twice on every showcase page (once through the
Workbench's package.css entry, once through the showcase's own
bundle), besides pulling in Tailwind's CSS for nothing. ErrorPage::
assets() keeps passing the whole configured list: the error pages have
no bundle of their own to fall back on, and step 40 is where their
fallback is redesigned. The config's own comment says so.

The frame's temporary visually-hidden <h2> rule goes too — it existed
only because the first batch could not reach into the still-Tailwind
sections/*.blade.php partials it @include's; every section now
carries its own real `class="md-type-headline-md"` heading, so the
structural rule that quietly hid all of them is dead weight.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
Andreas Reinhold / reini
2026-09-15 05:33:33 +02:00
co-authored by Claude Sonnet 5
parent ab2fcdb0d3
commit 42009f3b0c
3 changed files with 17 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/showcase.css
-16
View File
@@ -105,22 +105,6 @@
color: var(--md-sys-color-on-secondary-container);
}
/* Each `<section>`'s own `<h2>`, inside a still-Tailwind sections/*.blade.php partial this
batch does not rewrite: the page's own `<h1>` already names the section, so the heading
inside it is for assistive technology only — the same declarations as `md-visually-hidden`
(text.css), applied by structure because a class cannot reach into an @include'd partial. */
[data-md-showcase-sections] > section > h2 {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
/* An example: scroll-margin so a hash link (the search result, the "next section" nav) lands
clear of the sticky app bar above it. */
[data-md-showcase-example] {