mirror of
https://github.com/element-hq/matrix-authentication-service.git
synced 2026-06-06 07:52:59 +00:00
Quentin Gliech
8e65bf198e
Tailwind 4 ships its own Vite plugin and no longer needs PostCSS plumbing. Drop postcss/autoprefixer/postcss-import/postcss-nesting and the .postcssrc.json, wire @tailwindcss/vite into vite.config.ts, replace the @tailwind directives with @import "tailwindcss", and convert the JS tailwind.config.cjs theme into a CSS @theme block in shared.css. An @source directive points back at the SSR templates so the Jinja-rendered HTML in templates/ still gets scanned for utility classes. The third-party CSS (compound design tokens, compound-web, fontsource) moves into a new vendor.css entrypoint, loaded ahead of shared.css from main.tsx, storybook, and base.html. Tailwind v4's @import bundler silently drops the nested `@import url(...) layer(cpd-base) screen` statements inside the compound-design-tokens.css barrel, so we have to keep those imports out of any file that contains Tailwind directives and let Vite's normal CSS pipeline resolve them instead.
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
{#
|
|
Copyright 2024, 2025 New Vector Ltd.
|
|
Copyright 2021-2024 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
-#}
|
|
|
|
{% set _ = translator(lang) %}
|
|
|
|
{% import "components/button.html" as button %}
|
|
{% import "components/field.html" as field %}
|
|
{% import "components/back_to_client.html" as back_to_client %}
|
|
{% import "components/logout.html" as logout %}
|
|
{% import "components/errors.html" as errors %}
|
|
{% import "components/icon.html" as icon %}
|
|
{% import "components/scope.html" as scope %}
|
|
{% import "components/captcha.html" as captcha %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="{{ lang }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{% block title %}{{ _("app.name") }}{% endblock title %}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
{{ include_asset('src/entrypoints/vendor.css') | indent(4) | safe }}
|
|
{{ include_asset('src/entrypoints/shared.css') | indent(4) | safe }}
|
|
{{ include_asset('src/entrypoints/templates.css') | indent(4) | safe }}
|
|
{{ include_asset('src/entrypoints/templates.ts') | indent(4) | safe }}
|
|
{{ captcha.head() }}
|
|
</head>
|
|
<body>
|
|
<div class="layout-container{% if consent_page is defined %} consent{% endif %}">
|
|
{% block content %}{% endblock content %}
|
|
{% include "components/footer.html" %}
|
|
</div>
|
|
</body>
|
|
</html>
|