Skip to content

Instantly share code, notes, and snippets.

@timoransky
Last active September 8, 2022 16:41
Show Gist options
  • Save timoransky/38be20189fe5c3d8230066a4053ebb36 to your computer and use it in GitHub Desktop.
Save timoransky/38be20189fe5c3d8230066a4053ebb36 to your computer and use it in GitHub Desktop.
.app-links {
margin-left: 3rem;
gap: 1.2rem;
.mobile-app {
position: relative;
// no support for gap
margin-right: 1.2rem;
@supports (gap: 0) {
margin-right: 0;
}
&:after {
content: "";
left: -3rem;
right: -3rem;
height: 5rem;
top: 100%;
position: absolute;
display: none;
}
&:hover {
&:after {
display: block;
}
.hover-menu-app {
visibility: visible;
opacity: 1;
a {
text-color: rgba(#0078ad, 0.11);
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment