svelte-native
svelte-native copied to clipboard
How do we import stylesheets from outside?
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?
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}
I use colours, buttons, cards& borders from w3css