Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Impove focus styles

Browse source
This commit is contained in:
Yarmo Mackenbach 2021-06-08 10:55:12 +02:00
parent 99778360e2
commit 0e88835f35
No known key found for this signature in database
GPG key ID: 37367F4AF4087AD1
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
static/styles.css
View file

@ -26,6 +26,13 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
:focus {
outline: none;
box-shadow: 0 0 0 3px lightskyblue;
}
input:focus, textarea:focus {
background: azure;
}
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -87,7 +94,7 @@ nav a.text {
color: var(--purple-700); color: var(--purple-700);
border-radius: 4px; border-radius: 4px;
} }
nav a.text:hover { nav a.text:hover, nav a.text:active {
color: #fff; color: #fff;
background-color: var(--purple-500); background-color: var(--purple-500);
} }
@ -379,6 +386,7 @@ pre code {
} }
form input[type="text"], form input[type="search"] { form input[type="text"], form input[type="search"] {
margin: 8px 0; margin: 8px 0;
border: 1px solid #444;
} }
form textarea { form textarea {
width: 100%; width: 100%;
@ -386,6 +394,7 @@ form textarea {
margin: 8px 0; margin: 8px 0;
resize: vertical; resize: vertical;
font-size: 0.9rem; font-size: 0.9rem;
border: 1px solid #444;
} }
.button-wrapper, .radio-wrapper { .button-wrapper, .radio-wrapper {
display: flex; display: flex;