Improve metadata layout

Improve link states
This commit is contained in:
2018-12-15 19:41:33 +00:00
parent 7632b4058e
commit 0abe53e3aa
9 changed files with 100 additions and 105 deletions

View File

@@ -32,6 +32,10 @@
display: none;
}
.comment__reply {
transition: color var(--transition-md) ease-out;
}
.comment__reply:focus,
.comment__reply:hover {
color: var(--color-light-blue);
@@ -48,21 +52,10 @@
position: relative;
font-size: 12px;
vertical-align: middle;
transition: box-shadow var(--transition-md) ease-out;
}
.comment__reply-text:after {
background-color: var(--color-light-blue);
bottom: -1px;
content: '';
left: 0;
height: 2px;
opacity: 0;
position: absolute;
right: 0;
transition: opacity var(--transition-md) ease-out;
}
.comment__reply:focus .comment__reply-text:after,
.comment__reply:hover .comment__reply-text:after {
opacity: 1;
.comment__reply:focus .comment__reply-text,
.comment__reply:hover .comment__reply-text {
box-shadow: var(--link-focus);
}