mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 04:09:12 +00:00
b96c3f318b
* move print styles * begin native styles split * unsplit button styles 😓 * unsplit callout; remove .wa-callout * merge forms * remove unused * remove unused * unsplit checkbox * remove old astro config * remove overflow * unsplit slider * fix tooltip position in RTL * unsplit radio * move required light DOM styles to <wa-page> * remove unused file * remove unused import * remove * goodbye * fix examples * unsplit dialog * unsplit select * remove select * unsplit input * unsplit details * update * update comment * update textarea * combine native docs; improvements * update * reorg and fix headings * fix details summary padding; fixes #684 * update * fix native details summary padding; fixes #684 * #684 * remove passthrough style nonsense * it's CSS not JS * fix details in sidebar * add spacing in native buttons for icons * whitespace * update docs * remove button group util * remove shadow folder, add component folder * layerize * default border radius * remove color contrast script from dist * add term * layerize themes + color folders * reorder * remove radio button; #504 * remove visual tests * remove visual tests * remove unused stylesheet * make search smarter * add radio styles * Fix filled textareas * re-introduce visual tests (with adjustments) * fix button appearances * fix textarea focus styles * re-introduce appearance classes * remove 'native styles' note from component pages * fix checked radio styles * touch up callout styles * remove errant `.wa-tag` * scope appearance classes to relevant elements * more visual test cases * fix details borders * minor visual tests reorg * add `--box-shadow` to buttons * fix Awesome theme * use same layer for all themes (allows unset properties to inherit from Default theme) * fix box-shadow in wa-textarea * set button box shadow to `initial` * fix Active theme * fix Brutalist theme * fix Glossy theme * fix Matter theme (mostly) * fix Playful theme * fix Premium theme * fix Shoelac theme * fix Tailspin theme * fix custom radio button styles * fix links to native styles doc --------- Co-authored-by: lindsaym-fa <dev@lindsaym.design>
54 lines
2.1 KiB
Plaintext
54 lines
2.1 KiB
Plaintext
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="{{ description }}">
|
|
{% if noindex or unlisted %}<meta name="robots" content="noindex">{% endif %}
|
|
|
|
<title>{{ title }}</title>
|
|
|
|
{# Dark mode #}
|
|
<script>
|
|
let colorScheme = localStorage.colorScheme;
|
|
let isDark = localStorage.colorScheme === "dark";
|
|
if (!colorScheme || colorScheme === "auto") {
|
|
isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
}
|
|
document.documentElement.classList.toggle('wa-dark', isDark);
|
|
</script>
|
|
|
|
<link rel="icon" href="/assets/images/webawesome-logo.svg" />
|
|
<link rel="apple-touch-icon" href="/assets/images/app-icon.png">
|
|
|
|
{# Scripts #}
|
|
{# Hydration stuff #}
|
|
<script src="/assets/scripts/hydration-errors.js"></script>
|
|
<link rel="stylesheet" href="/assets/styles/hydration-errors.css">
|
|
<link rel="preconnect" href="https://cdn.jsdelivr.net">
|
|
|
|
{# Internal components #}
|
|
<script type="module" src="/assets/components/scoped.js"></script>
|
|
|
|
{# Web Awesome #}
|
|
<script type="module" src="/dist/webawesome.loader.js"></script>
|
|
|
|
<script type="module" src="/assets/scripts/theme-picker.js"></script>
|
|
{# Preset Theme #}
|
|
{% if noTheme %}
|
|
{% elif forceTheme %}
|
|
<link id="theme-stylesheet" rel="stylesheet" id="theme-stylesheet" href="/dist/styles/themes/{{ forceTheme }}.css" render="blocking" fetchpriority="high" />
|
|
{% else %}
|
|
<noscript><link id="theme-stylesheet" rel="stylesheet" id="theme-stylesheet" href="/dist/styles/themes/default.css" render="blocking" fetchpriority="high" /></noscript>
|
|
<script>
|
|
{
|
|
let preset = localStorage.presetTheme ?? 'default';
|
|
let script = document.currentScript;
|
|
script.insertAdjacentHTML('beforebegin', `<link id="theme-stylesheet" rel="stylesheet" id="theme-stylesheet" href="/dist/styles/themes/${ preset }.css" render="blocking" fetchpriority="high" />`);
|
|
}
|
|
</script>
|
|
<script type="module" src="/assets/scripts/preset-theme-picker.js"></script>
|
|
{% endif %}
|
|
|
|
<link rel="stylesheet" href="/dist/styles/webawesome.css" />
|
|
|
|
{# Used by Web Awesome App to inject other assets into the head. #}
|
|
{% server "head" %}
|