fix: css combinator implementation

kazupon · Dec 23, 2024 · b19304f · b19304f
1 parent 6a64524
commit b19304f
Show file tree

Hide file tree

Showing 98 changed files with 349 additions and 12 deletions.
diff --git a/packages/playground/src/components/Counter.svelte b/packages/playground/src/components/Counter.svelte
@@ -51,3 +51,9 @@
   <br />
   <slot></slot>
 </div>
+
+<style>
+  span {
+    color: #ff3e00;
+  }
+</style>
diff --git a/packages/playground/src/components/Counter.vue b/packages/playground/src/components/Counter.vue
@@ -23,3 +23,9 @@ function increment(e: Event) {
     <slot />
   </div>
 </template>
+
+<style scoped>
+span {
+  color: #35eb9a;
+}
+</style>
diff --git a/packages/svelte-template-compiler/src/ir/svelte.ts b/packages/svelte-template-compiler/src/ir/svelte.ts
@@ -114,6 +114,10 @@ export function isIfBlockOnElseBlock(node: SvelteIfBlock): boolean {
   return node.type === 'IfBlock' && !!node.elseif
 }
 
+export function isSvelteSlot(node: unknown): boolean {
+  return isObject(node) && 'type' in node && node.type === 'Slot'
+}
+
 export function isSvelteBindingDirective(node: unknown): node is SvelteBaseExpressionDirective {
   return isObject(node) && 'type' in node && node.type === 'Binding'
 }

diff --git a/packages/svelte-template-compiler/src/style/csstree.ts b/packages/svelte-template-compiler/src/style/csstree.ts
@@ -25,7 +25,8 @@ import type {
   SelectorList,
   StyleSheet,
   TypeSelector,
-  Value
+  Value,
+  WhiteSpace
 } from 'css-tree'
 
 export function hasChildren(
@@ -84,3 +85,11 @@ export function hasName(
 export function hasProperty(node: CssNode): node is Declaration {
   return node.type === 'Declaration' && 'property' in node
 }
+
+export function isWhiteSpace(node: CssNode): node is WhiteSpace {
+  return node.type === 'WhiteSpace'
+}
+
+export function isCombinator(node: CssNode): node is Combinator {
+  return node.type === 'Combinator'
+}