svelte-native icon indicating copy to clipboard operation
svelte-native copied to clipboard

How do we import stylesheets from outside?

Open zeddrix opened this issue 4 years ago • 2 comments

I have this in my LogInButton:

<script>
   import './Buttons.css';
</script>

<button class="btn login" text="Log In" on:tap />

And here's my Button.css just beside it:

.btn {
   width: 290;
   height: 50;
   font-size: 18;
   border-radius: 10%;
}
.btn.login {
   background: #337eeb;
   color: white;
}

But it's not working. What am I doing wrong or what am I missing here?

zeddrix avatar Oct 01 '21 06:10 zeddrix

Put your css in app.css then you can call it anywhere without importing like so <button class="btn blue" /> Matter of fact you can copy some of bootstrap.css and paste it there😎 but with some editing as some elements aren't compatible with {N}

devyaz avatar Dec 12 '21 12:12 devyaz

I use colours, buttons, cards& borders from w3css

devyaz avatar Dec 12 '21 13:12 devyaz