Skip to content

Commit a7ebe08

Browse files
authored
Merge pull request #397 from BeAPI/fix/skip-links-visibility
fix skip links visibility for Safari
2 parents 4243ee1 + c1fcaae commit a7ebe08

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

src/scss/05-components/_skip-links.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,13 @@
77
padding: .5rem 1rem;
88
color: $color-text;
99
background-color: $color-primary;
10-
transition: transform .3s ease-in-out;
10+
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
1111
transform: translate3d(0, -100%, 0);
12+
opacity: 0;
1213

1314
&:focus-within {
1415
transform: translate3d(0, 0, 0);
16+
opacity: 1;
1517
}
1618

1719
li:not(:last-of-type) {

0 commit comments

Comments
 (0)