Skip to content

Instantly share code, notes, and snippets.

@starryeyez024
Last active April 26, 2019 18:04
Show Gist options
  • Save starryeyez024/cecc6bcdb17e7a50ee51fe47e633076e to your computer and use it in GitHub Desktop.
Save starryeyez024/cecc6bcdb17e7a50ee51fe47e633076e to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<br/>
<div style="width:312px;background:#eee">
<div class="cta">
<a href="#">hello world fsda fdsa dsaf dsa</a>
</div>
</div>
<div style="width:350px;background:#eee">
<div class="cta">
<a href="#">hello world fsda fdsa dsaf dsa</a>
</div>
</div>
// ----
// libsass (v3.5.4)
// ----
.cta {
display: inline;
a {
display: inline;
color: red;
font-size: 25px;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
&:after {
display: inline;
padding-left: 5px;
content: ">";
color: green;
right: 5px;
position: relative;
}
&:hover:after {
left: 2px;
transition: .3s ease all;
}
}
.cta {
display: inline;
}
.cta a {
display: inline;
color: red;
font-size: 25px;
text-decoration: none;
}
.cta a:hover {
text-decoration: underline;
}
.cta:after {
display: inline;
padding-left: 5px;
content: ">";
color: green;
right: 5px;
position: relative;
}
.cta:hover:after {
left: 2px;
transition: .3s ease all;
}
<br/>
<div style="width:312px;background:#eee">
<div class="cta">
<a href="#">hello world fsda fdsa dsaf dsa</a>
</div>
</div>
<div style="width:350px;background:#eee">
<div class="cta">
<a href="#">hello world fsda fdsa dsaf dsa</a>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment