refactor: global link style

This commit is contained in:
Adrien Marquès 2022-10-05 11:25:22 +02:00
parent d154d27c37
commit 6b9fb14293
Signed by: xdrm-brackets
GPG Key ID: D75243CA236D825E
2 changed files with 31 additions and 18 deletions

View File

@ -42,4 +42,35 @@ export default class App extends Vue {
background: #fff;
}
a {
display: inline-block;
position: relative;
color: #fff;
cursor: pointer;
&:visited {
color: #fefefa;
}
&:after {
content: '';
display: block;
position: absolute;
margin-left: 5%;
width: 90%;
height: .15rem;
background: #3333be;
transition: width .2s ease-in-out, margin-left .2s ease-in-out;
}
&:hover:after {
margin-left: 0;
width: 100%;
}
}
</style>

View File

@ -333,24 +333,6 @@
.src, .doc {
color: #999999;
a {
display: inline-block;
position: relative;
color: #fff;
&:after {
content: '';
display: block;
position: absolute;
margin-left: 0;
width: 100%;
height: .15rem;
background: #3333be;
}
}
span {
margin-left: .5em;
color: #4d4d4d;