Convert all Stylus into CSS and add CSS var def file

This commit is contained in:
Oliver-Akins 2020-10-05 22:46:54 -06:00
parent 51769bedd1
commit ec98480917
5 changed files with 158 additions and 110 deletions

View file

@ -159,33 +159,18 @@ export default {
}
</script>
<style lang="stylus">
@import "../theme.styl"
<style scoped>
@import "../css/colours.css";
#websocket_entry {
text-align: center
margin: 0 auto
height: 100vh
width: 100vw
color: $main-text-colour
h1, h3 {
letter-spacing: $title-letter-spacing
}
p {
letter-spacing: $body-letter-spacing
}
@media screen and (max-width: 600px) {
width: 100vw
}
text-align: center;
margin: 0 auto;
height: 100vh;
width: 100vw;
color: var(--main-text-colour);
}
</style>
<style lang="stylus" scoped>
@import "../theme.styl"
input[type="text"] {
margin-bottom: 10px
margin-bottom: 10px;
}
</style>