All files / src/styles _hover.scss

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@import "colors";
 
// Inspired by Landing Page Design for product - Abhinandu V Nair (https://codepen.io/abhinanduN/pen/wYzepG)
%hover {
  position: relative;
 
  &::after {
    display: block;
    width: 0;
    height: 0.1rem;
    content: "";
    background: #0f457f none repeat scroll 0 0;
    transition: width 0.4s ease 0s;
  }
 
  &:hover {
    text-decoration: none;
 
    &::after {
      // width: auto;
      width: 100%;
    }
  }
}