🔥 Huge style refactoring by using SvelteKit built-in style tag
It's been tricky but got there finally! Hello `:global` - Avoid using one global CSS file containing everything - Import the component SCSS file in a script tag from the component file to allow style scoping and including it only when used
This commit is contained in:
20
src/components/organisms/ListCTAs.svelte
Normal file
20
src/components/organisms/ListCTAs.svelte
Normal file
@@ -0,0 +1,20 @@
|
||||
<style lang="scss">
|
||||
.list-cta {
|
||||
@include bp (sm) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
& > :global(*) {
|
||||
margin: 20px auto 0;
|
||||
|
||||
@include bp (sm) {
|
||||
margin: 0 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<ul class="list-cta">
|
||||
<slot />
|
||||
</ul>
|
||||
Reference in New Issue
Block a user