File tree 1 file changed +16
-14
lines changed
22 - Follow Along Link Highlighter
1 file changed +16
-14
lines changed Original file line number Diff line number Diff line change 1
1
html {
2
2
box-sizing : border-box;
3
3
}
4
+
4
5
* , * : before , * : after {
5
6
box-sizing : inherit;
6
7
}
8
+
7
9
body {
8
10
min-height : 100vh ;
9
11
margin : 0 ; /* Important! */
@@ -16,31 +18,31 @@ body {
16
18
}
17
19
18
20
.wrapper {
19
- margin : 0 auto;
20
- max-width : 500px ;
21
+ margin : 0 auto;
22
+ max-width : 500px ;
21
23
font-size : 20px ;
22
24
line-height : 2 ;
23
25
position : relative;
24
26
}
25
27
26
28
a {
27
29
text-decoration : none;
28
- color : black;
29
- background : rgba (0 , 0 , 0 , 0.05 );
30
- border-radius : 20px
30
+ color : black;
31
+ background : rgba (0 , 0 , 0 , 0.05 );
32
+ border-radius : 20px ;
31
33
}
32
34
33
35
.highlight {
34
36
transition : all 0.2s ;
35
- border-bottom : 2px solid white;
37
+ border-bottom : 2px solid white;
36
38
position : absolute;
37
- top : 0 ;
38
- background : white;
39
- left : 0 ;
39
+ top : 0 ;
40
+ background : white;
41
+ left : 0 ;
40
42
z-index : -1 ;
41
- border-radius : 20px ;
43
+ border-radius : 20px ;
42
44
display : block;
43
- box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.2 )
45
+ box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.2 );
44
46
}
45
47
46
48
.menu {
53
55
54
56
.menu a {
55
57
display : inline-block;
56
- padding : 5px ;
57
- margin : 0 20px ;
58
- color : black;
58
+ padding : 5px ;
59
+ margin : 0 20px ;
60
+ color : black;
59
61
}
You can’t perform that action at this time.
0 commit comments