Modernize build and update Bootstrap theme#18
Open
thomaspietschmann wants to merge 28 commits into
Open
Conversation
added 27 commits
June 12, 2026 13:38
…peline - Replace non-standard asset-url() with plain url() via overridable $uba-fonts-path; add woff2; font families as variables (serif, bold) - Replace pattern PNGs with CSS gradients (colors as variables) - sass-lint -> stylelint (concentric order + project rules) - Add component showcase (static/showcase.html); slim npm package via files whitelist - Bump to 1.0.0 (breaking)
Rename CI build step to "Build and test".
- Bridge the dropdown hover gap so hover menus stay open while moving into them - Keep the collapsed-navbar burger pinned right and off the screen edge - Keep nav-link padding stable across the collapse animation - Stacked mobile header: service bar on top, logo + burger row, full-width menu - Keep the logo off the bottom border on mobile - Reset the desktop dropdown offset when the navbar is collapsed - Give the showcase navbars real togglers and collapse
Clones Bootstrap pinned to the dependency version, builds its docs and swaps in the theme CSS, plus the project's own showcase under /uba/. Kept out of the published package via the files whitelist; the clone and generated docs are gitignored.
Navbar (dark): white inset outline on :focus-visible so a focused item is distinguishable from the active one (same blue background). Footer and sitemap links: explicit outline replacing the browser-default focus ring and Bootstrap's overflowing box-shadow ring; inset on the wrapping footer nav. WCAG 2.4.7/2.4.11.
Switch $success and the featured/profile card backgrounds from the light green (#5EAD35) to the darker $uba-green-dark (#007626) for sufficient white-on-green contrast, and add white text on .card-header.featured. Show the UBA image-word mark in the showcase footers.
- Zero global border-radius, keep 4px only on buttons (matches umweltbundesamt.de) - Add keyboard focus-ring variables; apply to secondary-nav items - Rework secondary navigation (card list-group): grey rows with blue left indicator and blue bottom edge - Make the navbar/secondary-nav blue accent edge configurable via variables - Add 3px gap between navbar items so two adjacent highlighted links stay visually separate
The search box was hidden in the lg range while the bar stayed horizontal. Expand at xl so the search stays visible whenever the menu is horizontal and the whole bar collapses together below xl. Drop the lg search-hiding hack.
Matches umweltbundesamt.de (Tailwind's shadow-lg). Cards only lift when the whole surface is clickable (.stretched-link), so the shadow never implies interactivity a card does not have.
thomaspietschmann
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.