Oliver/Secret-Hitler-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add accessibility styles to inputs.

Browse source
This commit is contained in:
Oliver-Akins 2020-09-19 17:06:33 -06:00
parent 132e7a7c2d
commit 0934c2b3e8
1 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/App.vue
View file

@ -65,6 +65,15 @@ html, body, #app {
input[type="text"] { input[type="text"] {
@extend .input @extend .input
} }
input[type="text"].warning {
border-color: $input-border-colour-warning
}
input[type="text"].error {
border-color: $input-border-colour-error
}
input[type="text"]:focus {
border-color: $input-border-colour-focus
}
button { button {
@extend .input @extend .input
@ -72,4 +81,10 @@ button {
letter-spacing: $input-letter-spacing letter-spacing: $input-letter-spacing
font-size: 17px font-size: 17px
} }
button:hover {
background-color: $input-background-hover
}
button:active {
background-color: $input-background-active
}
</style> </style>