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

@@ -87,19 +87,7 @@
.article__content a {
color: var(--color-light-blue);
position: relative;
}
.article__content a: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;
transition: box-shadow var(--transition-md) ease-out;
}
.article__content a img {
@@ -112,8 +100,8 @@
* Focus states
*/
.article__content a:focus:after {
opacity: 1;
.article__content a:focus {
box-shadow: var(--link-focus);
}
.article__content a:focus img {
@@ -125,8 +113,8 @@
* Hover states
*/
.article__content a:hover:after {
opacity: 1;
.article__content a:hover {
box-shadow: var(--link-focus);
}
/**