Improve metadata layout
Improve link states
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user