js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make sure essential CSS is always imported (#1476)

Browse Source 
* import relevant utilities into native styles

* import color variant classes into free palettes

* import the default palette into kitchen sink, not the default theme

* fix palette path

* import each theme's intended palette
This commit is contained in:
Lindsay M
2025-09-22 14:12:49 -04:00
committed by GitHub
parent 502df6ee9c
commit 694a9eccb9
8 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/webawesome/docs/_includes/head.njk
View File

@@ -21,9 +21,7 @@
<script type="module" src="/dist/webawesome.loader.js"></script>
<link id="theme-stylesheet" rel="stylesheet" href="/dist/styles/themes/default.css" render="blocking" fetchpriority="high" />
{% for palette in themer.palettes %}
<link rel="stylesheet" href="/dist/styles/color/palettes/{{palette.filename}}" />
{% endfor %}
<link rel="stylesheet" href="/dist/styles/webawesome.css" />
<script type="module">

1
packages/webawesome/src/styles/color/palettes/bright.css
View File

@@ -1,4 +1,5 @@
@import url('base.css');
@import url('../variants.css');
@layer wa-color-palette {
.wa-palette-bright {

1
packages/webawesome/src/styles/color/palettes/default.css
View File

@@ -1,4 +1,5 @@
@import url('base.css');
@import url('../variants.css');
@layer wa-color-palette {
:where(:root),

1
packages/webawesome/src/styles/color/palettes/shoelace.css
View File

@@ -1,4 +1,5 @@
@import url('base.css');
@import url('../variants.css');
@layer wa-color-palette {
.wa-palette-shoelace,

3
packages/webawesome/src/styles/native.css
View File

@@ -1,3 +1,6 @@
@import url('utilities/size.css');
@import url('utilities/variants.css');
@layer wa-native {
/* #region General ~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {

1
packages/webawesome/src/styles/themes/awesome.css
View File

@@ -1,3 +1,4 @@
@import url('../color/palettes/bright.css'); /* To use this palette, add class="wa-palette-bright" to the <html> element */
@import url('https://fonts.bunny.net/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Quicksand:wght@300..700&display=swap');
@layer wa-theme {

1
packages/webawesome/src/styles/themes/default.css
View File

@@ -1,5 +1,4 @@
@import url('../color/palettes/default.css');
@import url('../color/variants.css');
@layer wa-theme {
:where(:root),

2
packages/webawesome/src/styles/themes/shoelace.css
View File

@@ -1,3 +1,5 @@
@import url('../color/palettes/shoelace.css'); /* To use this palette, add class="wa-palette-shoelace" to the <html> element */
@layer wa-theme {
.wa-theme-shoelace,
.wa-theme-shoelace.wa-light,