КС
Size: a a a
КС
AP
ON
ON
ON
AP
import styles from './button.css';используем
export {styles as ButtonStyles};
export let classes = styles;
<div class={classes.root}>
{#if !multi}
<button class="{classes.btn}">{name}</button>
{:else}
<div>
<button class="{classes['btn-first']}">{name}</button>
<button class="{classes['btn-last']}">{name}</button>
</div>
{/if}
</div>
import Buton, {ButtonStyles} from './button.svelte'Либо сразу использовать
import styles from './app.css';
const marginClasses = { ...ButtonStyles };
marginClasses.root += ' ' + styles.margin;
<Button name="only margin" multi={true} classes={marginClasses} />
.margin { composes: root from './button.css' }
по крайней мере со скоупингом нет проблем, потому что мы не занимаемся изоляцией селекторов по тегамA
К
К
М
PM
PM
PM
PM
NK
PM
М