Skip to content

Instantly share code, notes, and snippets.

@molly
Created July 15, 2020 19:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save molly/c0e8208f25758520c4581deef282f900 to your computer and use it in GitHub Desktop.
Save molly/c0e8208f25758520c4581deef282f900 to your computer and use it in GitHub Desktop.
.big-ass-wrapper {
position: relative;
min-height: calc(100vh - 145px);
}
.wrap {
width: 50vw;
box-sizing: border-box;
line-height: 1.65;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 800px) {
.wrap {
width: 75vw;
}
}
.wrap h6 {
margin: 0 0 20px;
font-size: 25px;
}
.wrap h6:last-child {
margin: 0;
}
.wrap h6 a {
position: relative;
overflow: hidden;
text-decoration: none;
color: #EC407A;
}
.wrap h6 a::after {
content: "";
background: #EC407A;
position: absolute;
left: 12px;
bottom: -6px;
width: calc(100% - 8px);
height: calc(100% - 8px);
z-index: -1;
transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}
.wrap h6 a:hover:after {
left: 0;
bottom: -2px;
width: 100%;
height: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment