jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: resolve CSS global selector placement errors

Browse source 
- Fix :global() selector placement in nested SCSS
- Move nested selectors out to comply with Svelte CSS rules
- :global() can only be at start or end of selector, not middle

Fixes compilation error when viewing albums on public site

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Justin Edmund 2025-06-24 01:59:05 +01:00
parent e305bf15ef
commit 7a3cde0575
1 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/routes/photos/[slug]/+page.svelte
View file

@ -390,11 +390,12 @@
:global(ol) { :global(ol) {
margin: 0 0 $unit-3x; margin: 0 0 $unit-3x;
padding-left: $unit-3x; padding-left: $unit-3x;
}
li { :global(ul li),
margin-bottom: $unit; :global(ol li) {
line-height: 1.7; margin-bottom: $unit;
} line-height: 1.7;
} }
:global(blockquote) { :global(blockquote) {
@ -411,10 +412,10 @@
color: $red-60; color: $red-60;
text-decoration: underline; text-decoration: underline;
transition: color 0.2s ease; transition: color 0.2s ease;
}
&:hover { :global(a:hover) {
color: $red-50; color: $red-50;
}
} }
:global(code) { :global(code) {
@ -442,19 +443,19 @@
:global(figure) { :global(figure) {
margin: $unit-4x 0; margin: $unit-4x 0;
text-align: center; text-align: center;
}
img { :global(figure img) {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border-radius: $card-corner-radius; border-radius: $card-corner-radius;
} }
figcaption { :global(figure figcaption) {
margin-top: $unit; margin-top: $unit;
font-size: 0.875rem; font-size: 0.875rem;
color: $grey-40; color: $grey-40;
line-height: 1.5; line-height: 1.5;
}
} }
// Gallery styles // Gallery styles