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