Add styling
This commit is contained in:
parent
c0a14ed508
commit
9f513d8a1b
3 changed files with 77 additions and 2 deletions
36
src/App.vue
36
src/App.vue
|
|
@ -40,8 +40,42 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="stylus">
|
||||
@import "theme.styl"
|
||||
|
||||
html, body, #app {
|
||||
font-family: $fonts
|
||||
font-style: normal
|
||||
overflow: hidden
|
||||
padding: 0
|
||||
margin: 0
|
||||
}
|
||||
|
||||
#app {
|
||||
background-color: $main-background-colour
|
||||
height: 100vh
|
||||
width: 100vw
|
||||
}
|
||||
</style>
|
||||
|
||||
.input {
|
||||
background-color: $input-background
|
||||
border-radius: $input-border-radius
|
||||
border-color: $input-border-colour
|
||||
border-width: $input-border-width
|
||||
border-style: solid
|
||||
text-align: center
|
||||
padding: 10px 15px
|
||||
color: $input-text
|
||||
outline: none
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
@extend .input
|
||||
}
|
||||
|
||||
button {
|
||||
@extend .input
|
||||
font-family: $fonts
|
||||
letter-spacing: $input-letter-spacing
|
||||
font-size: 17px
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue