xdrm-brackets
/
xdrm.io
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: improve link styles

This commit is contained in:
Adrien Marquès 2022-10-05 16:50:49 +02:00
parent 28aebf9abc
commit 013380545a
Signed by: xdrm-brackets
GPG Key ID: D75243CA236D825E
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/App.vue
View File

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