mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-11-09 13:44:29 +08:00
style: add focused logo style, add padding and margin to space border away from the content
This commit is contained in:
parent
d8b74dccd1
commit
461a274b02
1 changed files with 14 additions and 0 deletions
|
|
@ -160,6 +160,12 @@
|
|||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 0.5rem;
|
||||
transition: none;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
padding: 0.35rem 0.25rem;
|
||||
margin-left: -0.25rem;
|
||||
margin-right: -0.25rem;
|
||||
|
||||
.icon {
|
||||
width: 2.5rem;
|
||||
|
|
@ -201,6 +207,14 @@
|
|||
transition: 0.25s;
|
||||
cursor: pointer;
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 0.1rem var(--bg-color), 0 0 0 0.2rem var(--text-color);
|
||||
border-radius: var(--roundness);
|
||||
.text .top {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.config {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue